/* 1366px
------------------------------------------------- */
@media (max-width:1366px) {

    /*-Wrap-*/
    .header-nav-inner, .Container, .top-nav-inner, .page-kv-title {
        width: 96%;
        max-width: 1180px;
    }

    /*-Header-topNav*/
    nav.topnav a {
        font-size: 0.9rem;
    }

    /*-Header-主選單*/
    .header-logo {
        margin: 11px 0;
        width: 35%;        /*background-size: 350px;*/
    }

    .header-main-nav > ul > li .header-main-nav-hit {
        font-size: 1em;
    }

    nav.header-right-nav a {
        float: left;
        width: 33.3333%;
        height: 90px;
        line-height: 19px;
    }

    /*-Header-子選單*/
    .header-sub-nav-list > li {
        padding: 10px 14px;
    }

    .header-sub-nav-list > li > a {
        font-size: 1rem;
        line-height: 22px;
    }

    /*-fat footer-*/
    .fat-footer-content .title {
        font-size: 0.92rem;
        padding: 8px 13px;
    }

    /*-footer-*/
    .fat-footer-inner, .footer-inner {
        width: 90%;
    }

    .footer-contact-info, .footer-info {
        font-size: 0.92rem;
    }

    .index-marquee .marquee {
        width: 90%;
        margin: 0 5%;
    }

}

/* 1250px
------------------------------------------------- */
@media (max-width:1250px) {
    #sb-site {
        margin-top: 114px;
    }

    /*-Header-主選單*/
    .header-nav-wrapper {
        height: 82px;
    }

    .header-logo {
        margin: 7px 0;        /*background-size: 300px;*/
    }

    .header-main-nav > ul > li .header-main-nav-hit {
        font-size: 1em;
        margin-top: -3px;
    }

    nav.header-right-nav a {
        height: 82px;
        line-height: 15px;
    }

    /*-Header-子選單*/
    .header-sub-nav {
        top: 82px;
    }

    /*-footer-*/
    .advisory a {
        width: 160px;
    }

}

