section.th_navigation .set_icon:before {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    content: "";
    visibility: hidden
}

section.th_navigation .set_icon span {
    display: inline-block;
    vertical-align: middle
}

.main_w {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 10px
}

@media (max-width: 1024px) {
    .main_w {
        margin: 0 auto;
        max-width: 980px
    }
}

#taiwanmap_area a:hover path {
    cursor: pointer
}

.ncontent {
    max-width: 1200px;
    margin: auto
}

.title {
    text-align: center
}

    .title span, .title h3 {
        display: inline-block;
        vertical-align: middle
    }

    .title h3, .title p {
        font-size: 22px;
        line-height: 30px;
        font-weight: 700
    }

    .title p {
        display: inline
    }

section.th_taiwan {
    padding: 25px 0 20px
}

    section.th_taiwan > div > div {
        overflow: hidden;
        margin-top: 30px;
        width: 100%
    }

    section.th_taiwan .tw_title {
        border: 1px solid #ccc;
        background-color: #f0f5fa
    }

        section.th_taiwan .tw_title > span {
            background-color: #6cb9f1;
            vertical-align: bottom;
            display: inline-block;
            padding: 11px 0;
            width: 13.4%
        }

            section.th_taiwan .tw_title > span img {
                margin: 0 auto
            }

        section.th_taiwan .tw_title > h3 {
            font-size: 16px;
            line-height: 24px;
            display: inline-block;
            padding: 11px 0 11px 20px
        }

    section.th_taiwan .tw_map {
        margin-top: -7px
    }

    section.th_taiwan .tw_information > footer a {
        background-color: #16b4d0;
        display: inline-block;
        display: block;
        text-align: center;
        padding: 15px 0;
        margin-top: 25px
    }

    section.th_taiwan .tw_information > footer span, section.th_taiwan .tw_information > footer p {
        display: inline-block;
        vertical-align: middle
    }

    section.th_taiwan .tw_information > footer p {
        font-size: 22px;
        line-height: 30px;
        margin-left: 15px;
        color: #FFF
    }

    section.th_taiwan .tw_information > div + div {
        margin-top: 33px;
        position: relative
    }

    section.th_taiwan .ifm_title {
        background-color: #0a78c7;
        padding: 10px 0 10px 13px
    }

        section.th_taiwan .ifm_title h3 {
            font-size: 20px;
            line-height: 30px;
            font-weight: 700;
            color: #FFF
        }

        section.th_taiwan .ifm_title h3, section.th_taiwan .ifm_title span {
            display: inline-block;
            vertical-align: middle
        }

        section.th_taiwan .ifm_title span {
            padding-right: 3px
        }

            section.th_taiwan .ifm_title span img {
                width: 30px
            }

    section.th_taiwan .ifm_tab {
        overflow: hidden;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        margin: 12px 0
    }

        section.th_taiwan .ifm_tab li {
            -moz-transition: all .2s;
            -o-transition: all .2s;
            -webkit-transition: all .2s;
            transition: all .2s;
            width: 50%;
            float: left
        }

            section.th_taiwan .ifm_tab li a {
                font-size: 18px;
                line-height: 30px;
                color: #000;
                display: inline-block;
                text-align: center;
                width: 100%;
                padding: 8px 0
            }

            section.th_taiwan .ifm_tab li.on {
                background-color: #f0f5fa
            }

            section.th_taiwan .ifm_tab li:hover {
                background-color: #f0f5fa
            }

    section.th_taiwan .ifm_air {
        background-color: #f0f5fa;
        border: 1px solid #e5e5e5;
        margin-top: 13px;
        padding: 0 20px
    }

        section.th_taiwan .ifm_air > div > header {
            padding-left: 14px
        }

            section.th_taiwan .ifm_air > div > header h4 {
                font-size: 14px;
                line-height: 20px;
                padding: 11px 0;
                color: #666
            }

        section.th_taiwan .ifm_air > div table {
            border-top: 1px solid #e5e5e5;
            border-bottom: 1px solid #e5e5e5;
            margin: 0 auto;
            width: 100%
        }

            section.th_taiwan .ifm_air > div table td {
                text-align: center;
                vertical-align: top;
                padding: 14px 0
            }

                section.th_taiwan .ifm_air > div table td p {
                    font-size: 18px;
                    line-height: 25px;
                    font-weight: 700;
                    display: inline-block;
                    width: 22px
                }

                section.th_taiwan .ifm_air > div table td span {
                    margin-bottom: 8px;
                    display: block
                }

                    section.th_taiwan .ifm_air > div table td span img {
                        margin: 0 auto
                    }

        section.th_taiwan .ifm_air > div footer {
            position: inherit;
            padding: 15px 0
        }

            section.th_taiwan .ifm_air > div footer .clp_btn {
                display: none;
                top: 15px;
                right: 10px;
                position: absolute
            }

                section.th_taiwan .ifm_air > div footer .clp_btn i img {
                    width: 25px
                }

                section.th_taiwan .ifm_air > div footer .clp_btn span {
                    display: none
                }

            section.th_taiwan .ifm_air > div footer.show .clp_btn i {
                display: none
            }

            section.th_taiwan .ifm_air > div footer.show .clp_btn span {
                display: block
            }

            section.th_taiwan .ifm_air > div footer ul.clp_con {
                overflow: hidden;
                background: none;
                position: relative;
                padding: 0;
                padding-left: 17px
            }

                section.th_taiwan .ifm_air > div footer ul.clp_con li {
                    font-size: 12px;
                    line-height: 22px;
                    text-align: left;
                    float: left;
                    width: 50%;
                    color: #000
                }

            section.th_taiwan .ifm_air > div footer span {
                border-radius: 50px;
                margin-right: 7px;
                display: inline-block;
                width: 40px;
                height: 8px
            }

        section.th_taiwan .ifm_air .a_01 {
            background-color: #096
        }

        section.th_taiwan .ifm_air .a_02 {
            background-color: #ffde33
        }

        section.th_taiwan .ifm_air .a_03 {
            background-color: #f93
        }

        section.th_taiwan .ifm_air .a_04 {
            background-color: #c03
        }

        section.th_taiwan .ifm_air .a_05 {
            background-color: #609
        }

        section.th_taiwan .ifm_air .a_06 {
            background-color: #7e0023
        }

    section.th_taiwan .md_ifm figure img {
        margin: 0 auto;
        max-width: 100%
    }

    section.th_taiwan .md_ifm figcaption {
        display: inline-block;
        width: 100%;
        position: relative;
        padding: 10px 0
    }

        section.th_taiwan .md_ifm figcaption > p {
            font-size: 16px;
            line-height: 20px;
            float: left;
            width: 84%
        }

    section.th_taiwan .md_ifm .point.clp_xmoc {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%
    }

        section.th_taiwan .md_ifm .point.clp_xmoc .clp_btn a {
            position: absolute;
            right: 0;
            bottom: 0;
            font-size: 14px;
            line-height: 20px;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            -webkit-transition: all .2s;
            transition: all .2s;
            display: inline-block;
            border-radius: 50px;
            border: 1px solid #0f7c8f;
            color: #0f7c8f;
            padding: 1px 8px
        }

            section.th_taiwan .md_ifm .point.clp_xmoc .clp_btn a:hover {
                background-color: #0f7c8f;
                color: #FFF
            }

        section.th_taiwan .md_ifm .point.clp_xmoc .clp_btn span {
            display: none;
            position: absolute;
            right: 15px;
            bottom: 0;
            z-index: 2
        }

        section.th_taiwan .md_ifm .point.clp_xmoc .clp_con {
            bottom: calc(100% - 15px);
            top: auto;
            width: 135%;
            left: -35%
        }

            section.th_taiwan .md_ifm .point.clp_xmoc .clp_con p {
                color: #FFF;
                line-height: 1.8em
            }

        section.th_taiwan .md_ifm .point.clp_xmoc.show .clp_btn a {
            display: none
        }

        section.th_taiwan .md_ifm .point.clp_xmoc.show .clp_btn span {
            display: block
        }

    section.th_taiwan .map_time {
        margin: -25px auto 0
    }

