@charset "utf-8";
/* CSS Document */
html, body {
    margin: 0;
    padding: 0;
    font-family: "微軟正黑體", Arial, Verdana;
    font-size: 110%;
}

a:link {
    text-decoration: none;
    color: #07385a
}

a:visited {
    text-decoration: none;
    color: #07385a
}

a:active {
    text-decoration: none
}

a:hover {
    text-decoration: none;
    color: #FF0000
}

.wapper {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.header {
    width: auto;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
    font-size: 2em;
    font-weight: bold;
    border-bottom: 3px solid #09F;
}

    .header img {
        width: 20%;
        padding: 0 10px 0 0;
        vertical-align: middle;
    }

.search {
    width: 95%;
    height: auto;
    margin: 0 auto;
}

.search_Airlines {
    width: 100%;
    height: auto;
    margin: 15px 0;
}

.search_From {
    width: 100%;
    height: auto;
    margin: 15px 0;
}

.search_btn {
    width: 100%;
    height: auto;
    margin: 0 0 15px 0;
    text-align: right;
    display: inline-block;
}

.btn {
    border: none;
    font-family: arial, helvetica, sans-serif;
    font-size: 0.938em;
    border-radius: 6px;
    padding: 5px 0;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
    text-decoration: none;
    display: inline-block;
}

.btn-inverse {
    color: #fff;
    background-color: #faab19;
}

.btn.btn-inverse:hover {
    color: #fff;
    background-color: #34495e;
    border-color: #415b76;
}

.content_area {
    width: 95%;
    height: auto;
    margin: 0 auto 10px auto;
    padding: 10px 0;
    background: #438de0;
    border-radius: 10px;
}

.content_title {
    width: 95%;
    height: auto;
    margin: 0 auto 10px auto;
    padding: 5px 0 10px 0;
    color: #FFF;
    border-bottom: 1px solid #FFF;
}

.content_title_in1 {
    width: 50%;
    display: inline-block;
}

.content_title_in2 {
    width: 45%;
    display: inline-block;
    float: right;
    border-radius: 8px;
    text-align: right;
}

    .content_title_in2 a {
        color: #F00;
        font-size: 150%;
    }

.content_title img {
    vertical-align: middle;
}

.main_content {
    width: 95%;
    height: auto;
    margin: 10px auto;
    background: #FFF;
}

    .main_content table {
        width: 100%;
        margin: 0 0 20px 0;
        border-collapse: collapse;
    }

        .main_content table th {
            padding: 5px;
            border-bottom: 1px solid #125bad;
            text-align: center;
        }

.blue {
    color: #125bad;
}

.fixed_area {
    width: 95%;
    height: auto;
    margin: 0 auto 10px auto;
    padding: 10px 0;
}

.fixed_title {
    width: 95%;
    height: auto;
    margin: 0 auto 10px auto;
    padding: 5px 0 10px 0;
    color: #125bad;
    border-bottom: 1px solid #1e90ff;
}

.fixed_title-1 {
    width: 40%;
    display: inline-block;
}

.fixed_title-2 {
    width: auto;
    display: inline-block;
    float: right;
    text-align: right;
}

.fixed_content {
    width: 95%;
    height: auto;
    margin: 0 auto;
    font-size: 100%;
}

.fixed_table {
    width: 100%;
    margin: 0 0 20px 0;
}

    .fixed_table td {
        padding: 10px;
        text-align: center;
    }

    .fixed_table tr:nth-child(odd) {
        background-color: #afd2f9;
    }

    .fixed_table tr:nth-child(even) {
        background-color: #a3e0da;
    }

/*列表頁*/
.List {
    width: 90%;
    margin: 0 auto;
    font-size: 140%;
    font-weight: bold;
}

    .List ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }

    .List li {
        margin: 10px 0;
        padding: 30px 0;
    }

        .List li a {
            padding: 30px 20%;
            text-align: center;
        }

/*聯合候補資訊*/
.alternate_area {
    width: 95%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto 10px auto;
    padding: 10px 0;
}

