li {
    list-style: none
}

img {
    max-width: 100%
}

.site_map {
    margin: 0;
    padding: 0
}

.site_map_li {
    padding: 10px;
    border: 1px #c4d4e2 solid;
    padding: 0;
    overflow: visible
}

.site_map li a {
    text-decoration: none;
    display: block;
    padding: 5px 10px;
    font-weight: 700;
    font-size: 1rem;
    background: #f6f6f6;
    color: #555
}

    .site_map li a:hover {
        background: #f9f9f9;
        color: #0071be
    }

.site_map ul li a {
    font-weight: 400;
    font-weight: 400;
    font-size: .95rem;
    background: #fff
}

    .site_map ul li a ul li {
        font-weight: 400;
        font-weight: 400;
        font-size: 1.125rem
    }

.site_map li ul {
    border: 0;
    background: #fff;
    padding: 0;
    margin-left: 20px
}

.site_map {
    -webkit-column-width: 244px;
    -moz-column-width: 244px;
    -o-colum-width: 244px;
    -webkit-column-gap: 1px;
    -moz-column-gap: 1px;
    -o-column-gap: 1px
}

.site_map_li:not(.site-map) {
    border-radius: 5px;
    display: inline-block;
    width: 93%;
    position: relative;
    margin: 5px 5px;
    padding: 5px;
    box-shadow: 3px 3px 3px 0 rgba(0,0,0,.2);
    background: #fff
}

@media (max-width:530px) {
    .site_map {
        width: 100%
    }

    .site_map_li {
        width: 100%;
        margin: auto;
        float: none
    }
}

#forwardbox {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 9
}

    #forwardbox .wrap {
        position: absolute;
        left: 30%;
        top: 5%;
        width: 40%;
        background: #fff;
        border-radius: 5px;
        overflow: hidden
    }

        #forwardbox .wrap .content {
            padding: 20px
        }

        #forwardbox .wrap .close {
            position: absolute;
            right: 5px;
            top: 8px;
            background: 0 0;
            border: 0;
            font-size: 1.313rem;
            font-weight: 700;
            line-height: 1;
            color: #fff;
            cursor: pointer;
            text-shadow: 0 1px 0 #fff
        }

        #forwardbox .wrap h2 {
            background: #0070ba;
            font-size: 1.25rem;
            color: #fff;
            line-height: 2.5rem;
            font-weight: 400;
            letter-spacing: .03125rem;
            text-align: center;
            margin-top: -15px
        }

            #forwardbox .wrap h2:before {
                content: "";
                position: relative;
                top: 5px;
                display: inline-block;
                width: 19px;
                height: 23px;
                margin-right: 5px
            }

        #forwardbox .wrap form {
            padding: 0 20px 20px 20px
        }

        #forwardbox .wrap p {
            position: relative;
            margin: 10px auto;
            padding-left: 65px
        }

            #forwardbox .wrap p span {
                position: absolute;
                left: 0;
                top: 0;
                font-size: .938rem;
                color: #333;
                line-height: 2.5rem
            }

            #forwardbox .wrap p input {
                display: block;
                width: 100%;
                height: 40px;
                padding: 10px;
                border: 1px solid #eee;
                box-sizing: border-box
            }

        #forwardbox .wrap .verify {
            padding-right: 80px
        }

            #forwardbox .wrap .verify img {
                position: absolute;
                right: 0;
                top: 5px;
                display: inline-block
            }

        #forwardbox .wrap .btn {
            text-align: center
        }

            #forwardbox .wrap .btn a, #forwardbox .wrap .btn button {
                display: inline-block;
                width: 55px;
                background: #144b8d;
                border: none;
                border-radius: 5px;
                font-size: 1rem;
                color: #fff;
                line-height: 2.1875rem;
                cursor: pointer;
                transition: all .3s
            }

                #forwardbox .wrap .btn a:hover, #forwardbox .wrap .btn button:hover {
                    background: #0070ba
                }

            #forwardbox .wrap .btn button {
                margin-right: 10px;
                padding: 0
            }