section.th_area {
    background-color: #a7e5ff;
    padding: 70px 0
}

    section.th_area .tw_map {
        background-color: #d7f3ff;
        padding: 40px 30px !important
    }

    section.th_area .map_pic {
        padding-top: 45px
    }

    section.th_area .map_time {
        margin-top: 32px !important;
        padding-bottom: 26px
    }

    section.th_area .area_data {
        margin-top: 20px
    }

        section.th_area .area_data > div {
            margin-top: 45px
        }

        section.th_area .area_data img {
            max-width: 100%;
            margin: 0 auto
        }

    section.th_area .area_list {
        overflow: hidden
    }

        section.th_area .area_list li {
            -moz-transition: all .2s;
            -o-transition: all .2s;
            -webkit-transition: all .2s;
            transition: all .2s;
            width: 32%;
            float: left;
            background-color: #068298;
            text-align: center;
           margin: .25% 1%;
        }

            section.th_area .area_list li:nth-child(2), section.th_area .area_list li:nth-child(1) {
                margin-left: 0
            } 

            section.th_area .area_list li:nth-last-child(1) {
                margin-right: 0
            }

            section.th_area .area_list li a {
                -moz-transition: all .2s;
                -o-transition: all .2s;
                -webkit-transition: all .2s;
                transition: all .2s;
                font-size: 22px;
                line-height: 30px;
                display: inline-block;
                position: relative;
                padding: 15px 10px;
                font-weight: 700;
                color: #FFF;
                width: 100%
            }

                section.th_area .area_list li a:after {
                    content: '';
                    display: block;
                    background-image: url(../images/../images/a_white.png);
                    width: 17px;
                    height: 8px;
                    background-repeat: no-repeat;
                    position: absolute;
                    top: 24px;
                    right: 22px
                }

