@charset "utf-8";

.mart-big {
    margin: 40px 0
}

.btn-mini {
    height: 37px;
    line-height: 37px;
    width: 85px;
    font-size: 1.6rem
}

.select_icon_sty, .select_icon_sty input, .select_icon_sty select {
    width: 100%;
    max-width: 100%
}

.pric_grp .nom-price {
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
    color: #666;
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    color: #666
}

.nom-price span {
    font-size: 15px;
    font-weight: normal
}

.pric_grp {
    position: relative;
    height: 52px
}

    .pric_grp .price {
        height: 30px !important;
        min-height: auto !important;
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 0
    }

.agency-gr .pric_grp {
    height: 55px
}

.pric_grp i {
    font-style: inherit
}

.agency-gr .nom-price {
    right: 10px
}

.agency-gr .ind_hobox2 p.price {
    margin-bottom: 4px;
    padding-top: 0
}

.agency-gr .img_listbox .tick-num, .agency-gr .table_numb {
    width: 6%
}

.agency-gr .gro-link, .agency-gr .table_ctit {
    width: 24%
}

.agency-gr.tick-list .gro-link p {
    width: 100%;
    padding-top: 0
}

.agency-gr .date, .agency-gr .table_dat3 {
    width: 10%
}

    .agency-gr .date > div {
        width: 100%
    }

.agency-gr th {
    padding-left: 0;
    padding-right: 0;
    min-width: auto
}

    .agency-gr th.table_numb {
        text-align: center
    }

.agency-gr .icon-flpop, .agency-gr .table_dat5 {
    width: 6%
}

    .agency-gr .icon-flpop .icon_recfly {
        background-position-x: center;
        width: 100%
    }

.agency-gr .time, .agency-gr .table_dat4 {
    width: 6%
}

.agency-gr .th_price, .agency-gr .th_same_price, .agency-gr .th_nom_price {
    width: 11%
}

.agency-gr.tick-list .pric_grp p.price {
    margin: 0
}

.agency-gr.tick-list .ind_hobox2 .ind_hosli p.price {
    text-align: center;
    color: #f00;
    display: inline-block
}

.agency-gr.tick-list .table_note, .agency-gr.tick-list .table_notes {
    width: 14%
}

.agency-gr .sal-num, .agency-gr .table_flyn {
    width: 6%
}

.agency-gr.tick-list.tickbox .ind_hosli div.list_btnbox, .agency-gr.table_btn {
    width: 9%
}

.agency-gr.tick-list.tickbox .ind_hosli div.list_btnbox {
    padding: 15px 10px
}

.agency-gr.tick-list .nom-price, .agency-gr.tick-list .same_price, .agency-gr.tick-list .price, .agency-gr2 .td_price, .agency-gr2 .td_same_price, .agency-gr2 .td_nom_price {
    position: static;
    font-size: 14px
}

.agency-gr.tick-list .nom-price, .agency-gr.tick-list .same_price {
    color: black;
    display: flex;
    justify-content: center;
    align-items: top
}

    .agency-gr.tick-list .nom-price span, .agency-gr.tick-list .same_price span {
        font-size: 18px
    }

.agency-gr.tick-list.tickbox .ind_hosli {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0;
    padding-right: 0
}

.agency-gr2 .td_price .price, .agecy_pricbox span.price {
    font-weight: 600
}

    .agency-gr2 .td_price .price span, .agency-gr2 .td_same_price .price span, .agency-gr2 .td_nom_price .price span {
        font-size: 18px
    }

.agency-gr2 .td_same_price .price, .agency-gr2 .td_nom_price .price {
    color: #000
}

.cus_rprice .agecy_pricbox {
    margin-right: 0;
    min-height: 73px
}

    .cus_rprice .agecy_pricbox > div {
        line-height: 24px
    }

.cus_rprice {
    display: flex;
    justify-content: center;
    align-items: center
}

    .cus_rprice div span, .pric-black, .agency_notable span b {
        font-size: 17px
    }

        .pric-black b {
            font-weight: normal
        }

.agency_ttprice .graybg td {
    padding: 11px 5px
}

.agency_ttprice .graybg b {
    font-size: 20px
}

.agency_ttprice .graybg .price b {
    font-size: 22px
}