.alternate_title {
    width: 100%;
    height: auto;
    padding: 5px 0 10px 0;
    color: #000;
    border-bottom: 1px solid #FFF;
}

    .alternate_title img {
        vertical-align: middle;
    }

.alternate_subtitle {
    width: auto;
    height: auto;
    padding: 10px;
    background: #435994;
    color: #FFF;
}

.alternate_nav ul {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #435994;
    font-size: 150%;
}

.alternate_nav li {
    width: auto;
    padding: 10px 0 10px 5px;
    display: inline-block;
}

    .alternate_nav li:after {
        content: "│";
        display: inline;
        margin: 0 0 0 5px;
    }

    .alternate_nav li:last-child {
        color: #FFF;
        margin: 0;
    }

    .alternate_nav li a {
        color: #435994;
        transition: all 0.25s ease 0s;
    }

        .alternate_nav li a:hover {
            color: #5f5f5f;
        }

.alternate_nav .current {
    color: #5f5f5f;
}

.alternate_remarks {
    width: 100%;
    text-align: center;
    color: #7f7d7d;
}

.registration_data1 {
    width: auto;
    height: auto;
    padding: 10px;
    color: #435994;
    outline: 1px solid #d7d6d6;
}

    .registration_data1 .right {
        float: right;
    }

.registration_data2 {
    width: auto;
    height: auto;
    margin: 10px 0;
    padding: 10px;
    background: #f7f6f6;
    line-height: 180%;
}

    .registration_data2 p {
        margin: 0;
    }

.form_grp {
    width: auto;
    padding: 10px 0;
    margin: 1em 0;
    overflow: hidden;
    background: #FAFAFA;
}

.form_title {
    float: left;
    width: 25%;
    min-height: 1px;
    padding: 8px 15px;
    box-sizing: border-box;
    font-weight: bold;
    text-align: right;
    font-size: 100%;
    font-family: "微軟正黑體", Arial;
    color: #868686;
}