.color-red {
    color: #e74c3c
}

#page {
    padding-top: 40px;
    text-align: center
}

    #page .search {
        display: inline-block;
        margin-bottom: 15px;
        padding: 0 10px 0 30px;
        background: url(../../../images/search.png) 10px 10px no-repeat #147bc2;
        border-radius: 5px;
        font-size: .9375rem;
        line-height: 2.1875rem;
        color: #fff;
        cursor: pointer;
        transition: all .3s
    }

        #page .search:hover {
            background-color: #ccc
        }

    #page .info {
        font-size: 1rem;
        color: #333;
        line-height: 1.25rem
    }

        #page .info span a, #page .info span b {
            display: inline-block;
            padding: 0 3px;
            color: #0071be
        }

    #page .page {
        padding: 20px 0;
        overflow: hidden;
        text-align: center
    }

        #page .page a {
            position: relative;
            display: inline-block;
            width: 45px;
            margin: -1px 0 0 -1px;
            border: 1px solid #ccc;
            font-family: helvetica;
            font-size: 1.125rem;
            color: #147bc2;
            line-height: 2.8125rem;
            text-align: center;
            cursor: pointer;
            box-sizing: border-box;
            transition: all .3s
        }

            #page .page a.after, #page .page a.before, #page .page a.first, #page .page a.last, #page .page a.next, #page .page a.prev {
                text-indent: -9999px
            }

                #page .page a.after:before, #page .page a.before:before, #page .page a.first:before, #page .page a.last:before, #page .page a.next:before, #page .page a.prev:before {
                    content: "";
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    display: block;
                    height: 14px;
                    margin-top: -7px;
                    background: url(../../../images/page.png)
                }

                #page .page a.next:before, #page .page a.prev:before {
                    width: 10px;
                    margin-left: -5px
                }

                #page .page a.prev:before {
                    background-position: -33px top
                }

                #page .page a.next:before {
                    background-position: -43px top
                }

                #page .page a.after:before, #page .page a.before:before {
                    width: 20px;
                    margin-left: -10px
                }

                #page .page a.before:before {
                    background-position: -13px top
                }

                #page .page a.after:before {
                    background-position: -43px top
                }

                #page .page a.first:before, #page .page a.last:before {
                    width: 13px;
                    margin-left: -6px
                }

                #page .page a.first:before {
                    background-position: left top
                }

                #page .page a.last:before {
                    background-position: right top
                }

            #page .page a.num.active, #page .page a.num:hover {
                background: #eee;
                color: #333;
                text-shadow: 0 0 3px #fff
            }

            #page .page a.after:hover, #page .page a.before:hover, #page .page a.first:hover, #page .page a.last:hover, #page .page a.next:hover, #page .page a.prev:hover {
                background-color: #f1f1f1
            }

.onlineform input[type=radio] {
    margin-bottom: 20px
}

.red {
    color: red
}

.form-group {
    margin-bottom: 15px
}

.form-control {
    width: 100%;
    height: 40px;
    padding: 10px;
    border: 1px solid #ddd;
    box-sizing: border-box
}

textarea.form-control {
    height: auto
}

select.form-control {
    height: auto
}

.btn-u {
    float: left;
    margin: 10px;
    width: 100px;
    border: none;
    background: #144b8d;
    border-radius: 5px;
    font-size: .875rem;
    color: #fff;
    line-height: 2.625rem;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s
}

.margin-bottom-20 {
    margin-bottom: 10px
}

.former-box {
    overflow: hidden;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #ddd
}

    .former-box dd, .former-box dt {
        display: inline-block;
        vertical-align: top
    }

    .former-box dd {
        width: 20%
    }

        .former-box dd img {
            display: block;
            width: 100%;
            margin: 0 auto
        }

    .former-box dt {
        width: 79%
    }