@media only screen and (min-width:768px) {
    .agency-gr.tick-list .nom-price, .agency-gr.tick-list .same_price, .agency-gr.tick-list .pric_grp p.price {
        width: 33.3%
    }

    .agency-gr.tick-list .pric_grp {
        width: 33%;
        display: flex !important;
        justify-content: center;
        align-items: center
    }

    .agency-gr .date span, .agency-gr2 .table_dat3 span {
        display: inline-table;
        width: 100%
    }

    .agency-gr2 .table_dat3 {
        width: 12%
    }

    .agency-gr2.b2b_group_table.group_table .table_ctit {
        width: 21%
    }

    .agency-gr2 .td_price, .agency-gr2 .td_same_price, .agency-gr2 .td_nom_price {
        width: 12%
    }

    .inbound_cus td.room_sty {
        width: 15%
    }

    .inbound_cus td {
        width: 17%
    }

    .agency_ttprice td {
        padding: 3px 5px
    }
}

@media only screen and (max-width:1200px) {
    .agency-gr .icon-flpop .icon_recfly {
        background-position-x: left;
        width: 48px
    }

    .agency-gr.tick-list .gro-link {
        padding-left: 10px;
        padding-right: 10px
    }

    .agency-gr .group_table .table_dat3 {
        margin-right: 1%
    }
}

@media only screen and (min-width:768px) and (max-width:1200px) {
    .cus_rprice {
        flex-direction: column
    }

        .cus_rprice .icon_peod {
            min-width: 105px
        }

    .agency_ttprice td, .agency_ttprice th {
        width: 26%
    }

        .agency_ttprice td:first-of-type, .agency_ttprice th:first-of-type {
            width: 22%
        }
}

@media only screen and (max-width:1024px) {
    .agency-gr .date {
        word-break: break-all
    }

    .agency-gr .time {
        width: 6%
    }
}

@media only screen and (max-width:767px) {
    .mob-mot-m {
        margin-top: 15px
    }

    .agency-gr.tick-list.tickbox .date, .agency-gr.tick-list.tickbox .icon-flpop, .agency-gr.tick-list.tickbox .time, .agency-gr.tick-list .ind_hobox2 .ind_hosli p.price {
        padding-left: 0
    }

        .agency-gr .date:before, .agency-gr.tick-list.tickbox .icon-flpop:before, .agency-gr .time:before, .agency-gr.tick-list .ind_hobox2 .ind_hosli p.price:before, .agency-gr .sal-num:before, .agency-gr.tick-list .table_note:before, .agency-gr.tick-list .nom-price.date:before, .agency-gr.tick-list .nom-price:before, .agency-gr.tick-list .same_price:before {
            color: #000;
            font-weight: bold;
            width: 32%;
            float: left;
            text-align: left
        }

    .agency-gr .date:before {
        content: "出發日期："
    }

    .agency-gr .icon-flpop:before {
        content: "航班："
    }

    .agency-gr.tick-list.tickbox .icon_recfly {
        width: 68%;
        display: initial;
        background-position-x: left
    }

    .agency-gr .time:before {
        content: "天數："
    }

    .agency-gr.tick-list .table_note:before {
        content: "備註："
    }

    .agency-gr .sal-num:before {
        content: "可售："
    }

    .agency-gr.tick-list .ind_hobox2 .ind_hosli p.price {
        width: 100%;
        text-align: left
    }

        .agency-gr.tick-list .ind_hobox2 .ind_hosli p.price:before {
            margin-left: 0
        }

    .agency-gr.tick-list.tickbox .ind_hosli div.list_btnbox {
        width: 100%
    }

    .agency-gr.tick-list.tickbox .ind_hosli {
        padding-left: 20px;
        padding-right: 20px
    }

    .agency-gr.tick-list.tickbox .ind_hosli {
        display: inline-block
    }

    .agency-gr.tick-list .gro-link {
        padding-left: 0;
        padding-right: 0
    }

    .agency-gr.tick-list .nom-price:before {
        content: "直客價："
    }

    .agency-gr.tick-list .same_price:before {
        content: "同業價："
    }

    .agency-gr.tick-list .pric_grp p.price:before {
        content: "PAK價："
    }

    .agency-gr.tick-list .pric_grp p.trv.price:before {
        content: "同業價："
    }

    | .agency-gr.tick-list .nom-price, .agency-gr.tick-list .same_price, .agency-gr.tick-list .pric_grp p.price {
        width: 100%;
        display: inline-block;
        height: auto;
        min-height: 37px;
        margin-bottom: 2px
    }

    .agency_ttprice .room-nums div {
        width: 64%;
        display: flex;
        display: contents;
        line-height: inherit
    }

    .agency_ttprice .room-nums span {
        width: auto;
        margin: 0;
        display: inline-block
    }

    .agency_ttprice td {
        line-height: initial
    }

    .agency_ttprice.rwd-table td {
        padding: 5px 10px
    }

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

    .agency_notable .icon_peod {
        float: left;
        width: 65px;
        margin-bottom: 15px
    }

    .inbound_cus .cus_rprice {
        align-items: inherit
    }
}