.form_content {
    float: left;
    width: 75%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.bank_field-1 {
    width: 50%;
    margin: 0 0 3px 0;
    padding: 15px 10px;
    max-width: 500px;
    background: #f3f3f3;
    border-radius: 5px;
    border: 1px #f3f3f3 solid;
    font-size: 100%;
    font-family: "微軟正黑體", Arial;
}

.input_help {
    margin-top: 12px;
    /*width: 50%;
    margin: 0 0 3px 0;
    padding: 15px 10px;*/
    /*    max-width: 500px;*/
    /*    background: #f3f3f3;*/
    /*    border-radius: 5px;*/
    /*    border: 1px #f3f3f3 solid;*/
    /*    font-size: 100%;*/
    /*    font-family: "微軟正黑體", Arial;*/
}

.added_button {
    width: auto;
    font-size: 100%;
    color: rgb(255, 255, 255) !important;
    font-family: 微軟正黑體, Arial;
    padding: 10px;
    background: #435994;
    border-width: 1px;
    border-style: solid;
    border-color: #435994;
    border-image: initial;
    border-radius: 5px;
    transition: all 0.25s ease 0s;
    cursor: pointer;
}

    .added_button:hover {
        background: #e48100;
        border: 1px #e48100 solid;
        color: rgb(255, 255, 255) !important;
    }

    .added_button:link, .added_button:visited {
        color: rgb(255, 255, 255) !important;
    }

.added_button_disable {
    width: auto;
    font-size: 100%;
    color: rgb(255, 255, 255);
    font-family: 微軟正黑體, Arial;
    padding: 10px;
    background: #555555;
    border-width: 1px;
    border-style: solid;
    border-color: #555555;
    border-image: initial;
    border-radius: 5px;
    transition: all 0.25s ease 0s;
    cursor: pointer;
}

    .added_button_disable:hover {
        background: #666666;
        border: 1px #666666 solid;
    }

.added_button2 {
    width: auto;
    font-size: 100%;
    color: rgb(255, 255, 255);
    font-family: 微軟正黑體, Arial;
    background: #ff0800;
    border-width: 1px;
    border-style: solid;
    border-color: #ff0800;
    border-image: initial;
    border-radius: 5px;
    transition: all 0.25s ease 0s;
    cursor: pointer;
}

    .added_button2:hover {
        background: #435994;
        border: 1px #435994 solid;
    }

input[type=checkbox] {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #333;
    background-color: #fff;
    border-radius: 0.25em;
}

.orange {
    color: #435994;
}

.red {
    color: #F00;
}

.registration_data3 {
    width: auto;
    height: auto;
    margin: 5px 0;
    padding: 3px 10px;
    color: #FFF;
    background: #435994;
}

.registration_data4 {
    text-align: center;
}

.registration_data4_title {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 10px 0;
    border-bottom: 1px solid #8c8a8a;
    font-weight: bold;
    color: #435994;
    text-align: center;
}

/*公車資訊*/
.schedule_title {
    width: 100%;
    margin: 10px 0;
    padding: 10px 0;
    font-size: 140%;
    border-bottom: 2px solid #a09f9f;
    vertical-align: bottom;
}

    .schedule_title .starting {
        vertical-align: bottom;
        display: inline-block;
    }

    .schedule_title .site {
        font-size: 150%;
        font-weight: bold;
        color: #fe9103;
        vertical-align: bottom;
        display: inline-block;
    }

    .schedule_title .right {
        float: right;
        color: #F00;
        font-size: 80%;
        vertical-align: middle;
        display: inline-block;
        padding: 10px 0 0 0;
    }

.schedule_data {
    width: auto;
    text-align: center;
    color: #0091dc;
}

    .schedule_data p {
        margin: 5px 0;
    }

.schedule_remarks {
    width: 95%;
    margin: 10px auto;
    text-align: center;
    color: #bf1a20;
}

.station_table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

    .station_table th {
        background: #000;
        color: #FFF;
        padding: 10px;
        border: 1px solid #FFF;
        font-weight: bold;
        white-space: nowrap;
    }

    .station_table td {
        padding: 10px;
        border: 1px solid #FFF;
    }

        .station_table td:nth-child(1) {
            text-align: center;
        }

    .station_table tr:nth-child(2) {
        background-color: #c11f44;
        color: #FFF;
    }

    .station_table tr:nth-child(3) {
        background-color: #f57e20;
        color: #FFF;
    }

    .station_table tr:nth-child(4) {
        background-color: #97c1e7;
        color: #FFF;
    }

    .station_table tr:nth-child(5) {
        background-color: #3a53a5;
        color: #FFF;
    }

    .station_table tr:nth-child(6) {
        background-color: #94c93d;
        color: #FFF;
    }

    .station_table tr:nth-child(7) {
        background-color: #0e8282;
        color: #FFF;
    }

    .station_table tr:nth-child(8) {
        background-color: #7d297e;
        color: #FFF;
    }

    .station_table tr:nth-child(9) {
        background-color: #946dc2;
        color: #FFF;
    }

    .station_table td:nth-child(10) {
        text-align: center;
    }

    .station_table tr:nth-child(11) {
        background-color: #c11f44;
        color: #FFF;
    }

    .station_table tr:nth-child(12) {
        background-color: #f57e20;
        color: #FFF;
    }

    .station_table tr:nth-child(13) {
        background-color: #97c1e7;
        color: #FFF;
    }

    .station_table tr:nth-child(14) {
        background-color: #3a53a5;
        color: #FFF;
    }

    .station_table tr:nth-child(15) {
        background-color: #94c93d;
        color: #FFF;
    }

    .station_table tr:nth-child(16) {
        background-color: #0e8282;
        color: #FFF;
    }

    .station_table tr:nth-child(17) {
        background-color: #7d297e;
        color: #FFF;
    }

    .station_table tr:nth-child(18) {
        background-color: #946dc2;
        color: #FFF;
    }

/*最新資訊*/
.latest {
    width: 95%;
    margin: 0 auto;
    padding: 10px 0;
    list-style: none;
}

    .latest li {
        width: 100%;
        padding: 10px 0;
        font-size: 150%;
        border-bottom: 1px dashed #bcbcbc;
        line-height: 150%;
    }

        .latest li:last-child {
            border: 0;
        }

        .latest li .data {
            display: block;
            color: #34a4e5;
            font-size: 90%;
        }

.data_in {
    width: 95%;
    margin: 0 auto;
    padding: 10px 0;
    color: #34a4e5;
    font-size: 120%;
    border-bottom: 1px solid #125bad;
}

.content_in {
    width: 95%;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 130%;
    line-height: 150%;
}

    .content_in p {
        margin: 0;
    }

.file_in {
    width: 95%;
    margin: 0 auto 10px auto;
    padding: 10px 0;
    font-size: 120%;
    border-top: 1px solid #bcbcbc;
    ;
}

.file_6 {
    padding: 5px 0;
    line-height: 150%;
}

/*Table horA*/
#horA {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 20px 0;
}

    #horA th {
        font-family: Open Sans, sans-serif, sans-serif, "微軟正黑體";
        font-weight: bold;
        color: #000;
        padding: 20px 0;
        border-bottom: 1px solid #A0A0A0;
        text-align: left;
    }

    #horA td {
        color: #868686;
        padding: 10px 0px 10px 15px;
        text-align: left;
    }

        #horA td a:link {
            COLOR: #125bad;
            text-decoration: underline;
        }

        #horA td a:visited {
            COLOR: #125bad;
            text-decoration: none
        }

        #horA td a:hover {
            COLOR: #125bad;
        }

    #horA tr:nth-child(odd) {
        background-color: #FAFAFA;
    }

    #horA img {
        vertical-align: middle;
    }

    #horA .right_box {
        float: right;
    }

    #horA .right {
        padding: 5px;
        background: #435994;
        border-radius: 10px;
        vertical-align: middle;
    }

    #horA td .right a {
        color: #FFF;
        text-decoration: none;
    }

    #horA .right2 {
        float: right;
        vertical-align: middle;
    }