.imgleft {
    float: left;
    margin-right: 20px
}

.contents a.qatext {
    color: #fff
}

.contents a.qatext {
    color: #fff
}

    .contents a.qatext:active, .contents a.qatext:hover {
        text-decoration: none
    }

.qatext {
    margin-left: 3px;
    padding: 3px 10px;
    background: #0070ba;
    border-radius: 3px;
    font-size: 1.125rem;
    color: #fff;
    cursor: pointer;
    float: right;
    margin-top: 10px
}

    .qatext:active, .qatext:hover {
        color: #fff
    }

.link li {
    width: 33% !important
}

    .link li dl dt {
        height: 65px;
        position: relative
    }

        .link li dl dt a {
            position: static !important
        }

            .link li dl dt a img {
                width: auto !important;
                max-width: 100% !important;
                margin: auto !important;
                max-height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0
            }

    .link li dl dd span {
        height: 50px;
        min-height: 50px;
        overflow: hidden;
        line-height: 1.5625rem
    }

.contents a {
    color: #0071be
}

    .contents a:hover {
        text-decoration: underline
    }

#index-block-3 .right a img {
    width: 100%;
    height: auto
}

.cttmplate {
    width: 100%;
    position: relative
}

    .cttmplate .float_right {
        float: right;
        display: block;
        margin-left: 10px
    }

    .cttmplate .float_left {
        float: left;
        display: block;
        margin-right: 10px
    }

    .cttmplate td {
        padding: 5px
    }

    .cttmplate p {
        padding: 5px
    }

    .cttmplate .td110 {
        width: 110px
    }

    .cttmplate a {
        display: inline-block
    }

@media (max-width:767px) {
    .cttmplate table {
        display: block;
        margin-top: 10px
    }

    .cttmplate td {
        display: block;
        width: 100%
    }

    .cttmplate .td110 {
        width: 100%
    }

    .cttmplate img {
        width: auto;
        max-width: 100%;
        float: none;
        padding: 4px
    }

    .cttmplate .float_right {
        float: none
    }

    .cttmplate .float_left {
        float: none
    }
}

.tab-cons .info {
    width: auto;
    float: left;
    padding-bottom: 10px;
    font-family: "新細明體";
    color: #999;
    line-height: 1.25em
}

    .tab-cons .info span {
        color: #d44500;
        font-size: 1rem;
        font-weight: 700
    }

#forward .btn-button {
    display: inline-block;
    width: 55px;
    height: 40px;
    padding: 0;
    background: #144b8d;
    border: none;
    font-size: 1.125rem;
    color: #fff;
    line-height: 2.5rem;
    text-align: center;
    cursor: pointer
}

.editor .other {
    text-align: right
}

    .editor .other a {
        display: inline-block;
        font-size: .938rem;
        color: #000;
        cursor: pointer
    }

        .editor .other a:before {
            content: "";
            position: relative;
            display: inline-block;
            margin-right: 5px
        }

    .editor .other .print {
        margin-right: 15px
    }

        .editor .other .print:before {
            top: 2px;
            width: 16px;
            height: 15px;
            background: url(../../../images/print.png)
        }

    .editor .other .mail:before {
        width: 18px;
        height: 12px;
        background: url(../../../images/mail.png)
    }

    .editor .other .mail {
        margin-right: 10px
    }

    .editor .other .back:before {
        top: 2px;
        width: 21px;
        height: 15px;
        background: url(../../../images/back.png)
    }

@media screen and (max-width:768px) {
    .download-box .doc-list li {
        width: 98%
    }

    .download-box ul.status2 {
        overflow: hidden;
        margin-top: 10px;
        float: right
    }

        .download-box ul.status2 li {
            width: auto
        }
}

#epaper .wrap {
    width: 380px
}

.history-block dl dt {
    width: 120px;
    margin: 0 10px 0 0;
    float: left;
    box-sizing: border-box
}