/*            section.th_area .area_list li + li {
                margin-left: 2%
            }
*/
            section.th_area .area_list li.on, section.th_area .area_list li:hover {
                background-color: #FFF
            }

                section.th_area .area_list li.on a, section.th_area .area_list li:hover a {
                    color: #018298;
                }

                    section.th_area .area_list li.on a:after, section.th_area .area_list li:hover a:after {
                        background-image: url(../images/a_blue.png);
                        top: 25px
                    }

    section.th_area .md_ardatacont div {
        background-color: #FFF;
        margin-top: 15px
    }

    section.th_area aside header, section.th_area aside > div {
        background: #FFF;
        border-radius: 5px;
        border: 1px solid #ccc
    }

    section.th_area aside header {
        padding: 20px
    }

        section.th_area aside header p {
            margin-bottom: 10px
        }

        section.th_area aside header .form {
            display: table;
            width: 100%
        }

            section.th_area aside header .form b, section.th_area aside header .form .select, section.th_area aside header .form a.srh {
                display: table-cell
            }

            section.th_area aside header .form b {
                width: 45px
            }

            section.th_area aside header .form .select {
                padding: 0 5px
            }

            section.th_area aside header .form select {
                padding: 5px 30px 5px 10px;
                font-size: 14px;
                line-height: 20px
            }

            section.th_area aside header .form option {
                font-size: 14px;
                line-height: 20px
            }

        section.th_area aside header a.srh {
            display: block;
            background: #16b4d0;
            color: #FFF;
            text-align: center;
            padding: 3px 8px;
            border-radius: 5px;
            transition: all .5s
        }

            section.th_area aside header a.srh:hover {
                background: #087daf
            }

    section.th_area aside > div {
        margin-top: 15px;
        padding-top: 15px
    }

        section.th_area aside > div .point.clp_xmoc .clp_btn {
            position: absolute;
            right: 20px;
            top: 0
        }

            section.th_area aside > div .point.clp_xmoc .clp_btn i {
                z-index: 1
            }

                section.th_area aside > div .point.clp_xmoc .clp_btn i img {
                    width: 25px
                }

        section.th_area aside > div .point.clp_xmoc .clp_con {
            top: -20px;
            width: 145%;
            left: -45%
        }

    section.th_area aside .info {
        padding: 15px 20px;
        text-align: center
    }

        section.th_area aside .info .date {
            font-size: 16px;
            line-height: 20px;
            color: #666;
            margin-bottom: 10px
        }

        section.th_area aside .info h4 {
            color: #008299;
            font-size: 32px;
            line-height: 40px;
            margin-bottom: 10px
        }

            section.th_area aside .info h4 span {
                display: block;
                color: #008299;
                font-size: 16px;
                line-height: 20px;
                margin: 5px 0
            }

    section.th_area aside #aqicircle {
        border-width: 10px;
        border-style: solid;
        width: 190px;
        height: 190px;
        border-radius: 50%;
        display: table;
        margin: 10px auto;
        padding: 22px
    }

        section.th_area aside #aqicircle:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 0;
            height: 100%
        }

        section.th_area aside #aqicircle > div {
            display: inline-block;
            vertical-align: middle
        }

        section.th_area aside #aqicircle .aquval {
            display: block;
            line-height: 1em;
            margin: 6px 0;
            font-size: 60px;
            font-weight: 700
        }

    section.th_area aside ul.allif {
        max-width: 350px;
        margin: auto
    }

        section.th_area aside ul.allif > li {
            margin: 5px 0;
            border-bottom: #e5e5e5 1px solid;
            display: table;
            width: 100%;
            position: relative
        }

            section.th_area aside ul.allif > li.tag:before {
                position: absolute;
                content: "◎";
                font-size: 32px;
                line-height: 40px;
                top: 55%;
                margin-top: -20px
            }

            section.th_area aside ul.allif > li > b {
                display: table-cell;
                font-size: 16px;
                line-height: 20px;
                width: 40%;
                min-width: 105px;
                vertical-align: bottom;
                padding-bottom: 9px;
                text-align: left;
                padding-left: 20px
            }

                section.th_area aside ul.allif > li > b span {
                    font-size: 14px;
                    line-height: 20px;
                    display: block
                }

                    section.th_area aside ul.allif > li > b span.inline {
                        display: inline-block
                    }

            section.th_area aside ul.allif > li ul {
                display: table-cell;
                vertical-align: bottom
            }

                section.th_area aside ul.allif > li ul li {
                    display: table;
                    width: 100%
                }

                    section.th_area aside ul.allif > li ul li + li b, section.th_area aside ul.allif > li ul li + li span {
                        display: table-cell;
                        border-top: #e5e5e5 1px solid
                    }

                    section.th_area aside ul.allif > li ul li b {
                        display: table-cell;
                        text-align: left;
                        vertical-align: middle
                    }

                    section.th_area aside ul.allif > li ul li span {
                        display: table-cell;
                        text-align: right;
                        vertical-align: middle;
                        font-size: 28px;
                        line-height: 40px;
                        font-weight: 700
                    }

    section.th_taiwan .tw_map, section.th_area .tw_map {
        position: relative
    }

        section.th_taiwan .tw_map > header, section.th_area .tw_map > header {
            position: relative
        }

            section.th_taiwan .tw_map > header span, section.th_area .tw_map > header span {
                display: inline-block;
                vertical-align: middle
            }

            section.th_taiwan .tw_map > header h3, section.th_area .tw_map > header h3 {
                font-size: 22px;
                line-height: 30px;
                vertical-align: middle;
                display: inline-block;
                font-weight: 700
            }

        section.th_taiwan .tw_map .map_data, section.th_area .tw_map .map_data {
            position: absolute;
            left: 40px;
            display: block;
            width: 100%;
            max-width: 248px;
            position: absolute;
            top: 200px
        }

            section.th_taiwan .tw_map .map_data .clp_btn, section.th_area .tw_map .map_data .clp_btn {
                display: none
            }

                section.th_taiwan .tw_map .map_data .clp_btn i img, section.th_area .tw_map .map_data .clp_btn i img {
                    width: 25px
                }

            section.th_taiwan .tw_map .map_data .clp_con, section.th_area .tw_map .map_data .clp_con {
                background: none;
                padding: 0
            }

            section.th_taiwan .tw_map .map_data ul li span, section.th_taiwan .tw_map .map_data ul li p, section.th_area .tw_map .map_data ul li span, section.th_area .tw_map .map_data ul li p {
                vertical-align: middle;
                display: inline-block;
                color: #000
            }

            section.th_taiwan .tw_map .map_data ul li span, section.th_area .tw_map .map_data ul li span {
                padding-right: 5px
            }

            section.th_taiwan .tw_map .map_data ul li + li, section.th_area .tw_map .map_data ul li + li {
                margin-top: 4px
            }

    section.th_taiwan .mtg_list, section.th_area .mtg_list {
        overflow: hidden;
        padding-left: 60px
    }

        section.th_taiwan .mtg_list li, section.th_area .mtg_list li {
            float: left
        }

            section.th_taiwan .mtg_list li a, section.th_area .mtg_list li a {
                -moz-transition: all .2s;
                -o-transition: all .2s;
                -webkit-transition: all .2s;
                transition: all .2s;
                border: 1px solid #16b4d0;
                display: inline-block;
                border-radius: 50px;
                padding: 4px 17px;
                height: 33px;
                line-height: 24px
            }

                section.th_taiwan .mtg_list li a sub, section.th_area .mtg_list li a sub {
                    -moz-transition: all .2s;
                    -o-transition: all .2s;
                    -webkit-transition: all .2s;
                    transition: all .2s;
                    vertical-align: sub;
                    font-size: xx-small
                }

            section.th_taiwan .mtg_list li + li, section.th_area .mtg_list li + li {
                margin-left: 15px
            }

            section.th_taiwan .mtg_list li.on a, section.th_taiwan .mtg_list li:hover a, section.th_area .mtg_list li.on a, section.th_area .mtg_list li:hover a {
                background-color: #028097;
                color: #FFF
            }

                section.th_taiwan .mtg_list li.on a sub, section.th_taiwan .mtg_list li:hover a sub, section.th_area .mtg_list li.on a sub, section.th_area .mtg_list li:hover a sub {
                    color: #FFF
                }

    section.th_taiwan .md_map_ae, section.th_area .md_map_ae {
        display: inline-block;
        width: 100%
    }

        section.th_taiwan .md_map_ae > div, section.th_area .md_map_ae > div {
            margin-right: 2.2%;
            padding: 0 30px 20px;
            width: 66.1%;
            float: left
        }

        section.th_taiwan .md_map_ae > aside, section.th_area .md_map_ae > aside {
            width: 31.7%;
            float: left
        }

    section.th_taiwan .map_target, section.th_area .map_target {
        margin-top: 13px
    }

    section.th_taiwan .map_pic, section.th_area .map_pic {
        position: relative;
        overflow: hidden
    }

        section.th_taiwan .map_pic, section.th_area .map_pic title {
            color: #323232;
        }

        section.th_taiwan .map_pic svg, section.th_area .map_pic svg {
            float: right;
            width: 76%;
            height: 100%
        }