/*Table horB*/
#horB {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 20px 0;
}

    #horB th {
        font-weight: bold;
        padding: 5px 0;
        border-bottom: 1px solid #A0A0A0;
        background: #949494;
        color: #FFF;
    }

    #horB td {
        color: #636262;
        padding: 10px 0px;
    }

    #horB tr:nth-child(odd) {
        background-color: #eeeeee;
    }

    #horB .del {
        padding: 5px;
        background: #435994;
        vertical-align: middle;
    }

    #horB td .del a {
        color: #FFF;
        text-decoration: none;
    }

/*Table horC*/
#horC, #horC1 {
    width: 100%;
    margin: 0 0 20px 0;
}

    #horC th, #horC td, #horC1 td {
        color: #636262;
        padding: 10px 0px;
        background: #eaeaea;
        border: 3px solid #FFF;
        text-align: center;
    }

.fill_detail {
    margin: 0 0 0 10px;
    padding: 5px;
    background: #d9d9d9;
}

/*Table horD*/
#horD {
    width: 100%;
    margin: 0 0 20px 0;
}

    #horD th {
        font-weight: bold;
        padding: 5px 0;
        border-bottom: 3px solid #FFF;
        background: #435994;
        color: #FFF;
    }

    #horD td {
        color: #636262;
    }

/*Table report-table*/
#report-table {
    width: 100%;
    margin: 0 0 20px 0;
}

    #report-table th {
        font-weight: bold;
        border-bottom: 3px solid #FFF;
        background: #435994;
        color: #FFF;
    }

    #report-table td {
        color: #636262;
    }

/*Table horE*/
#horE {
    width: 100%;
    margin: 0 0 20px 0;
    border-collapse: collapse;
    font-size: 120%;
}

    #horE th {
        font-weight: bold;
        padding: 5px 0;
        background: #FFF;
        color: #000;
    }

    #horE td {
        padding: 10px 0;
    }

    #horE tr:nth-child(odd) {
        color: #0196e3;
        background: #e4e5e6;
        border-bottom: 3px solid #FFF;
        text-align: center;
        font-size: 100%;
    }

    #horE tr:nth-child(even) {
        background: #f2f1f1;
    }

    #horE ul {
        width: 90%;
        margin: 0 auto;
        padding: 0;
        list-style: none;
    }

    #horE li {
        width: 23.888%;
        margin: 5px 0;
        display: inline-block;
    }

