body {
    background-color: #fff;
}

main {
    flex: 1;
    min-height: 700px; /* 讓 main 區域撐滿剩餘空間 */
}
/*html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;*/ /* 撐開中間內容區塊 */
/*}*/
.Logo > img {
    /* padding: 25px 0 0 25px; */
}

.Navbar {
    width: 100%;
    height: 100px;
    background-color: #fff;
    /* border: 1px solid #000; */
    /* font-size: 25px; */
    padding: 15px 0 25px 0;
    font-weight: 600;
}

.dpk {
    display: inline-block
}

.Checkbox {
    width: 40px;
    height: 40px;
}

.Checkbox2 {
    width: 30px;
    height: 30px;
}



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

a:visited {
    color: #2D91A0;
}

a:hover,
a:active {
    color: #000;
    text-decoration: none;
}

.navbar-nav {
    flex-wrap: nowrap !important;
}

    .navbar-nav .nav-item {
        white-space: nowrap !important;
    }
/* --------------------------- */
/* 線上訂票功能 */
/* --------------------------- */

.OnewayTitle {
    font-weight: 600;
}


.Goticket {
    border: 3px solid #00b5ca;
    border-radius: 10px;
}

/* 搜尋按鈕的外框 調位置用 */
.SearchBtn {
    text-align: center;
}

/* 調整蒐尋按鈕 */
.Searchbtn {
    text-align: center;
    background-color: #00b5ca;
    color: #fff;
    font-weight: 900;
    width: 90px;
    border-radius: 10px;
}

.Searchbtn2 {
    text-align: center;
    background-color: #00b5ca;
    color: #fff;
    font-weight: 900;
    width: 150px;
    height: 80px;
    border-radius: 10px;
    /* font-size: 25px; */
    line-height: 75px;
}

/* --------------------------- */
/* 聲明頁 */
/* --------------------------- */

.Tnc {
    height: 400px;
    background: #ffffff;
    border: 3px solid #3e3d3dc4;
    border-radius: 10px;
    /* font-size: 25px; */
    text-align: center;
    font-weight: 600;
}

/* --------------------------- */
/* TicketOrder頁 */
/* --------------------------- */

.Check {
    font-weight: 900;
    /* font-size: 36px; */
    margin-top: 80px;
}

.NextBtn {
    text-align: center;
    background-color: #00b5ca;
    color: #fff;
    font-weight: 900;
    /* width: 90px;
    width: 200px;
    height: 60px; */
    /* font-size: 38px; */
}

table {
    /* border: 3px solid #3e3d3dc4; */

    height: 100px;
    padding: 25px 25px 25px 25px;
}

.TableText {
    /* font-size: 35px; */
    border-bottom: 3px dashed #3e3d3d17;
    height: 70px;
}

.TableTitle {
    /* font-size: 30px; */
    border-bottom: 3px solid #3e3d3dc4;
}


/* --------------------------- */
/* 訂單查詢功能 */
/* --------------------------- */


/* --------------------------- */
/* 訂單查詢登入頁 */
/* --------------------------- */
.Order {
    height: 200px;
    background: #EBF5FC;
    border: 3px solid #3e3d3dc4;
    border-radius: 10px;
    /* font-size: 25px; */
    text-align: center;
    font-weight: 600;
}

.dropdownInput {
    border: solid 3px #3e3d3dc4;
    border-radius: 10px;
}

.OrderTable {
    height: 70px;
    border-bottom: 3px solid #3e3d3dc4;
}

.Order2 {
    height: 300px;
    background: #EBF5FC;
    border: 3px solid #3e3d3dc4;
    border-radius: 10px;
    /* font-size: 25px; */
    text-align: center;
    font-weight: 600;
}

.OrderNotice {
    height: 400px;
    background: #EBF5FC;
    border: 3px solid #3e3d3dc4;
    border-radius: 10px;
    /* font-size: 20px; */
    font-weight: 400;
    line-height: 40px;
}

.IDInput {
    width: 400px;
    height: 50px;
    border: 3px solid #00b5ca;
    border-radius: 10px;
    text-align: center;
}