@media screen and (min-width:0) {
    section.th_taiwan .map_pic > div, section.th_area .map_pic > div {
        width: 74%;
        margin-left: 26%;
        height: 0
    }

        section.th_taiwan .map_pic > div svg, section.th_area .map_pic > div svg {
            position: absolute;
            right: 0;
            top: 0
        }
}

section.th_taiwan .map_time, section.th_area .map_time {
    max-width: 670px;
    margin: 0 auto
}

    section.th_taiwan .map_time h4, section.th_area .map_time h4 {
        text-align: center
    }

    section.th_taiwan .map_time div, section.th_area .map_time div {
        margin-top: 10px
    }

        section.th_taiwan .map_time div span, section.th_taiwan .map_time div p, section.th_area .map_time div span, section.th_area .map_time div p {
            vertical-align: middle
        }

        section.th_taiwan .map_time div span, section.th_area .map_time div span {
            display: inline-block
        }

        section.th_taiwan .map_time div p, section.th_area .map_time div p {
            display: inline
        }

section.th_taiwan .mt_button, section.th_area .mt_button {
    margin-top: 20px;
    overflow: hidden;
    text-align: center
}

    section.th_taiwan .mt_button li, section.th_area .mt_button li {
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -webkit-transition: all .2s;
        transition: all .2s;
        border: 1px solid #16b4d0;
        border-radius: 50px;
        float: left
    }

        section.th_taiwan .mt_button li a, section.th_area .mt_button li a {
            -moz-transition: all .2s;
            -o-transition: all .2s;
            -webkit-transition: all .2s;
            transition: all .2s;
            display: inline-block;
            padding: 3px
        }

            section.th_taiwan .mt_button li a > span, section.th_area .mt_button li a > span {
                background-color: #16b4d0;
                display: inline-block;
                position: relative;
                border-radius: 50px;
                width: 30px;
                height: 30px
            }

                section.th_taiwan .mt_button li a > span.ar_two img:nth-child(1), section.th_area .mt_button li a > span.ar_two img:nth-child(1) {
                    left: 9px;
                    right: auto
                }

                section.th_taiwan .mt_button li a > span.ar_two img:nth-child(2), section.th_area .mt_button li a > span.ar_two img:nth-child(2) {
                    left: 5px;
                    right: auto
                }

                section.th_taiwan .mt_button li a > span img, section.th_area .mt_button li a > span img {
                    position: absolute;
                    top: 10px;
                    right: 1px;
                    left: 0;
                    margin: 0 auto;
                    width: 35%
                }

            section.th_taiwan .mt_button li a p, section.th_area .mt_button li a p {
                padding: 0 14px;
                display: inline
            }

                section.th_taiwan .mt_button li a p span, section.th_area .mt_button li a p span {
                    display: none
                }

            section.th_taiwan .mt_button li a p, section.th_taiwan .mt_button li a span, section.th_area .mt_button li a p, section.th_area .mt_button li a span {
                vertical-align: middle
            }

        section.th_taiwan .mt_button li + li, section.th_area .mt_button li + li {
            margin-left: 5px
        }

        section.th_taiwan .mt_button li:hover, section.th_area .mt_button li:hover {
            border: 1px solid #46779b;
            background-color: #46779b
        }

            section.th_taiwan .mt_button li:hover a > span, section.th_area .mt_button li:hover a > span {
                background-color: #6cb9f1
            }

            section.th_taiwan .mt_button li:hover a p, section.th_area .mt_button li:hover a p {
                color: #FFF
            }

    section.th_taiwan .mt_button .ar_left, section.th_area .mt_button .ar_left {
        transform: rotate(180deg)
    }

        section.th_taiwan .mt_button .ar_left img, section.th_area .mt_button .ar_left img {
            right: 3px
        }

    section.th_taiwan .mt_button .ar_right img, section.th_area .mt_button .ar_right img {
        right: 4px
    }

    section.th_taiwan .mt_button .triangle:before, section.th_area .mt_button .triangle:before {
        content: '';
        display: block;
        border-style: solid;
        border-color: transparent transparent transparent #fff;
        border-width: 6px 6px 6px 8px;
        position: absolute;
        top: 9px;
        right: 3px
    }