/* 1060px
------------------------------------------------- */
@media (max-width:1060px) {
    #sb-site {
        margin-top: 78px;
    }

    /*-RWD_header出現-*/
    .header-logo {
        width: 33%;
        margin: 0;
        background-size: contain;
    }

    .header {
        background: #fff;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    }

    .top-nav, .header-main-nav, .header-search-wrapper, .header-right-nav, nav.header-right-nav2 {
        display: none;
    }

    .header-nav-inner {
        display: flex;
        height: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .hamburger {
        display: block;
    }

    header.header.sb-slide.header-tiny {
        top: 0;
    }

    .header-tiny .header-nav-wrapper {
        height: 80px;
    }

    .header-nav-wrapper {
        float: left;
        width: 100%;
        height: 78px;
        background: #fff;
        position: relative;
    }

    /*-讓banner、左側選單消失-*/
    .crumb a.crumb-print, .page-side {
        display: none;
    }

    /*-拉開列表-*/
    .page-main {
        width: 100%;
    }

    /*--*/
    .index-map1-title, .index-video1-title {
        font-size: 0.95rem;
        padding: 10px 15px;
    }

    .index-news1 {
        margin: 35px auto;
        display: block;
    }

    .index-news1-header {
        padding: 15px 25px;
        margin-right: 0;
        flex-direction: row;
        align-items: center;
        font-size: 1.5rem;
    }

    .index-news1-title {
        width: auto;
    }

    .advisory {
        display: none;
    }

    .index-news1-more {
        margin: 0;
        padding: 5px;
        font-size: 0.8rem;
        width: 70px;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-self: center;
    }

    .page-date span {
        display: block;
        font-size: 0.85rem;
        margin: 0 0 10px 0;
        width: 100%;
        text-align: right;
    }

    .crumb-btn-drop {
        right: -9px;
    }

    table {
        width: 100% !important;
    }

    .index-news1-tab {
        margin: 15px auto;
        width: 100%;
    }

    .index-news1-wrap {
        padding: 10px 30px 20px 30px;
    }

    .index-news1-list {
        width: 96%;
        margin: 0 auto;
    }

    .index-news1-list .index-news1-line {
        padding: 15px 0;
        margin: 1px 0 0 0;
        height: auto;
        flex-wrap: wrap;
    }

    .index-news1-list .index-news1-date, .index-news1-list .index-news1-line .index-news1-cont, .index-news1-list .index-news1-txt {
        width: 100%;
    }

}

/* 768px
------------------------------------------------- */
@media (max-width:768px) {

    /*-Wrap-*/
    .header-nav-inner, .Container, .top-nav-inner, .page-kv-title {
        width: 88%;
    }

    /*-fat footer-*/
    .fat-footer-content {
        width: 100%;
        margin: 0;
    }

    .fat-footer-content .title {
        text-align: left;
        width: 100%;
    }

    .fat-footer-content ul {
        width: 90%;
        display: none;
        margin: 0 auto 20px auto;
        padding: 0;
    }

    /*-footer-*/
    .footer > .footer-inner {
        padding: 18px 0;
    }

    .footer-logo {
        width: 100%;
        max-width: 320px;
        display: block;
        vertical-align: middle;
        margin: 0 auto 20px auto;
        padding: 0;
    }

    .footer-contact-info, .footer-info {
        font-size: 0.85rem;
        text-align: center;
        line-height: 26px;
        padding: 0;
    }

    .footer .footer-contact-info {
        margin: 0;
        padding: 0 0 14px 0;
        float: left;
        width: 100%;
        line-height: 26px;
    }

    .footer-contact-info .footer-txt {
        display: block;
        width: 100%;
    }

    .footer-right {
        float: right;
        width: 100%;
        text-align: center;
    }

    .footer-img {
        padding: 0 0 8px 0;
        text-align: center;
    }

    .footer-contact-info, .footer-info {
        font-size: 0.85rem;
        text-align: center;
        padding: 0;
    }

    .footer-menu {
        padding: 7px 0;
        font-size: 0.85rem;
    }

    .footer-menu .footer-inner {
        margin: 4px auto;
    }

    .header-logo {
        width: 45%;
    }

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

    .index-news1-wrap {
        padding: 10px 15px 20px 15px;
    }

    .index-video1, .index-map1 {
        width: 100%;
        float: none;
        padding-top: 35px;
        padding-bottom: 40px;
    }

    .index-video1-header, .index-video1-wrap, .index-map1-header, .index-map1-wrap {
        width: 90%;
        max-width: 600px;
        float: none;
        margin: 0 auto;
    }

    .index-video1-wrap, .index-map1-wrap {
        background: #fff;
        padding: 38px 20px 20px 20px;
        margin: -10px auto 0 auto;
    }

    .index-map1-title, .index-video1-title {
        font-size: 1.8rem;
        padding: 10px 15px;
    }

    .page-kv-wrapper {
        background-position: 83% center;
    }

    .page-kv-title {
        padding-bottom: 90px;
        font-size: 1.5rem;
    }

    .page-related-list .file-name, .page-related-list .download-type-wrap, .page-related-list .file-desc {
        display: flex;
    }

    .page-related-list .file-name .label, .page-related-list .download-type-wrap .label, .page-related-list .file-desc .label {
        flex: 0 0 85px;
    }

    .page-media {
        float: left;
        width: calc(100% / 2 - 40px);
    }

    .page-slider-wrap {
        width: 100%;
        margin: 0 auto 35px auto;
    }

    .page-slider img {
        width: 100%;
        height: auto;
    }

    .index-event2 {
        float: none;
    }

    .index-service2-list .link {
        width: 48%;
    }

    .index-event2-cont {
        width: 44%;
    }

    .index-btn {
        text-align: center;
        padding: 20px 0;
        width: 100%;
        float: none;
    }

    .index-faq {
        float: none;
        margin: 0;
        padding: 0 20px;
    }

    .index-faq-header {
        background: none;
        width: 100%;
        padding: 15px 0 35px 0;
        float: none;
        text-align: center;
    }

    .index-faq-title {
        position: static;
        color: #000;
        margin-bottom: 20px;
        display: block;
    }

    .index-faq-list {
        list-style: none;
        margin: 0;
        padding: 0;
        float: none;
        width: 100%;
    }

    .index-faq-wrap {
        margin: 0 auto;
        width: 100%;
        max-width: 1280px;
        padding: 0 20px 18px 20px;
    }

    .index-faq-header .dotline {
        position: static;
    }

    .index-faq-header .dotline span {
        background: #18becd;
    }

    .ebook-search select {
        width: 100%;
        margin-right: 0;
    }

    .ebook-search input[type="text"] {
        width: 100%;
        margin: 15px 0 0 0;
    }

}

@media (max-width:420px) {
    .header-logo {
        width: 75%;
    }

    .back_top {
        right: 15px;
    }

    .page-kv-wrapper {
        background-position: 83% center;
        background-size: 315%;
    }

    .page-kv-title {
        font-size: 1.65rem;
        padding-bottom: 67px;
    }

    .page-media {
        float: none;
        width: calc(100% - 40px);
    }

    .pagination {
        margin: 40px -4px 0 -4px;
        font-size: 0.8rem;
    }

    .index-service2-list .link {
        width: 98%;
        margin-bottom: 20px;
    }

    .index-event2-cont {
        width: 90%;
    }

    .index-map1-title, .index-video1-title {
        font-size: 1.5rem;
    }

    .sitemap-box {
        float: left;
        width: 100%;
        margin: 0 0 32px 0;
    }

    .filesort-cont a {
        display: block;
        margin: 5px 0;
    }

    .ebook-search {
        padding: 20px 15px 10px 15px;
    }

    .book-left {
        float: left;
        width: 100%;
    }

    .book-right {
        float: left;
        width: 100%;
    }

}

@media (max-width:320px) {
    .pagination a {
        padding: 5px 9px;
    }

}






/*
     FILE ARCHIVED ON 17:36:07 十一月 11, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 23:47:06 五月 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)).
*/