/*按鈕*/
.btn {
    width: 100%;
    text-align: center;
}

input {
    /*-webkit-appearance: none;*/ /* Safari 和 Chrome，常用於iOS下移除內建樣式 */
    -moz-appearance: none; /* FireFox */
    /*appearance: none;*/
    border-radius: 0;
}

    input[type="text"], input[type="password"] {
        -webkit-appearance: none;
        width: 100%;
        padding: 8px;
        margin: 0;
        background: #FFF;
        border: 1px #dfdfdf solid;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

select[type="data"] {
    /*-webkit-appearance:none;*/
    width: auto;
    padding: 8px;
    margin: 10px 0;
    background: #eeeeee;
    border: 1px #eeeeee solid;
    font-size: 110%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

input[type="file"] {
    -webkit-appearance: none;
    width: 95%;
    padding: 8px;
    margin: 10px 0;
    background: #eeeeee;
    border: 1px #eeeeee solid;
    font-size: 110%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

input[type="submit"] {
    -webkit-appearance: none;
    width: 20%;
    padding: 10px 0;
    margin: 10px auto;
    background: #435994;
    border: 1px #435994 solid;
    font-size: 110%;
    color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

input[type="inquire"] {
    -webkit-appearance: none;
    width: 60%;
    padding: 10px 0;
    margin: 10px auto;
    background: #435994;
    border: 1px #435994 solid;
    font-size: 110%;
    color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}

.new-table {
    border-color: #FFF;
}

    .new-table th {
        padding: 0.5em !important;
        border-color: #FFF;
        border-width: 2px;
    }

    .new-table th, .new-table td {
        border-color: #FFF;
        border-width: 2px;
        min-width: 4rem !important;
    }

    .new-table td {
        padding: 0.5em !important;
        border-color: #FFF;
        background: none;
        text-align: center;
        border-width: 2px;
    }
/*寬度大於800*/
@media (min-width: 800px) {
    .new-table th {
        padding: 1em !important;
        border-color: #FFF;
        border-width: 2px;
    }
}

/*rwd-table*/
.rwd-table {
    background: #fff;
    overflow: hidden;
}

    .rwd-table tr:nth-of-type(2n) {
        background: #eeeeee;
    }

    .rwd-table th, .rwd-table td {
        margin: 0.5em 1em;
    }

.rwd-table {
    min-width: 100%;
}

    .rwd-table th {
        display: none;
    }

    .rwd-table td {
        display: block;
    }

        .rwd-table td:before {
            content: attr(data-th) " : ";
            font-weight: bold;
            color: #D20B2A;
            width: 50%;
            display: inline-block;
        }

    .rwd-table th, .rwd-table td {
        text-align: left;
    }

        .rwd-table th, .rwd-table td:before {
            font-weight: bold;
            text-align: left;
        }

#horD tr th {
}

#horD tr th {
}


@media (min-width: 800px) {
    .rwd-table td:before {
        display: none;
    }

    .rwd-table th, .rwd-table td {
        display: table-cell;
        padding: 0.25em 0.5em;
    }

        .rwd-table th:first-child, .rwd-table td:first-child {
            padding-left: 0;
        }

        .rwd-table th:last-child, .rwd-table td:last-child {
            padding-right: 0;
        }

    .rwd-table th, .rwd-table td {
        padding: 1em !important;
    }

    .rwd-table td {
        background: none;
        text-align: center;
    }
}

@media screen and (max-width: 1100px) {
    .added_button {
        margin: 10px 0;
    }
}

@media screen and (max-width: 500px) {
    .header {
        font-size: 1.65em;
    }

        .header img {
            width: 40%;
        }

    .alternate_nav ul {
        font-size: 100%;
    }

    .form_title {
        width: 30%;
        padding: 8px 5px;
    }

    .form_content {
        width: 70%;
    }

    input[type="text"], input[type="password"] {
        width: 90%;
    }

    .fill_detail {
        display: block;
    }
}


.min-w-4rem {
    min-width: 4rem !important; /* !important 可選，用於覆蓋其他樣式 */
}