section.th_taiwan .md_tabcont, section.th_area .md_tabcont {
    display: none
}

@media screen and (min-width:0) {
    section.th_taiwan .map_pic > div {
        padding-bottom: 97%
    }
}

@media screen and (min-width:0) {
    section.th_area .map_pic > div {
        padding-bottom: 76%
    }
}

section.th_navigation {
    padding: 65px 0;
    text-align: center
}

    section.th_navigation .set_icon {
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        border-radius: 100px;
        text-align: center
    }

        section.th_navigation .set_icon span {
            display: inline-block
        }

            section.th_navigation .set_icon span img {
                max-width: 100%;
                margin: 0 auto;
                width: 100%
            }

    section.th_navigation .sby_list {
        overflow: hidden;
        padding-top: 40px
    }

        section.th_navigation .sby_list li {
            float: left;
            text-align: center
        }

            section.th_navigation .sby_list li > a {
                display: block
            }

            section.th_navigation .sby_list li figure {
                -moz-transition: all .2s;
                -o-transition: all .2s;
                -webkit-transition: all .2s;
                transition: all .2s;
                background-color: #6cb9f1;
                margin: 0 auto;
                height: 130px;
                width: 130px
            }

            section.th_navigation .sby_list li div {
                margin-top: 18px
            }

            section.th_navigation .sby_list li p {
                font-size: 18px;
                line-height: 30px
            }

            section.th_navigation .sby_list li + li {
                margin-left: 1.65%
            }

            section.th_navigation .sby_list li:hover figure {
                background-color: #14b4d0
            }

            section.th_navigation .sby_list li.small figure span {
                width: 40px
            }