.history-block dl dd {
    overflow: hidden;
    font-size: 1rem
}

.history-block .month ul {
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 2px solid #004b8d
}

    .history-block .month ul li {
        float: left;
        padding: 10px 20px;
        cursor: pointer;
        transition: all .3s;
        font-size: 1.125rem
    }

        .history-block .month ul li:hover, .month ul li.active {
            color: #fff;
            background: #004b8d;
            border-radius: 15px
        }

            .history-block .month ul li:hover a, .month ul li.active a {
                color: #fff
            }

        .history-block .month ul li:hover, .month ul li a {
            color: #000
        }

#center-wrap #content #info .tab-item li {
    padding: 0
}

#center-wrap #content #info .tab-cons > li {
    display: block
}

#tab-block .contents dl.odd {
    background: #fdfdfd
}

#tab-block .contents dl.even {
    background: #eee
}

#center-wrap #content #info .tab-item li.active a {
    color: #fff
}

#center-wrap #content #info .tab-item li a {
    color: #000
}

    #center-wrap #content #info .tab-item li a:hover {
        color: #fff
    }

#page .info span a.active1 {
    background: #0071be;
    padding: 2px 5px;
    color: #fff;
    border-radius: 2px
}

#page .info span a:hover {
    background: #0071be;
    color: #fff;
    border-radius: 3px;
    text-decoration: none
}

#footer .wrap .ft-link .normal {
    padding: 0 5px;
    font-size: 1rem
}

#footer .wrap .ft-link a {
    margin-right: 9px
}

#editor .title .resize a {
    display: inline-block;
    margin-left: 3px;
    padding: 5px;
    background: #147bc2;
    border-radius: 5px;
    font-size: 1.125rem;
    color: #fff;
    cursor: pointer
}

    #editor .title .resize a.active {
        background: #144b8d
    }

#editor1 .resize a {
    display: inline-block;
    margin-left: 3px;
    padding: 3px 5px;
    background: #0070ba;
    border-radius: 4px;
    font-size: 1.125rem;
    color: #fff;
    cursor: pointer
}

    #editor1 .resize a.resize-common {
        padding: 3px 10px;
        border-radius: 3px
    }

    #editor1 .resize a.active {
        background: #144b8d
    }

#editor1.small {
    font-size: 100%
}

#editor1.normal {
    font-size: 110%
}

#editor1.large {
    font-size: 120%
}

/*#navigation {
    max-width: 800px;
    width: 800px
}*/

#container2 {
    width: 96%;
    max-width: 1200px;
    margin: 30px auto;
    padding: 30px;
    background: #0071be;
    box-shadow: 0 0 20px #ddd;
    box-sizing: border-box
}

.subscribe {
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #2c86c4;
    padding-bottom: 20px;
    font-size: 1.563rem;
    font-weight: 900
}

.subscribe_info {
    padding-top: 20px;
    text-align: center
}

    .subscribe_info input[type=text] {
        display: block;
        width: 60%;
        margin: 0 auto;
        padding: 10px;
        border: none;
        box-sizing: border-box;
        border-radius: 5px
    }

    .subscribe_info button {
        display: inline-block;
        width: 100px;
        margin: 0 auto;
        padding: 10px;
        border: none;
        box-sizing: border-box;
        border-radius: 5px;
        color: #fff;
        cursor: pointer
    }

    .subscribe_info .subscription {
        background: #147bc2;
        margin-right: 20px
    }

    .subscribe_info .unsubscribe {
        background: #144b8d
    }

    .subscribe_info button:hover {
        background: #333;
        transition: all .3s
    }

.verification_code {
    width: 60%;
    margin: 0 auto;
    padding: 20px 0;
    text-align: left
}

    .verification_code input[type=text] {
        width: 57%;
        display: inline-block
    }

    .verification_code .code {
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px
    }

        .verification_code .code img {
            display: inline-block;
            vertical-align: middle
        }

        .verification_code .code a {
            color: #fff
        }