.InquireBtn {
    text-align: center;
    background-color: #00b5ca;
    color: #fff;
    font-weight: 900;
    width: 90px;
    width: 200px;
    height: 60px;
    /* font-size: 35px; */
    border-radius: 10px;
    margin-top: 60px;
}

/* --------------------------- */
/* 訂單查詢頁 */
/* --------------------------- */
.ColorTbody > tr:nth-child(even) {
    background: rgb(238, 238, 238)
}

.ColorTbody > tr:nth-child(odd) {
    background: #FFF
}

.DetailTD {
    background-color: #90e6f0;
    height: 30px;
    border-bottom: 2px solid #3e3d3d4b;
}

.DetailTH {
    border-bottom: 2px solid #3e3d3d4b;
    height: 50px;
}


.DetailTitle {
    margin-left: 260px;
    font-weight: 600;
}

.detailBtn {
    width: 120px;
    height: 50px;
    background-color: #3e3d3d;
    color: #fff;
    font-weight: 900;
}
/* 最外層：置中 + 與 header 保持距離 */
.query-wrapper {
    display: flex;
    justify-content: center;
    padding-top: 60px;
}

    /* 限制輸入框區塊寬度，與你原圖一致約 450px */
    .query-wrapper .container {
        max-width: 480px;
    }

/* 讓左右欄不要分兩欄（你原圖就是單欄） */
.OrderStatus {
    width: 100%;
}

/* 修正 Bootstrap col-xs-6（已過時），改為單欄 */
@media (max-width: 767px) {
    .OrderStatus {
        width: 100%;
    }
}

/* 搜尋按鈕固定寬度（與原圖一致） */
.query-wrapper .btn-lg {
    width: 150px;
    height: 50px;
    font-size: 18px;
}

/* --------------------------- */
/* 最新消息頁 */
/* --------------------------- */

.news {
    border-bottom: 2px solid #3e3d3d4b;
    margin-top: 10px;
}

.News {
    height: 500px;
}

.GrayTitle {
    background-color: rgb(235, 235, 235);
    font-weight: 900;
    width: 100px;
    height: 40px;
    text-align: center;
    /* font-size: 20px; */
    line-height: 40px;
    border-radius: 10px;
}

.NewsText {
    font-weight: 600;
    /* font-size: 20px; */
    line-height: 40px;
    letter-spacing: 1px;
}

.NewsDate {
    line-height: 40px;
    font-weight: 500;
}

/* --------------------------- */
/* 乘船須知 */
/* --------------------------- */
.BoatOne {
    /* font-size: 20px; */
}

.BoatName {
    font-weight: 900;
}

.BoatNotice {
    height: 600px;
}
/* 
.Fr{
   margin-left: 70%;
} */

.box {
    width: 300px;
    height: 700px;
    background-color: #ccc;
}

.footerMobile {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    text-align: center;
    height: 50px;
}

.MemberTitle {
    line-height: 300px;
    text-align: right;
    margin-right: 30px;
}



.NewPage {
    float: right;
}


.RWDtable {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

.RWDtablecaption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
}

.RWDtableTr {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    text-align: center;
}



    .RWDtableTr > th {
        letter-spacing: .1em;
        text-transform: uppercase;
        text-align: center;
    }

@media screen and (max-width: 1024px) {
    .RWDtable {
        border: 0;
    }

    .RWDtablecaption {
        font-size: 1.3em;
    }

    .RWDtableThead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .RWDtableTr {
        border-bottom: 3px solid #ddd;
        display: block;
    }

        .RWDtableTr > td {
            border-bottom: 1px solid #ddd;
            display: block;
            text-align: right;
        }

            .RWDtableTr > td > select {
                margin-left: auto
            }

            .RWDtableTr > td::before {
                /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
                content: attr(data-label);
                float: left;
                font-weight: bold;
                text-transform: uppercase;
            }

            .RWDtableTr > td:last-child {
                border-bottom: 0;
            }
}

button {
    width: 140px;
    margin: 0 10px
}