section.imgblock {
    background: url(../images/i_housebg.jpg) center bottom #a7e5ff no-repeat;
    background-size: 100% auto;
    padding: 40px 10px
}

    section.imgblock ul {
        overflow: hidden
    }

        section.imgblock ul li {
            width: 47.91667%;
            float: left;
            margin-left: 1.04167%;
            margin-right: 1.04167%
        }

            section.imgblock ul li.img header {
                overflow: hidden
            }

                section.imgblock ul li.img header h3 {
                    width: 50%;
                    float: left
                }

                section.imgblock ul li.img header > div {
                    width: 48%;
                    float: right
                }

            section.imgblock ul li.img > div img {
                display: table;
                max-width: 100%;
                margin: auto
            }

    section.imgblock header {
        margin-bottom: 15px
    }

        section.imgblock header h3 {
            background: #0479cd;
            color: #FFF;
            font-size: 22px;
            line-height: 30px;
            padding: 10px
        }

            section.imgblock header h3:before {
                content: "";
                display: inline-block;
                vertical-align: middle;
                background: url(../images/bs_icon.svg) center center no-repeat;
                background-size: 100%;
                width: 30px;
                height: 30px;
                margin: -6px 5px 0 0
            }

    section.imgblock .rwdvideo {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden
    }

        section.imgblock .rwdvideo iframe, section.imgblock .rwdvideo object, section.imgblock .rwdvideo embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

section.i_fim {
    padding: 40px 10px
}

    section.i_fim ul {
        margin-top: 15px;
        text-align: center
    }

        section.i_fim ul li {
            display: inline-block;
            width: 15%;
            min-width: 182px;
            margin: 5px .5%
        }

            section.i_fim ul li a {
                display: block;
                text-align: center;
                background: #218183;
                border-radius: 5px;
                padding: 15px 5px;
                transition: all .5s
            }

                section.i_fim ul li a:hover {
                    background: #189ad3
                }

            section.i_fim ul li figure {
                display: inline-block;
                vertical-align: middle
            }

            section.i_fim ul li figcaption {
                display: inline-block;
                vertical-align: middle
            }

                section.i_fim ul li figcaption p {
                    color: #FFF;
                    font-size: 18px;
                    line-height: 30px
                }

                section.i_fim ul li figcaption span {
                    display: block;
                    color: #FFF;
                    font-size: 18px;
                    line-height: 30px
                }

@media (max-width: 1280px) {
    section.th_taiwan .ifm_air {
        padding: 0 8px
    }

        section.th_taiwan .ifm_air footer ul {
            padding-left: 0
        }

        section.th_taiwan .ifm_air footer span {
            width: 30px
        }

    section.th_taiwan .mtg_list, section.th_area .mtg_list {
        padding-left: 0
    }

        section.th_taiwan .mtg_list li + li, section.th_area .mtg_list li + li {
            margin-left: 9px
        }

    section.th_taiwan .md_map_ae > div, section.th_area .md_map_ae > div {
        padding: 0 10px 20px
    }

    section.th_taiwan .mt_button li a p, section.th_area .mt_button li a p {
        padding: 0 11px
    }

    section.th_area .tw_map {
        padding: 40px 15px 35px
    }

    section.th_area .area_list li a {
        font-size: 20px;
        line-height: 30px;
        padding: 13px 10px
    }

        section.th_area .area_list li a:after {
            right: 13px
        }

    section.th_navigation .sby_list {
        max-width: 920px;
        margin: 0 auto
    }

        section.th_navigation .sby_list li a figure {
            width: 100px;
            height: 100px
        }

            section.th_navigation .sby_list li a figure img {
                width: 82%
            }

        section.th_navigation .sby_list li + li {
            margin-left: 1.8%
        }
}

@media (max-width: 1024px) {
    section.th_taiwan .md_map_ae > div, section.th_taiwan .md_map_ae aside, section.th_area .md_map_ae > div, section.th_area .md_map_ae aside {
        width: 100%
    }

    section.th_taiwan .md_map_ae > div, section.th_area .md_map_ae > div {
        margin-bottom: 20px;
        margin-right: 0
    }

    section.th_taiwan .md_map_ae .map_pic svg, section.th_area .md_map_ae .map_pic svg {
        width: 100%
    }

    section.th_taiwan .tw_map .map_data, section.th_area .tw_map .map_data {
        left: auto;
        right: 15px;
        top: 20px
    }

        section.th_taiwan .tw_map .map_data .clp_btn, section.th_area .tw_map .map_data .clp_btn {
            display: block;
            position: relative;
            z-index: 2
        }

            section.th_taiwan .tw_map .map_data .clp_btn i, section.th_taiwan .tw_map .map_data .clp_btn span, section.th_area .tw_map .map_data .clp_btn i, section.th_area .tw_map .map_data .clp_btn span {
                right: 0;
                position: absolute
            }

            section.th_taiwan .tw_map .map_data .clp_btn span, section.th_area .tw_map .map_data .clp_btn span {
                display: none
            }

        section.th_taiwan .tw_map .map_data.show .clp_btn span, section.th_area .tw_map .map_data.show .clp_btn span {
            display: block
        }

        section.th_taiwan .tw_map .map_data .clp_con, section.th_area .tw_map .map_data .clp_con {
            padding: 40px 30px 30px;
            background: rgba(0,0,0,0.8);
            top: -10px;
            right: -10px;
            display: none
        }

        section.th_taiwan .tw_map .map_data ul li p, section.th_area .tw_map .map_data ul li p {
            color: #FFF
        }

    section.th_taiwan .map_data, section.th_area .map_data {
        right: 0;
        top: 0
    }

        section.th_taiwan .map_data .clp_btn, section.th_area .map_data .clp_btn {
            display: block
        }

    section.th_taiwan .mt_button li, section.th_area .mt_button li {
        display: inline-block;
        float: none
    }

        section.th_taiwan .mt_button li a span, section.th_area .mt_button li a span {
            width: 25px;
            height: 25px
        }

            section.th_taiwan .mt_button li a span img, section.th_area .mt_button li a span img {
                top: 8px !important
            }

        section.th_taiwan .mt_button li a p, section.th_area .mt_button li a p {
            font-size: 12px;
            padding: 0 0 0 3px
        }

        section.th_taiwan .mt_button li + li, section.th_area .mt_button li + li {
            margin-left: 1px
        }

        section.th_taiwan .mt_button li:nth-child(1), section.th_taiwan .mt_button li:nth-child(5), section.th_area .mt_button li:nth-child(1), section.th_area .mt_button li:nth-child(5) {
            display: none
        }

    section.th_taiwan .mt_button .triangle:before, section.th_area .mt_button .triangle:before {
        top: 7px;
        left: 10px
    }

    section.th_taiwan .ifm_air > div {
        max-width: 300px;
        margin: 0 auto
    }

        section.th_taiwan .ifm_air > div footer {
            position: inherit;
            padding: 15px 0
        }

            section.th_taiwan .ifm_air > div footer .clp_btn {
                display: block
            }

            section.th_taiwan .ifm_air > div footer ul.clp_con {
                position: absolute;
                right: 0;
                top: 0;
                left: auto;
                padding: 40px 30px 30px;
                background: rgba(0,0,0,0.8);
                max-width: 248px;
                display: none
            }

                section.th_taiwan .ifm_air > div footer ul.clp_con li {
                    width: 100%;
                    color: #FFF;
                    font-size: 14px;
                    line-height: 30px
                }

            section.th_taiwan .ifm_air > div footer span {
                width: 35px
            }

    section.th_taiwan .md_ifm .point.clp_xmoc .clp_con {
        width: 100%;
        left: 0
    }

    section.th_area .area_data {
        margin-top: 0
    }

    section.th_area .area_list li {
        margin-top: 15px;
        width: 48%
    }

        section.th_area .area_list li + li {
            margin-left: 0
        }

        section.th_area .area_list li:nth-child(even) {
            margin-left: 2%
        }

    section.th_area aside header p span {
        display: none
    }

    section.th_area aside > div .point.clp_xmoc .clp_con {
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    section.th_area aside ul.allif li.tag:before {
        font-size: 16px;
        top: 50%
    }

    section.th_navigation .sby_list {
        max-width: 600px;
        margin: 0 auto;
        padding-top: 0
    }

        section.th_navigation .sby_list li {
            margin: 30px 2% 0;
            display: inline-block;
            float: none
        }

            section.th_navigation .sby_list li + li {
                margin-left: 2%
            }

            section.th_navigation .sby_list li div {
                margin-top: 8px
            }

    section.imgblock {
        background: #a7e5ff
    }

        section.imgblock ul li {
            width: 97.91667%;
            float: left;
            margin-left: 1.04167%;
            margin-right: 1.04167%
        }

            section.imgblock ul li + li {
                margin-top: 40px
            }

    section.i_fim ul li {
        width: 30%
    }
}

@media (max-width: 720px) {
    section.th_taiwan .tw_title h3 {
        padding: 11px 0 11px 7px
    }

    section.th_taiwan .md_map_ae > div, section.th_area .md_map_ae > div {
        padding: 0 5px !important
    }

    section.th_area {
        padding: 25px 0
    }

        section.th_area aside header .form b, section.th_area aside header .form .select, section.th_area aside header .form a.srh {
            display: block;
            margin: 10px 0
        }

        section.th_area aside header .form .select {
            padding: 0
        }

        section.th_area aside header .form .srh {
            padding: 10px
        }

        section.th_area .area_data > div {
            margin-top: 10px
        }

        section.th_area .area_list li a {
            font-size: 14px;
            line-height: 30px;
            padding: 7px 10px 7px 5px
        }

            section.th_area .area_list li a:after {
                background-size: cover;
                width: 14px;
                height: 6px;
                top: 19px;
                right: 8px
            }

        section.th_area .area_list li.on a:after, section.th_area .area_list li:hover a:after {
            top: 20px
        }

    section.th_navigation {
        padding: 15px 0 25px
    }

        section.th_navigation .sby_list {
            max-width: 400px
        }

            section.th_navigation .sby_list li {
                margin: 15px 1% 0
            }

                section.th_navigation .sby_list li a figure {
                    width: 75px;
                    height: 75px
                }

    section.imgblock ul li.img header h3 {
        width: 100%
    }

    section.imgblock ul li.img header > div {
        width: 100%;
        margin-top: 15px
    }

    section.i_fim ul li {
        vertical-align: top;
        width: 30%;
        min-width: auto
    }

        section.i_fim ul li figure {
            display: block
        }

            section.i_fim ul li figure img {
                margin: auto
            }

        section.i_fim ul li figcaption {
            width: 100%;
            height: 50px
        }

            section.i_fim ul li figcaption p {
                width: 95%;
                display: inline-block;
                vertical-align: middle;
                font-size: 16px;
                line-height: 20px
            }

            section.i_fim ul li figcaption span {
                font-size: 16px;
                line-height: 20px
            }

            section.i_fim ul li figcaption:before {
                display: inline-block;
                vertical-align: middle;
                content: "";
                width: 0;
                height: 100%
            }
}

@media (max-width: 625px) {
    section.th_taiwan .md_map_ae aside, section.th_area .md_map_ae aside {
        margin-top: 20px
    }

    section.th_taiwan .map_pic, section.th_area .map_pic {
        margin-top: 10px
    }

    section.th_taiwan .map_target, section.th_area .map_target {
        margin-top: 0
    }

    section.th_taiwan .mtg_list, section.th_area .mtg_list {
        max-width: 282px;
        margin: 0 auto
    }

        section.th_taiwan .mtg_list li, section.th_area .mtg_list li {
            margin-top: 10px
        }

            section.th_taiwan .mtg_list li a, section.th_area .mtg_list li a {
                padding: 4px 15px
            }

            section.th_taiwan .mtg_list li + li, section.th_area .mtg_list li + li {
                margin-left: 7px
            }

            section.th_taiwan .mtg_list li:nth-child(5), section.th_area .mtg_list li:nth-child(5) {
                margin-left: 0
            }

    section.th_area .tw_map {
        padding: 10px
    }
}

@media (max-width: 480px) {
    section.th_taiwan .tw_title {
        overflow: hidden
    }

        section.th_taiwan .tw_title span {
            float: left;
            width: 18%
        }

        section.th_taiwan .tw_title h3 {
            font-size: 16px;
            line-height: 21px;
            padding: 2px 15px;
            max-width: 225px;
            float: left
        }

    section.th_navigation .sby_list {
        max-width: 345px
    }

        section.th_navigation .sby_list li + li {
            margin-left: 1%
        }

        section.th_navigation .sby_list li a figure {
            width: 65px;
            height: 65px
        }

        section.th_navigation .sby_list li p {
            font-size: 16px;
            line-height: 20px
        }
}

section.th_taiwan .map_time h4, section.th_area .map_time p,
section.th_taiwan .map_time p {
    text-align: center
}

.title h2 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
}