﻿/* line 81, ../scss/_vars-mixins-reset.scss */
html {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

/* line 82, ../scss/_vars-mixins-reset.scss */
img {
    border: none;
}

/* line 83, ../scss/_vars-mixins-reset.scss */
*, *:before, *:after {
    box-sizing: inherit;
    padding: 0;
    margin: 0;
}

/* line 5, ../scss/air.scss */
.card-air-wrap .card:nth-child(4n) {
    margin-right: 0;
}
/* line 8, ../scss/air.scss */
.card-air-wrap .card .content {
    max-height: 125px; 
}
    /* line 11, ../scss/air.scss */
    .card-air-wrap .card .content .top {
        position: relative;
        width: 100%;
    }
    /* line 15, ../scss/air.scss */
    .card-air-wrap .card .content .location {
        font-size: 16px;
        line-height: 20px;
        display: inline-block;
        width: 100%;
        padding-right: 120px;
        max-height: 40px;
        padding-bottom: 15px;
        overflow: hidden;
    }
    /* line 23, ../scss/air.scss */
    .card-air-wrap .card .content .price {
        position: absolute;
        top: 0;
        right: 0;
        bottom: inherit;
        left: inherit;
        width: 140px;
        padding-right: 0;
        text-align: right;
    }
    /* line 33, ../scss/air.scss */
    .card-air-wrap .card .content .bottom {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        min-height: 36px;
        padding: 0 20px;
    }
        /* line 40, ../scss/air.scss */
        .card-air-wrap .card .content .bottom .company {
            font-size: 14px;
            line-height: 18px;
            position: relative;
            /*display: inline-block;*/
            width: 100%;
            padding-right: 0px;
            margin-top: -20px;
        }
            /* line 47, ../scss/air.scss */
            .card-air-wrap .card .content .bottom .company .txt {
                display: inline-block;
                padding-left: 24px;
            }
        /* line 52, ../scss/air.scss */
        .card-air-wrap .card .content .bottom .date {
            font-size: 12px;
            line-height: 18px;
            position: absolute;
            top: 0;
            right: 20px; 
            text-align: right;
        }

/* line 68, ../scss/air.scss */
.card-air-2-wrap .card {
    height: 127px;
}
    /* line 71, ../scss/air.scss */
    .card-air-2-wrap .card:nth-child(3n) {
        margin-right: 0;
    }
    /* line 74, ../scss/air.scss */
    .card-air-2-wrap .card .content {
        position: relative;
        min-height: inherit;
        max-height: inherit;
    }
    /* line 79, ../scss/air.scss */
    .card-air-2-wrap .card .top {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }
        /* line 83, ../scss/air.scss */
        .card-air-2-wrap .card .top .company {
            font-size: 14px;
            line-height: 18px;
            position: relative;
            display: inline-block;
            width: 100%;
            padding-right: 145px;
        }
            /* line 90, ../scss/air.scss */
            .card-air-2-wrap .card .top .company .txt {
                display: inline-block;
                padding-left: 24px;
            }
        /* line 95, ../scss/air.scss */
        .card-air-2-wrap .card .top .date {
            font-size: 12px;
            line-height: 18px;
            position: absolute;
            top: 0;
            right: 0;
            width: 140px;
            text-align: right;
        }
    /* line 106, ../scss/air.scss */
    .card-air-2-wrap .card .bottom {
        position: relative;
        bottom: 0;
    }
        /* line 109, ../scss/air.scss */
        .card-air-2-wrap .card .bottom .remark {
            font-size: 12px;
            line-height: 14px;
            display: inline-block;
            width: 100%;
            padding-right: 130px;
        }
        /* line 116, ../scss/air.scss */
        .card-air-2-wrap .card .bottom .price {
            position: absolute;
            top: 0;
            right: 0;
            bottom: inherit;
            left: inherit;
            width: 140px;
            padding-right: 0;
            text-align: right;
        }
    /* line 128, ../scss/air.scss */
    .card-air-2-wrap .card .mid {
        font-size: 16px;
        line-height: 18px;
        position: relative;
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }
        /* line 136, ../scss/air.scss */
        .card-air-2-wrap .card .mid:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 1px;
            border-top: 1px solid #969696;
        }
        /* line 145, ../scss/air.scss */
        .card-air-2-wrap .card .mid div {
            display: inline-block;
            padding: 0 10px;
            -webkit-transition: 200ms;
            -o-transition: 200ms;
            transition: 200ms;
            background-color: #FFFFFF;
        }
        /* line 153, ../scss/air.scss */
        .card-air-2-wrap .card .mid .from {
            position: absolute;
            left: 0;
            padding-left: 0;
        }
        /* line 159, ../scss/air.scss */
        .card-air-2-wrap .card .mid .txt {
            position: relative;
            display: inline-block;
        }
        /* line 164, ../scss/air.scss */
        .card-air-2-wrap .card .mid .to {
            position: absolute;
            right: 0;
            padding-right: 0;
            width: 60px;
            overflow-x: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    /* line 172, ../scss/air.scss */
    .card-air-2-wrap .card:hover .mid div {
        background-color: #F5F5F5;
    }

/* line 180, ../scss/air.scss */
.page-air-landing .ad {
    margin-top: 25px;
}
/* line 183, ../scss/air.scss */
.page-air-landing .location-selector-wrap {
    z-index: 10;
    top: 66px;
    width: 720px;
    max-width: inherit;
}
/* line 190, ../scss/air.scss */
.page-air-landing .trigger-location-selector {
    position: initial !important;
}

/* line 196, ../scss/air.scss */
.air-search-wrap {
    position: relative;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 180px 0 60px;
    text-align: left;
}

.flight-landing-banner .air-search-wrap {
    position: absolute;
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    margin-top: -150px;
    text-align: left;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    z-index: 9;
}

/* line 203, ../scss/air.scss */
.air-search-wrap .air-search-tabs-btn {
    position: relative;
    width: 100%;
    border: 1px solid #969696;
    background-color: #FFFFFF;
}
    /* line 208, ../scss/air.scss */
    .air-search-wrap .air-search-tabs-btn li {
        display: inline-block;
    }
        /* line 210, ../scss/air.scss */
        .air-search-wrap .air-search-tabs-btn li a {
            font-size: 16px;
            display: inline-block;
            min-width: 80px;
            padding: 15px 10px;
            text-align: center;
            color: #969696;
            border-bottom: 2px solid #FFFFFF;
        }
            /* line 219, ../scss/air.scss */
            .air-search-wrap .air-search-tabs-btn li a.active {
                color: #3fa9f5;
                border-bottom: 2px solid #3fa9f5;
            }
/* line 226, ../scss/air.scss */
.air-search-wrap .bottom {
    position: relative;
    display: none;
    width: 100%;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.9);
}
    /* line 232, ../scss/air.scss */
    .air-search-wrap .bottom .selectboxit-container {
        width: 100%;
    }
    /* line 236, ../scss/air.scss */
    .air-search-wrap .bottom .row {
        position: relative;
        display: table;
        width: 100%;
        margin-bottom: 10px;
        vertical-align: top;
    }
        /* line 242, ../scss/air.scss */
        .air-search-wrap .bottom .row .input-field {
            position: relative;
            display: table-cell;
            padding-right: 20px;
            vertical-align: bottom;
        }
            /* line 247, ../scss/air.scss */
            .air-search-wrap .bottom .row .input-field label {
                position: relative;
                display: inline-block;
                width: 100%;
            }
            /* line 252, ../scss/air.scss */
            .air-search-wrap .bottom .row .input-field:last-child {
                padding-right: 0;
            }
        /* line 257, ../scss/air.scss */
        .air-search-wrap .bottom .row.two-col .input-field {
            width: 359.5px;
        }
        /* line 262, ../scss/air.scss */
        .air-search-wrap .bottom .row.four-col .input-field:nth-child(1), .air-search-wrap .bottom .row.four-col .input-field:nth-child(2) {
            width: 359.5px;
        }
        /* line 266, ../scss/air.scss */
        .air-search-wrap .bottom .row .checkbox-wrap {
            padding-bottom: 15px;
        }

/* line 275, ../scss/air.scss */
.contact-person-info .birthday-info .input-field {
    display: inline-block;
    width: 110px;
    padding-right: 10px;
}

/* line 284, ../scss/air.scss */
.btn-arrow:after {
    content: '';
    position: relative;
    top: -3px;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 8px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: 2px solid #969696;
    border-left: 2px solid #969696;
}
/* line 301, ../scss/air.scss */
.contact-field-2 {
    display: table;
}
    /* line 303, ../scss/air.scss */
    .contact-field-2 .input-field {
        display: table-cell;
        vertical-align: bottom;
    }
        /* line 306, ../scss/air.scss */
        .contact-field-2 .input-field.area-code {
            width: 120px;
            padding: 0 10px;
        }

/* line 313, ../scss/air.scss */
.btn-border {
    padding: 10px 50px 10px 50px;
    color: #3fa9f5;
    border: 1px solid #3fa9f5;
    background-color: transparent;
}

.btn-border-pink {
    color: #3fa9f5;
    border: 1px solid #3fa9f5;
    background-color: transparent;
}

/* line 321, ../scss/air.scss */
.progress-bar.orange01 li.half span {
    background-color: #FF8B04;
}
/* line 324, ../scss/air.scss */
.progress-bar.orange01 li.full span {
    background-color: #FF8B04;
}
/* line 327, ../scss/air.scss */
.progress-bar.orange01 li:after {
    background-color: #FF8B04;
}

/* line 332, ../scss/air.scss */
#wifiegg-planSelectBoxItContainer {
    width: 100%;
    padding-left: 30px;
}

/* line 337, ../scss/air.scss */
.wifi-egg {
    min-height: 320px;
}
    /* line 339, ../scss/air.scss */
    .wifi-egg .table {
        display: table;
    }
    /* line 342, ../scss/air.scss */
    .wifi-egg .col {
        position: relative;
        display: table-cell;
        width: 250px;
    }
        /* line 346, ../scss/air.scss */
        .wifi-egg .col .txt {
            position: relative;
            display: table;
            width: 100%;
            min-height: 120px;
            padding-left: 140px;
        }
            /* line 353, ../scss/air.scss */
            .wifi-egg .col .txt p {
                display: table-cell;
                vertical-align: middle;
            }
        /* line 358, ../scss/air.scss */
        .wifi-egg .col img {
            position: absolute;
            width: 120px;
        }
    /* line 363, ../scss/air.scss */
    .wifi-egg .checkbox-wrap {
        z-index: 2;
    }
    /* line 366, ../scss/air.scss */
 
    /* line 375, ../scss/air.scss */
    .wifi-egg .col-left {
        position: relative;
        width: 100%;
        padding-right: 180px;
    }
    /* line 381, ../scss/air.scss */
    .wifi-egg .col-right {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 140px;
    }
        /* line 386, ../scss/air.scss */
        .wifi-egg .col-right img {
            width: 100%;
        }

/* line 392, ../scss/air.scss */
.credit-card-logo img {
    display: inline-block;
    width: 60px;
    margin-right: 10px;
}

/* line 401, ../scss/air.scss */
.input-field.w50 .selectboxit-container {
    width: 50%;
}

/*# sourceMappingURL=air.css.map */

.location-selector-wrap {
    z-index: 99;
    margin-top: 10px;
}


.air-search-full-wrap {
    max-width: none;
    padding: 0; 
} 
.air-search-wrap.air-search-full-wrap .air-search-tabs-btn {
    border: 0px;
    border-bottom: 1px solid #969696;
}

.air-search-full-wrap select {
    min-width: 120px;
}

.air-search-full-wrap .hasDatepicker {
    max-width: 180px;
}

.air-search-full-wrap .choose-multi-air {
    position: absolute;
    top: -50px;
    width: 122px;
    right: 0;
}

.passenger-info {
    min-height: 130px;
    overflow: hidden;
}

.passenger-info-dropdown {
    margin-bottom: 30px;
}

.passenger-info .txt,
.departure-info-table .txt {
    display: inline-block;
    padding-left: 24px;
}

.passenger-info .th .icon-flight-company {
    width: 35px;
    height: 35px;
    margin-top: -5px;
}

.passenger-info .th .txt {
    margin-left: 45px;
    border-bottom: 1px solid #fff;
    padding-left: 0;
    width: calc(100% - 45px);
    text-align: center;
}

.btn.no-icon-small {
    padding: 10px;
    text-align: center;
    display: table;
    white-space: pre;
    line-height: 20px;
}

.departure-info-table .price {
    font-size: 22px;
}

.departure-info-table .mid {
    font-size: 16px;
    line-height: 18px;
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0px;
    text-align: center;
}

    .departure-info-table .mid:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 170px;
        border-top: 2px solid #ccc;
    }

    .departure-info-table .mid img {
        float: right;
    }

.departure-info-table .flight-detail-info {
    width: 100%;
    display: none;
}

.flight-detail-info h5 {
    font-weight: 400;
}

.flight-detail-info ul {
    font-size: 14px;
    line-height: 16px;
    display: inline-flex;
    width: 100%;
    margin: 10px auto;
    padding-left: 0%;
}

    .flight-detail-info ul li {
        text-align: left;
        padding-left: 15px;
    }

        .flight-detail-info ul li:nth-child(1) {
            min-width: 100px;
        }

        .flight-detail-info ul li:nth-child(2) {
            min-width: 330px;
        }

        .flight-detail-info ul li:nth-child(3) {
            width: inherit;
        }

.flight-detail-info .table.table-col3 .td:first-child {
    max-width: 200px;
}

.flight-detail-info .table.table-col3 .td {
    max-width: 200px;
}

.btn-flight-details,
.btn-passenger-details {
    padding-top: 5px;
    display: inline-table;
    width: 100%;
    text-align: center;
    margin-top: 5px;
    margin-left: -10px;
}



    .btn-flight-details::after,
    .btn-passenger-details::after {
        content: "";
        background: url(/img/common/btn-arrow-down_b.png) no-repeat center;
        width: 15px;
        height: 15px;
        background-size: cover;
        display: inline-grid;
        margin-top: 0px;
        margin-left: 5px;
        position: absolute;
    }

.up.btn-flight-details::after,
.up.btn-passenger-details::after {
    content: "";
    background: url(/img/common/btn-arrow-up_b.png) no-repeat center;
    width: 15px;
    height: 15px;
    background-size: cover;
    display: inline-grid;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

#ui-datepicker-div .ui-widget-header {
    background-color: #3fa9f5;
}
/**
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: none;
    background: #3fa9f5;
    font-weight: normal;
    color: #fff;
}*/

.ui-datepicker-title select {
    background-color: rgba(0,0,0,0);
    border: none;
    outline: medium none;
}

.airlines {
    height: 42px;
    padding: 0 10px;
    text-transform: uppercase;
}

.hotAirline {
    position: absolute;
    width: 100%;
    border: 1px solid #E6E6E6;
    background-color: #FFFFFF;
    z-index: 2;
    margin-top: 15px;
    min-height: 45px;
    color: #333;
    text-align: left;
    line-height: 1.5;
    display: none;
    font-size: 16px;
}

.loadingData {
    padding: 0 10px;
    line-height: 45px;
}

.flight-last-filed-width {
    width: 187px;
    display: inline-block !important;
}

.txt-border-pink {
    border: 1px solid #3fa9f5 !important;
}

.flight-landing-banner {
    min-height: 550px;
}

.landing-banner .choose-multi-air {
    min-width: 160px;
}

.flight-landing-ad {
    background: #fff;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    -moz-box-shadow: inset 0 0 5px #E6E6E6;
    -webkit-box-shadow: inset 0 0 5px #E6E6E6;
    box-shadow: inset 0 0 5px #E6E6E6;
}

.flight-landing-ad .label-promo {
    display: inline-table;
}

.flight-landing-ad .label-promo li {
    font-size: 0;
    display: table-cell;
    width: 25%;
    padding: 20px;
    border-right: 1px solid #E6E6E6;
    text-align: left;
    vertical-align: top;
}

.flight-landing-ad .label-promo li:last-child {
    border-right: 0px;
}

.flight-landing-ad .label-promo li .icon {
    display: table-cell;
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}

.flight-landing-ad .label-promo li h4 {
    display: table-cell;
}

.flight-landing-ad .label-promo li .txt {
    font-size: 16px;
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
    color: #333333;
}

.flight-landing-bannerad-wrap img {
    max-width: 100%;
}

.calendar-wrap .fc-unthemed td.fc-today {
    background-color: transparent;
}

.calendar-wrap .fc-view-container .fc-content-skeleton {
    z-index: 0;
}

.table-style-1 .td:last-child {
    max-width: 150px;
    width: 150px;
}


.table-style-1 .td:last-child .btn {
    display: inline-grid;
    width: 100%;
}



.flight-group {
    border: 1px solid #bbb;
    margin-bottom: 30px;
    padding: 15px;
} 

ul.flight-list {
    display: inline-flex;
    font-size: 14px;
    line-height: 18px;
    margin: 10px auto;
}

ul.flight-list li {
    width: 200px;
}

ul.flight-list li:first-child {
    padding-left: 35px;
}

ul.flight-list li:last-child {
    padding-right:25px;
    width: 150px;
}

.departure-info-table .flight-price {
    float: right;
    display: inline-flex;
    margin-top: 15px;
}

.departure-info-table .price-info {
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    padding-right: 10px;
}

.departure-info-table .btn-wrap {
    width: 100px;
    color: #ff9600;
}

.flight_type, .flight_panel {
    background: #ededed;
    padding: 10px;
}

    .flight_type ul.multi-departure li:last-child .price-detail,
    .air-destination-page .flight-detail-info ul.multi-departure li:last-child .price-detail {
        display: none;
    }

    .flight_type ul.multi-departure:last-child li:last-child .price-detail,
    .air-destination-page .flight-detail-info ul.multi-departure:last-child li:last-child .price-detail {
        display: block;
    }

.air-destination-page .flight-detail-info {
    margin-top: 30px;
    background: #ededed;
    padding: 10px;
}

    .air-destination-page .flight-detail-info ul li:nth-child(2) {
        min-width: 400px;
    }

.air-destination-page ul.flight-list li {
    width: 280px;
}

.air-destination-page .departure-info-table .mid:before {
    width: calc(100% - 32px);
}

.air-destination-page .flight-detail-info .multi-departure {
    max-width: 850px;
}

input[type=checkbox] {
    -webkit-appearance: checkbox;
}


.tooltip {
position: relative;
display: inline-block; 
}

.tooltip .tooltiptext {
    visibility: hidden;
    width:auto;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0; 
    position: absolute;
    z-index: 1;
    font-size:14px;
}

.ui-widget{
    font-size:14px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


.choose-multi-air .errortext {
    position: absolute;
    font-size: initial;
    bottom: -25px;
    left: 0;
    color: #3fa9f5;
    display:none;
    font-size:14px;
}

.sorting-list {
    display: none;
    position: absolute;
    background: #fff;
    width: fit-content;
    padding: 10px;
    margin-top: 7px;
    z-index: 9;
}

.sorting-item{
    padding:7px 0px;
}

.sorting-list li {
    margin-top: 10px;
}
.sorting-list li a{ 
    font-size: 16px;
    color:#000;
}

.th.txt-r .sorting-list {
    right: 5px;
}

.th.txt-c .sorting-list {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.th .sorting-item:hover ~ .sorting-list,
.sorting-list:hover{
    display: block;
}



.popup-selector-wrap.airline-selector-wrap .selector-lv2-wrap ul {
    display: inline-grid;
    max-height: 500px;
    overflow: auto;
}

    .popup-selector-wrap.airline-selector-wrap .selector-lv2-wrap ul li a  {
        display:block;
    }
    .popup-selector-wrap.airline-selector-wrap .selector-lv2-wrap ul li a img {
        width: 35px;
        display: inline-block;
        margin-right: 15px;
    }  

.caleran-days-container .caleran-dayofweek:first-child{
    color: #3fa9f5 !important;
}

.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day:nth-child(7n-6) {
    color: #3fa9f5;
}

.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled {
    color: #b8b8df !important;
}

.input-field.dateIcon input {
    padding-left: 35px !important;
}

.air-advanced-search #air-price-range-slider {
    margin-top: 10px;
}

.air-advanced-search .content-wrap {
    padding:15px;
}

.air-advanced-search .content-wrapT .input-field {
    padding-left:0px;
    padding-right:0px;
}

.air-advanced-search .content-wrapT .carrierB,
.air-advanced-search .content-wrapT .transitB {
    padding: 0px;
}

.departure-info-table .table.table-style-1 {
    margin-bottom:0px;
}
/* for moblie version */
.mobile {
    display: none;
}

@media screen and (max-width:992px) {
    .btn-toggle-menu {
        top: 10px;
    }

    .btn {
        padding: 10px 60px;
    }

    .btn-wrap.full {
        padding: 20px 0 20px;
    }

    .hotel-inner-search .air-search-tabs-content {
        width: 100%;
    }

    .input-field input[type=email].input-01,
    .input-field input[type=text].input-01,
    .input-field input[type=password].input-01,
    .input-field input[type=tel].input-01,
    .input-field input[type=number].input-01 {
        width: 100% !important;
    }

    .popup-selectbox {
        min-width: inherit;
    }

        .popup-selectbox .right > * {
            padding: 0 22px 0 0;
        }

        .popup-selectbox .left p {
            font-weight: bold;
        }

        .popup-selectbox .left {
            white-space: initial;
        }

    .btn-wrap.ta-l .btn {
        width: 100%;
    }

    .pagination {
        text-align: center;
        width: 100%;
    }

    .hotel-filter-wrap {
        background: none;
        border: none;
    }

        .hotel-filter-wrap .input-field {
            font-size: 14px;
            width: auto !important;
            border: 1px solid #c2c2c2;
            margin: 1%;
            display: inline-block !important;
            text-align: center !important;
            border-radius: 5px;
        }

            .hotel-filter-wrap .input-field .selectboxit-container .selectboxit-btn {
                border-radius: 5px;
            }

            .hotel-filter-wrap .input-field:nth-child(2) {
                min-width: 130px;
            }

            .hotel-filter-wrap .input-field:first-child {
                border: none;
                width: 100% !important;
                font-size: 16px;
                margin: 5px 0 10px;
                font-weight: bold;
            }

            .hotel-filter-wrap .input-field .selectboxit-container .selectboxit-btn {
                border: none;
            }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .hotel-listing-wrap .card .right {
        position: relative;
        right: inherit;
        text-align: left;
        float: inherit;
    }

    .hotel-listing-wrap .card .content {
        padding: 20px 25px 40px;
    }

    .hotel-listing-wrap .card {
        display: block;
    }

        .hotel-listing-wrap .card .img {
            display: block;
            width: 100%;
        }

    .input-field input[type='submit'].bg-pink02 {
        font-size: 16px;
        width: 100%;
        padding: 10px 0;
        line-height: 18px;
    }

    .card-2-wrap .card,
    .card-2-wrap .card-2 {
        height: 342px;
    }

        .card-2-wrap .card .content {
           /* top: 170px;*/
        }

    .card-hotel-wrap .card .content .comments {
        top: inherit;
        bottom: -108px;
    }

    .card-hotel-wrap .card .content {
        max-height: 170px;
    }

    .banner-wrap-s {
        display: none;
    }

    #footer .row .logo-comodo {
        margin-bottom: 20px;
        display: block;
    }

    .hotel-room-detail-wrap .content-wrap {
        padding-top: 10px;
    }

    .hotel-room-detail-wrap .content .hotel {
        margin-top: 10px;
    }

    .breadcrumb {
        padding-left: 10px;
        padding-top: 7px;
    }

    .main-content.paddingbottom {
        padding-bottom: 0px;
    }

    .hotel-inner-search .air-search-tabs-content .input-field .input-field label {
        display: block;
        margin: 13px 0 7px;
    }

    .hotel-inner-search .air-search-tabs-content .input-field .input-field .selectboxit-container {
        display: block;
    }

    .caleran-container .caleran-input,
    .caleran-container-mobile .caleran-input {
        width: 97% !important;
    }

    .page-hotel-detail .popup-selectbox {
        right: 0;
    }

    .table-hotel-detail tr td {
        display: block;
        border: none;
    }

    .table-hotel-detail td .img {
        width: 100%;
    }

    .table-hotel-detail tr td:nth-child(n+2) {
        width: 50% !important;
        min-width: inherit !important;
        float: left;
    }

    .table-hotel-detail tr td:nth-child(3) {
        margin-top: 44px;
    }

    .table-hotel-detail tr td:nth-child(5),
    .table-hotel-detail tr td:nth-child(6) {
        width: 100% !important;
        text-align: left;
    }

    .table-hotel-detail tr {
        border-bottom: 1px solid #F5F5F5;
    }

        .table-hotel-detail tr td .btn-submit {
            width: 100%;
        }

    .table-hotel-detail.bg-green01 {
        background-color: #4bbdad;
        display: none;
    }

    .table-hotel-detail tr:nth-child(2) td:last-child {
        width: 100% !important;
    }

    p.subheading {
        font-size: 14px;
    }

    .hotel-room-detail {
        display: block;
    }

        .hotel-room-detail .img {
            display: block;
            width: 100%;
        }

        .hotel-room-detail .content {
            position: relative;
            display: block;
            padding: 15px 15px;
        }

    .contact-person-info .name-field .input-field {
        width: 100% !important;
    }

    .contact-person-info .contact-field .input-field:nth-child(1) {
        width: 33% !important;
        /* float: none !important; */
    }

    .contact-person-info .contact-field .input-field:nth-child(2) {
        widtH: 65% !important;
        float: left !important;
    }

        .contact-person-info .contact-field .input-field:nth-child(2) label {
            margin: 0 !important;
        }

    .one-field .td {
        display: block;
    }

    .one-field label,
    .one-field .label {
        line-height: 12px;
        margin-top: 10px;
    }

    .agreementcheck {
        margin-top: 18px !important;
    }

    .radio-wrap {
        line-height: 21px;
    }

    .wifi-egg .col-right {
        position: relative;
    }

    .wifi-egg .col .txt {
        position: relative;
        display: block;
        width: 100%;
        min-height: 70px;
        padding: 0;
        text-align: center;
    }

    .wifi-egg .col-left {
        padding: 0;
    }

    .wifi-egg .col img {
        position: relative;
        width: 70%;
        margin: 0 auto 0 9px;
    }

    .wifi-egg .col .txt p {
        display: block;
        vertical-align: middle;
    }

    .selectboxit-text {
        float: none;
        line-height: 39px;
        display: inline-block;
    }
      
    .wifi-egg .input-field {
        border: none;
    }

    .wifi-egg .col-right {
        top: 0px;
        margin: 0 auto;
        right: 0;
        width: 140px;
    }

    .page-tour-success ul.list-style-info li span:nth-child(2) {
        margin-top: 7px;
    }

    .flighttable .tr .th:first-child {
        width: 100px !important;
    }

    .icon-flight-company {
        height: 20px;
        margin: 0 !important;
        position: relative;
        top: 0;
        display: inline-block !important;
        left: 0;
        width: 20px !important;
    }

    .table.table-style-1 .td {
        line-height: 20px;
    }

    /*屬性導致手機主頁點擊跳轉其它主頁期間無法顯示電腦端鼠標經過的背景圖*/
    /*html.landing .landing-banner {
        display: block !important;
    }*/

    .landing-banner .banner-content {
        display: block;
    }

    .air-search-wrap .bottom .row .input-field,
    .hotel-search-wrap .bottom .row .input-field {
        width: 100%;
        display: block;
    }

    .air-search-wrap,
    .hotel-search-wrap {
        padding: 10px 0 60px;
    }

    .card-air-wrap .card .content {
        max-height: 170px;
        padding-bottom: 25px;
    }

        .card-air-wrap .card .content .location {
            padding: 0;
        }

        .card-air-wrap .card .content .price {
            position: relative;
            top: 0;
            right: 0;
            bottom: inherit;
            left: inherit;
            width: 100%;
            padding-right: 0;
            text-align: left;
        }

        .card-air-wrap .card .content .bottom .date {
            font-size: 12px;
            line-height: 18px;
            position: relative;
            top: 0;
            right: 0;
            width: 100%;
            text-align: left;
        }

        .card-air-wrap .card .content .bottom .company {
            font-size: 14px;
            line-height: 18px;
            position: relative;
            display: block;
            width: 100%;
            padding-right: 0;
        }
 

    .card-air-2-wrap .card .content {
        top: 0;
    }

    .card-air-2-wrap .card {
        width: 98% !important;
        height: 130px;
    }

    .ad img {
        width: 100% !important;
    }

    .input-field.w50 .selectboxit-container {
        width: 100%;
    }
}



@media screen and (max-width: 993px) {
    .air-search-full-wrap {
        border: none !important;
    }

    .air-search-wrap .air-search-tabs-btn li a.active {
        color: #fff;
        border: 2px solid #3fa9f5;
        background: #3fa9f5;
        border-radius: 6px;
    }

    .air-search-wrap .air-search-tabs-btn li a {
        border: 1px solid #3fa9f5 !important;
        border-radius: 6px;
        margin: 0;
        width: 100%;
    }

    .air-search-wrap.air-search-full-wrap .air-search-tabs-btn {
        border: none;
    }

    .air-search-wrap .air-search-tabs-btn li {
        min-width: 31%;
        margin: 0 1%;
        display: inline-block;
    }

    .air-search-wrap .bottom {
        padding: 20px 5px !important;
    }

        .air-search-wrap .bottom .row .input-field label {
            color: #969696;
        }

    .input-field input[type=email].input-01,
    .input-field input[type=text].input-01,
    .input-field input[type=password].input-01,
    .input-field input[type=tel].input-01,
    .input-field input[type=number].input-01 {
        color: #969696;
    }

    .location-selector-wrap .location-lv1-wrap a {
        color: #5f5f5f;
    }

    .location-selector-wrap {
        z-index: 99;
        margin-top: 34px;
    }

    .popup-datepicker #popup_calendar {
        margin-top: 0 !important;
    }

    .popup-datepicker {
        width: 100%;
    }

    .input-field select.select-01 {
        border-radius: 0;
    }

    .air-search-wrap .air-search-tabs-btn li a {
        padding: 12px 10px !important;
    }

    .input-field input[type='submit'].submit-01 {
        line-height: 18px;
    }

    .btn-wrap.ta-r.bg-pink02 {
        border-radius: 5px;
    }

    .trigger-location-selector:before {
        display: block;
        content: '';
        position: absolute;
        top: 36px;
        left: 7px;
        opacity: 0.4;
        width: 20px;
        height: 20px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAADpElEQVR4Ae3aA9DsSBQF4DNa2+ZvZNL3lNa2d0tr24W1bdu2bdu2beO5l8/InX/6JpmqfKdcgz4dA4VCoVAohNQ7mSwrB8k5cjOf4gcyiL/zA3lcbpZzeIAsyxpyrMLV5Ab+Tj+J/C7XcTVUkDcLTCG7yWf0ushnsnvb5MiNqtuZX9I3mC+5A6rIHtfme/QDzHtuTWSqIifSNxc5IbMtgtPLffTNR+7j9EhffW6+TR8ob0XzIF2cTz6nDxf5nPMhPV0z8336wHm/a2akgzU+TW+Qp1M6TvMieqNcBHvcgN4wG8BW2+TyuWUB+dz4FEP2obeN7Gt76PrNvMBvhoc1OZbePnKM2e5TfqVPIb8Y7U5lHf0gZJBc5TaJ43iGvxO7TeQqGUT9t9eBBblKPYR73PwYh5ufd6sLXA0DJf6kHMCRmLCSHE6vyk8oIbR4MeXsHY5JcEfQaxIvhtDcnrqVJ2HuSryHXpG9EJqcr9l0k8/r++ZVbc7nITR5RFHgMijIZYpfegSh8YNQp2Ka00H5EKHxe/qkRJ1QiDoVU/E9QpMR9EnpnBYKndMqlsBwhMY/6JPSNh0U2qajT8wfCI2f0CfF9UDB9SgKfILQ+EKaGzFfQGiqA9AVUOAVqgNiaHK66kC2IBJEC2oOZHI6QpPNdLcJk04ldLcjZTOEVu9Vn4tOAo+i16Tei+DK/KPJ89GSHEavyh8oIzy5o5kLmv6FeI/2+3InLHCrRi8pXT2egdO7uttEruIQenW2MrqlKyPo7SMjemeCDT5An0IegBW3XSoFtoeVaGoZZD18GcSpYEcuNC9wISzFi1oXiBeFLb5tOv/vwppsZlpgM5irykdmBT5GFfbcFlYF3BYwYr8M7OfffjuQzZGaMt8MXuAtlJEet17oAm49pEteClrgFaTNLR/0+LsC0sdrgxW4FlnonSPMU0v5tW92ZIPb257/2yvJ403P/xMoITtRJ4c1VWBY1IlsydFNzf/RyNo8U/KTARf4dJ4pkb14rQHv/ddCPvCKARW4AnnRNh2/aHj4X7RNh/yIl260gFsK+dLYW9RyEvKGNXlOXeB51pA/9bn5nWr437u5kE/x0jI8+RG2WxL5JQcmFjgQuVbmU5Ms8DTKyLe+eeWHic7+j9E8yD+uOOEtQYZzRbQG2W2CBXaDHfsX1OR8tJSKPDnW8J9EBa0lmk2+HjX8r6PZ0Hoo/z8bHkJBa5Kt6ella7QuHsWjYKZQKBQKhb8AaFXSW3c/idsAAAAASUVORK5CYII=);
        background-position: center;
        background-size: contain;
    }

    .input-field.trigger-location-selector input {
        padding-left: 28px !important;
    }

    .input-field.datepicker-wrap {
        width: 49% !important;
        float: left;
    }

        .input-field.datepicker-wrap[planid="return_date"] {
            margin-left: 2%;
        }

    .datepicker-wrap:before {
        display: block;
        content: '';
        position: absolute;
        top: 36px;
        left: 7px;
        opacity: 0.4;
        width: 20px;
        height: 20px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAABOElEQVR4Ae3bv0rDYBSG8eNUkN5C65KtXXreW6uzm+jsot6CqJegTk6FehuCUAr+b/I5O8mXhubEPM87Fgq/IWTJsZyIiIiUfi/a/wEAAAAAgGabjvzQ77VS2vFWutN8OrJtmgx165VSe/NKV5Oh1asYaKEUYItiYHXyM6UY83PLT2NtwgBKLyw3P1KKs9lxPuAxEsCX+YDnSAC9Wm56U4o0ALkDAOC93wAAAPwDQKMDYDtOAD4BAADQaYC+/jlAqfnfAQAIBfgGAKDngE2nX2QAAADwstsAAAAAVJ0GAAAAQKm7AAAAAAAAAGAPAICeA0xrpUBbW26+jATwp3zAaSSATiy32YGXcT6/19jy88swgAurk/ZjPAe+LAa1j4D8pu0jIL+eDG2bNNa8lTOsF3/46wyLiIjoB0A28jQeaQdYAAAAAElFTkSuQmCC);
        background-position: center;
        background-size: contain;
    }

    .datepicker-wrap input {
        padding-left: 28px !important;
    }

    .calendar-wrap.popup-datepicker {
        max-width: inherit;
        width: 160%;
    }

    .multi-air-row .four-col {
        border-bottom: 1px solid #d2d2d2;
        padding: 10px 0 5px;
    }

    .multi-air-row {
        counter-reset: section;
    }

        .multi-air-row .row.four-col {
            counter-increment: section;
        }

            .multi-air-row .row.four-col:before {
                content: counter(section);
                width: 18px;
                text-align: center;
                height: 18px;
                font-size: 15px;
                color: #fff;
                line-height: 18px;
                font-weight: 400;
                background: #48C0B1;
                border-radius: 3px;
                display: block;
                position: absolute;
                top: 7px;
            }

            .multi-air-row .row.four-col .input-field:first-child label {
                padding-left: 24px;
            }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 13px 1em 13px .4em;
        color: #969696;
    }
}


/* for moblie version */

@media screen and (max-width: 993px) {
    .air-search-full-wrap {
        border: none !important;
    }

    .air-search-wrap .air-search-tabs-btn li a.active {
        color: #fff;
        border: 2px solid #3fa9f5;
        background: #3fa9f5;
        border-radius: 6px;
    }

    .air-search-wrap .air-search-tabs-btn li a {
        border: 1px solid #3fa9f5 !important;
        border-radius: 6px;
        margin: 0;
        width: 100%;
    }

    .air-search-wrap.air-search-full-wrap .air-search-tabs-btn {
        border: none;
    }

    .air-search-wrap .air-search-tabs-btn li {
        min-width: 31%;
        margin: 0 1%;
        display: inline-block;
    }

    .air-search-wrap .bottom {
        padding: 20px 5px !important;
    }

        .air-search-wrap .bottom .row .input-field label {
            color: #969696;
        }

    .input-field input[type=email].input-01,
    .input-field input[type=text].input-01,
    .input-field input[type=password].input-01,
    .input-field input[type=tel].input-01,
    .input-field input[type=number].input-01 {
        color: #969696;
    }

    .location-selector-wrap .location-lv1-wrap a {
        color: #5f5f5f;
    }

    .location-selector-wrap {
        z-index: 99;
        margin-top: 34px;
    }

    .popup-datepicker #popup_calendar {
        margin-top: 0 !important;
    }

    .popup-datepicker {
        width: 100%;
    }

    .input-field select.select-01 {
        border-radius: 0;
    }

    .air-search-wrap .air-search-tabs-btn li a {
        padding: 12px 10px !important;
    }

    .input-field input[type='submit'].submit-01 {
        line-height: 18px;
    }

    .btn-wrap.ta-r.bg-pink02 {
        border-radius: 5px;
    }

    .trigger-location-selector:before {
        display: block;
        content: '';
        position: absolute;
        top: 36px;
        left: 7px;
        opacity: 0.4;
        width: 20px;
        height: 20px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAADpElEQVR4Ae3aA9DsSBQF4DNa2+ZvZNL3lNa2d0tr24W1bdu2bdu2beO5l8/InX/6JpmqfKdcgz4dA4VCoVAohNQ7mSwrB8k5cjOf4gcyiL/zA3lcbpZzeIAsyxpyrMLV5Ab+Tj+J/C7XcTVUkDcLTCG7yWf0ushnsnvb5MiNqtuZX9I3mC+5A6rIHtfme/QDzHtuTWSqIifSNxc5IbMtgtPLffTNR+7j9EhffW6+TR8ob0XzIF2cTz6nDxf5nPMhPV0z8336wHm/a2akgzU+TW+Qp1M6TvMieqNcBHvcgN4wG8BW2+TyuWUB+dz4FEP2obeN7Gt76PrNvMBvhoc1OZbePnKM2e5TfqVPIb8Y7U5lHf0gZJBc5TaJ43iGvxO7TeQqGUT9t9eBBblKPYR73PwYh5ufd6sLXA0DJf6kHMCRmLCSHE6vyk8oIbR4MeXsHY5JcEfQaxIvhtDcnrqVJ2HuSryHXpG9EJqcr9l0k8/r++ZVbc7nITR5RFHgMijIZYpfegSh8YNQp2Ka00H5EKHxe/qkRJ1QiDoVU/E9QpMR9EnpnBYKndMqlsBwhMY/6JPSNh0U2qajT8wfCI2f0CfF9UDB9SgKfILQ+EKaGzFfQGiqA9AVUOAVqgNiaHK66kC2IBJEC2oOZHI6QpPNdLcJk04ldLcjZTOEVu9Vn4tOAo+i16Tei+DK/KPJ89GSHEavyh8oIzy5o5kLmv6FeI/2+3InLHCrRi8pXT2egdO7uttEruIQenW2MrqlKyPo7SMjemeCDT5An0IegBW3XSoFtoeVaGoZZD18GcSpYEcuNC9wISzFi1oXiBeFLb5tOv/vwppsZlpgM5irykdmBT5GFfbcFlYF3BYwYr8M7OfffjuQzZGaMt8MXuAtlJEet17oAm49pEteClrgFaTNLR/0+LsC0sdrgxW4FlnonSPMU0v5tW92ZIPb257/2yvJ403P/xMoITtRJ4c1VWBY1IlsydFNzf/RyNo8U/KTARf4dJ4pkb14rQHv/ddCPvCKARW4AnnRNh2/aHj4X7RNh/yIl260gFsK+dLYW9RyEvKGNXlOXeB51pA/9bn5nWr437u5kE/x0jI8+RG2WxL5JQcmFjgQuVbmU5Ms8DTKyLe+eeWHic7+j9E8yD+uOOEtQYZzRbQG2W2CBXaDHfsX1OR8tJSKPDnW8J9EBa0lmk2+HjX8r6PZ0Hoo/z8bHkJBa5Kt6ella7QuHsWjYKZQKBQKhb8AaFXSW3c/idsAAAAASUVORK5CYII=);
        background-position: center;
        background-size: contain;
    }

    .input-field.trigger-location-selector input {
        padding-left: 28px !important;
    }

    .input-field.datepicker-wrap {
        width: 49% !important;
        float: left;
    }

        .input-field.datepicker-wrap[planid="return_date"] {
            margin-left: 2%;
        }

    .datepicker-wrap:before {
        display: block;
        content: '';
        position: absolute;
        top: 36px;
        left: 7px;
        opacity: 0.4;
        width: 20px;
        height: 20px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAABOElEQVR4Ae3bv0rDYBSG8eNUkN5C65KtXXreW6uzm+jsot6CqJegTk6FehuCUAr+b/I5O8mXhubEPM87Fgq/IWTJsZyIiIiUfi/a/wEAAAAAgGabjvzQ77VS2vFWutN8OrJtmgx165VSe/NKV5Oh1asYaKEUYItiYHXyM6UY83PLT2NtwgBKLyw3P1KKs9lxPuAxEsCX+YDnSAC9Wm56U4o0ALkDAOC93wAAAPwDQKMDYDtOAD4BAADQaYC+/jlAqfnfAQAIBfgGAKDngE2nX2QAAADwstsAAAAAVJ0GAAAAQKm7AAAAAAAAAGAPAICeA0xrpUBbW26+jATwp3zAaSSATiy32YGXcT6/19jy88swgAurk/ZjPAe+LAa1j4D8pu0jIL+eDG2bNNa8lTOsF3/46wyLiIjoB0A28jQeaQdYAAAAAElFTkSuQmCC);
        background-position: center;
        background-size: contain;
    }

    .datepicker-wrap input {
        padding-left: 28px !important;
    }

    .calendar-wrap.popup-datepicker {
        max-width: inherit;
        width: 160%;
    }

    .multi-air-row .four-col {
        border-bottom: 1px solid #d2d2d2;
        padding: 10px 0 5px;
    }

    .multi-air-row {
        counter-reset: section;
    }

        .multi-air-row .row.four-col {
            counter-increment: section;
        }

            .multi-air-row .row.four-col:before {
                content: counter(section);
                width: 18px;
                text-align: center;
                height: 18px;
                font-size: 15px;
                color: #fff;
                line-height: 18px;
                font-weight: 400;
                background: #48C0B1;
                border-radius: 3px;
                display: block;
                position: absolute;
                top: 7px;
            }

            .multi-air-row .row.four-col .input-field:first-child label {
                padding-left: 24px;
            }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        background: #48C0B1 !important;
        color: #fff !important;
        border: none;
    }

    .iscity-C0:before,
    .iscity-A0:before
    {
        display: inline-block;
        content: '';
        opacity: 0.4;
        position: relative;
        top: 3px;
        margin-right: 4px;
        width: 20px;
        height: 20px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAADpElEQVR4Ae3aA9DsSBQF4DNa2+ZvZNL3lNa2d0tr24W1bdu2bdu2beO5l8/InX/6JpmqfKdcgz4dA4VCoVAohNQ7mSwrB8k5cjOf4gcyiL/zA3lcbpZzeIAsyxpyrMLV5Ab+Tj+J/C7XcTVUkDcLTCG7yWf0ushnsnvb5MiNqtuZX9I3mC+5A6rIHtfme/QDzHtuTWSqIifSNxc5IbMtgtPLffTNR+7j9EhffW6+TR8ob0XzIF2cTz6nDxf5nPMhPV0z8336wHm/a2akgzU+TW+Qp1M6TvMieqNcBHvcgN4wG8BW2+TyuWUB+dz4FEP2obeN7Gt76PrNvMBvhoc1OZbePnKM2e5TfqVPIb8Y7U5lHf0gZJBc5TaJ43iGvxO7TeQqGUT9t9eBBblKPYR73PwYh5ufd6sLXA0DJf6kHMCRmLCSHE6vyk8oIbR4MeXsHY5JcEfQaxIvhtDcnrqVJ2HuSryHXpG9EJqcr9l0k8/r++ZVbc7nITR5RFHgMijIZYpfegSh8YNQp2Ka00H5EKHxe/qkRJ1QiDoVU/E9QpMR9EnpnBYKndMqlsBwhMY/6JPSNh0U2qajT8wfCI2f0CfF9UDB9SgKfILQ+EKaGzFfQGiqA9AVUOAVqgNiaHK66kC2IBJEC2oOZHI6QpPNdLcJk04ldLcjZTOEVu9Vn4tOAo+i16Tei+DK/KPJ89GSHEavyh8oIzy5o5kLmv6FeI/2+3InLHCrRi8pXT2egdO7uttEruIQenW2MrqlKyPo7SMjemeCDT5An0IegBW3XSoFtoeVaGoZZD18GcSpYEcuNC9wISzFi1oXiBeFLb5tOv/vwppsZlpgM5irykdmBT5GFfbcFlYF3BYwYr8M7OfffjuQzZGaMt8MXuAtlJEet17oAm49pEteClrgFaTNLR/0+LsC0sdrgxW4FlnonSPMU0v5tW92ZIPb257/2yvJ403P/xMoITtRJ4c1VWBY1IlsydFNzf/RyNo8U/KTARf4dJ4pkb14rQHv/ddCPvCKARW4AnnRNh2/aHj4X7RNh/yIl260gFsK+dLYW9RyEvKGNXlOXeB51pA/9bn5nWr437u5kE/x0jI8+RG2WxL5JQcmFjgQuVbmU5Ms8DTKyLe+eeWHic7+j9E8yD+uOOEtQYZzRbQG2W2CBXaDHfsX1OR8tJSKPDnW8J9EBa0lmk2+HjX8r6PZ0Hoo/z8bHkJBa5Kt6ella7QuHsWjYKZQKBQKhb8AaFXSW3c/idsAAAAASUVORK5CYII=) center no-repeat;
        background-size: contain;
    }

    .iscity-C1:before,
    .iscity-A1:before {
        display: inline-block;
        content: '';
        opacity: 0.4;
        position: relative;
        top: -2px;
        margin-right: 9px;
        width: 15px;
        height: 16px;
        border-left: 2px solid #464646;
        border-bottom: 2px solid #464646;
    }

    .ui-menu .ui-menu-item-wrapper {
        font-size: 14px;
        font-weight: 400;
    }

    .icon-addition,
    .icon-subtraction {
        background: #3fa9f5;
        color: #fff;
        margin: 0 10px;
    }

    .air-search-wrap .air-search-tabs-btn li a {
        font-weight: 300;
    }

    .air-search-wrap .top{
        margin-top:180px;
    }

    /*該屬性導致手機版主頁背景圖無法顯示*/
    /*html.landing .landing-banner {
        background: #fff !important;
    }*/

    .air-search-wrap .bottom{
        background:none;
    }

    .flight-landing-ad .label-promo li {
        display: block;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #E6E6E6;
    }

        .flight-landing-ad .label-promo li:last-child {
            border-bottom: none;
        }
        .flight-landing-ad .label-promo li .txt {
            color: #969696;
            line-height: 33px;
        }
    .flight-landing-ad{
        margin-bottom:25px;
    }
}

        .flight-landing-ad .label-promo li h4 {
            color: #333;
        }
    .air-search-wrap .bottom {
        padding: 20px 18px !important;
    }

    .air-search-wrap .air-search-tabs-btn{
        border:none;
    }

    .trigger-location-selector#form_from:before,
    .trigger-location-selector:first-child:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAACLElEQVR4AeyYJZhWQRiFB3cqduO6z3ewHtCORdwhbi+QcGtsYxtbkB5wSTgUtOIOs2l95/ezz9znOe/p4Z077y/XiVojhBCibobtxysEBLyy/XUzXL7wi/EEYdie+MUuR0yymwgjZzfdpPyc/zaEsfPbXF7A7fEE7E5+BL6NK/A1PwJh/EmAhwQkIAEJSEACEpCABCQgAQlIQAIS6MjQFxNAX0fmkmYKDtlXhPjsix12k12adHXhIUIJe9jV5VKjda4dt38IJe6vneiYk1K06/EGocy9wfpUor2MUGSEqPnRDo4YNT9aatT8aIlR86MlRs2Plho1P1pi1PxoqVHzoyVGzY+WGDU/WnrU/Gj5UfOj5UfNj9b+4xa60YQQWRO6ccv+06MuP1r7Zdf97taFpfwnxiLbZdfwmxg1Qhn7ZL1+U938cv/U1823jXYJnxBKX60F3tsFW4Np1byVaJ1uq3EeHyZa4CmO2ko3qWavVSZhBY7Yc7bAYKSs90IDkRMERkbKEhiI3O+26/hdjUA8Ur7AYOR+k/XiUxUCkUj5AiMjX2MX8KFcgUikbIFikevlrgTISEACEpCABCQggWwWemIC6MlmubSxZnuMEJ89tmaXLtiC7whF9h1bXIpgtl1EiIx3lfhXh3+V+Fcn/auEUNkcEwn8sKv+gNVZnT9gV/EjRwL2Aqf82pGfM9ksvxan8DJlgcEzdwUYfB5pCQyeeWkMPg8nhBBC9I8KAADBIckZc/p3LQAAAABJRU5ErkJggg==);
    }

#round_trip .four-col .input-field:nth-child(-n+2):before,
#one_way .three-col .input-field:nth-child(1):before,
#multi .four-col .flight-last-filed-width:before {
    display: block;
    content: '';
    position: absolute;
    /*top: 34px;*/
    left: 7px;
    /*opacity: 0.4;*/
    width: 20px;
    height: 20px;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAABOElEQVR4Ae3bv0rDYBSG8eNUkN5C65KtXXreW6uzm+jsot6CqJegTk6FehuCUAr+b/I5O8mXhubEPM87Fgq/IWTJsZyIiIiUfi/a/wEAAAAAgGabjvzQ77VS2vFWutN8OrJtmgx165VSe/NKV5Oh1asYaKEUYItiYHXyM6UY83PLT2NtwgBKLyw3P1KKs9lxPuAxEsCX+YDnSAC9Wm56U4o0ALkDAOC93wAAAPwDQKMDYDtOAD4BAADQaYC+/jlAqfnfAQAIBfgGAKDngE2nX2QAAADwstsAAAAAVJ0GAAAAQKm7AAAAAAAAAGAPAICeA0xrpUBbW26+jATwp3zAaSSATiy32YGXcT6/19jy88swgAurk/ZjPAe+LAa1j4D8pu0jIL+eDG2bNNa8lTOsF3/46wyLiIjoB0A28jQeaQdYAAAAAElFTkSuQmCC);*/
    background-position: center;
    background-size: contain;
}
 

#round_trip .four-col .input-field:nth-child(1) {
    margin-right: 1%;
}
#round_trip .four-col .input-field:nth-child(2) {
    margin-left: 1%;
}

    .caleran-popup-right .caleran-box-arrow-top {
        left: 51%;
    }

.flight-landing-banner .air-search-wrap{
    position: inherit;
}

.landing-banner {
    padding: 80px 0 0px;
}

.flight-landing-ad .label-promo {
    display: block;
}
.landing-banner .location-selector-wrap {
    margin-top: 102px !important;
}

.page-home #flight-ticket .location-selector-wrap {
    margin-top: 55px !important; 
}

.popup-selector-wrap {
    margin-top: 85px;
}

/*機票搜索框改版*/
#header ul.nav-wrap{
    padding-right:0;
}

.flight-landing-banner .air-search-wrap{
    margin-left: 40px !important;
    margin-bottom:50px;
}

.landing-banner{
    align-items:flex-start;
}

/*.banner-content>.container{
     margin-top:250px;
}*/

.flight-landing-banner .top{
    display:flex;
    justify-content:space-between;
    background-color:#3fa9f5;
    height:54px;
    border:1px solid #ccc;
    box-sizing:border-box;
}

.top .flightIcon {
    background: url('../img/common/icon_flight.png') 15px center no-repeat;
    font-size:24px;
    color:#fff;
    line-height:54px;
    padding-left:65px;
 }

.flightgreyIcon {
    background: url('../img/common/icon_flight_grey.png') 0px center no-repeat;
    width: 36px;
    height: 36px;
}

.flight-landing-banner .air-search-wrap .air-search-tabs-btn{
    background-color:#3fa9f5;
    width:unset;
    margin-right:15px;
}

.flight-landing-banner .air-search-wrap .air-search-tabs-btn li a{
    color: #fff;
    font-size:18px;
    border-bottom: 2px solid #3fa9f5;
}

.flight-landing-banner .air-search-wrap .air-search-tabs-btn li a.active{
    color: #fff;
    border-bottom: 2px solid #fff;
}

.flight-landing-banner .air-search-wrap .bottom {
    padding: 20px 30px !important;
    background-color:rgba(255,255,255,1)
}

.input-field label{
    font-size:16px;
    color:#898989;
}

#round_trip .four-col .input-field{
    padding-top:10px;
    margin:0 !important;
    
}

#one_way .three-col .input-field:nth-child(1):before,
#round_trip .input-field.dateIcon:before,
 #multi .four-col .flight-last-filed-width:before {
        background-image: url('../img/common/icon_calender2.png');
        background-size:100% auto;
        top:47px;
        opacity:1;
    }

.air-search-full-wrapB #round_trip .dateIcon>input,.air-search-full-wrapB #one_way .dateIcon>input{
     background: url('../img/common/icon_calender2.png') 10px center no-repeat ;
     background-size:20px auto;
     padding-left:40px; 
}

.air-search-full-wrapB #round_trip .four-col .input-field:nth-child(-n+2):before{
    background:none;
}

.flightFromCity, .flightToCity {
    background: url('../img/common/icon_city.png') 5px center no-repeat !important;
    padding-left:30px !important;
}

.air-search-wrap .bottom .row .input-field label {
    padding-left: 10px;
}

.air-search-tabs-content .input-field{
    padding-top:10px;
}

.air-search-tabs-content select {
    background-image: url('../img/common/icon_arrowdown_gray.png');
    background-size: auto;
}

.landing-banner .location-selector-wrap {
    margin-top: 83px !important;
}

.ui-menu .ui-menu-item>div{
    line-height: 1.8;
    padding-left: 40px;
    background: url('../img/common/iconcity.png') 10px center no-repeat;
    background-size:20px auto;
}

.ui-menu .ui-menu-item>div.iscity-A1{
    padding-left:65px;
    background: url('../img/common/iconairport.png') 38px center no-repeat;
    background-size:20px auto;
}

.ui-widget-content .ui-state-active{
    border:1px solid #fff;
    color:#f3517e;
}

.bg-grey01{
    margin-top:15px;
    margin-bottom:15px;
}


.loadingBtn{
    width:20px;
    margin:0 auto;
}

.disableBtn{
    cursor:not-allowed;
    pointer-events:none;

}

.btn-box.icon-addition,
.btn-box.icon-subtraction {
    position: relative;
    display: inline-flex;
    height: 42px;
    line-height: 30px;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    background-color: transparent;
    border: 1px solid #fc9900;
    color: #fff;
    background: #fc9900;
    font-size: 24px;
    font-weight: bold;
}

.btn-box.icon-subtraction {
    padding: 5px 18px;
}
    /*wwwpkg 20181222*/
    /* for desktop version */
    #round_trip .four-col .input-field {
        margin-bottom: 0;
    }


.content-wrapB .filter-btn {
    display: none;
}


/* for moblie version */

@media screen and (max-width: 993px) {
    .air-search-full-wrap {
        border: none !important;
    }

    .air-search-wrap .air-search-tabs-btn li a.active {
        color: #fff;
        border: 2px solid #3fa9f5;
        background: #3fa9f5;
        border-radius: 6px;
    }

    .air-search-wrap .air-search-tabs-btn li a {
        border: 1px solid #3fa9f5 !important;
        border-radius: 6px;
        margin: 0;
        width: 100%;
    }

    .air-search-wrap.air-search-full-wrap .air-search-tabs-btn {
        border: none;
    }

    .air-search-wrap .air-search-tabs-btn li {
        min-width: 31%;
        margin: 0 1%;
        display: inline-block;
    }

    .air-search-wrap .bottom {
        padding: 20px 5px !important;
    }

        .air-search-wrap .bottom .row .input-field label {
            color: #969696;
        }

    .input-field input[type=email].input-01,
    .input-field input[type=text].input-01,
    .input-field input[type=password].input-01,
    .input-field input[type=tel].input-01,
    .input-field input[type=number].input-01 {
        color: #969696;
    }

    .location-selector-wrap .location-lv1-wrap a {
        color: #5f5f5f;
    }

    .location-selector-wrap {
        z-index: 99;
        margin-top: 34px;
    }

    .popup-datepicker #popup_calendar {
        margin-top: 0 !important;
    }

    .popup-datepicker {
        width: 100%;
    }

    .input-field select.select-01 {
        border-radius: 0;
    }

    .air-search-wrap .air-search-tabs-btn li a {
        padding: 12px 10px !important;
    }

    .input-field input[type='submit'].submit-01 {
        line-height: 18px;
    }

    .btn-wrap.ta-r.bg-pink02 {
        border-radius: 5px;
    }

    .trigger-location-selector:before {
        display: block;
        content: '';
        position: absolute;
        top: 36px;
        left: 7px;
        opacity: 0.4;
        width: 20px;
        height: 20px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAADpElEQVR4Ae3aA9DsSBQF4DNa2+ZvZNL3lNa2d0tr24W1bdu2bdu2beO5l8/InX/6JpmqfKdcgz4dA4VCoVAohNQ7mSwrB8k5cjOf4gcyiL/zA3lcbpZzeIAsyxpyrMLV5Ab+Tj+J/C7XcTVUkDcLTCG7yWf0ushnsnvb5MiNqtuZX9I3mC+5A6rIHtfme/QDzHtuTWSqIifSNxc5IbMtgtPLffTNR+7j9EhffW6+TR8ob0XzIF2cTz6nDxf5nPMhPV0z8336wHm/a2akgzU+TW+Qp1M6TvMieqNcBHvcgN4wG8BW2+TyuWUB+dz4FEP2obeN7Gt76PrNvMBvhoc1OZbePnKM2e5TfqVPIb8Y7U5lHf0gZJBc5TaJ43iGvxO7TeQqGUT9t9eBBblKPYR73PwYh5ufd6sLXA0DJf6kHMCRmLCSHE6vyk8oIbR4MeXsHY5JcEfQaxIvhtDcnrqVJ2HuSryHXpG9EJqcr9l0k8/r++ZVbc7nITR5RFHgMijIZYpfegSh8YNQp2Ka00H5EKHxe/qkRJ1QiDoVU/E9QpMR9EnpnBYKndMqlsBwhMY/6JPSNh0U2qajT8wfCI2f0CfF9UDB9SgKfILQ+EKaGzFfQGiqA9AVUOAVqgNiaHK66kC2IBJEC2oOZHI6QpPNdLcJk04ldLcjZTOEVu9Vn4tOAo+i16Tei+DK/KPJ89GSHEavyh8oIzy5o5kLmv6FeI/2+3InLHCrRi8pXT2egdO7uttEruIQenW2MrqlKyPo7SMjemeCDT5An0IegBW3XSoFtoeVaGoZZD18GcSpYEcuNC9wISzFi1oXiBeFLb5tOv/vwppsZlpgM5irykdmBT5GFfbcFlYF3BYwYr8M7OfffjuQzZGaMt8MXuAtlJEet17oAm49pEteClrgFaTNLR/0+LsC0sdrgxW4FlnonSPMU0v5tW92ZIPb257/2yvJ403P/xMoITtRJ4c1VWBY1IlsydFNzf/RyNo8U/KTARf4dJ4pkb14rQHv/ddCPvCKARW4AnnRNh2/aHj4X7RNh/yIl260gFsK+dLYW9RyEvKGNXlOXeB51pA/9bn5nWr437u5kE/x0jI8+RG2WxL5JQcmFjgQuVbmU5Ms8DTKyLe+eeWHic7+j9E8yD+uOOEtQYZzRbQG2W2CBXaDHfsX1OR8tJSKPDnW8J9EBa0lmk2+HjX8r6PZ0Hoo/z8bHkJBa5Kt6ella7QuHsWjYKZQKBQKhb8AaFXSW3c/idsAAAAASUVORK5CYII=);
        background-position: center;
        background-size: contain;
    }

    .input-field.trigger-location-selector input {
        padding-left: 28px !important;
    }

    .input-field.datepicker-wrap {
        width: 49% !important;
        float: left;
    }

        .input-field.datepicker-wrap[planid="return_date"] {
            margin-left: 2%;
        }

    .datepicker-wrap:before {
        display: block;
        content: '';
        position: absolute;
        top: 36px;
        left: 7px;
        opacity: 0.4;
        width: 20px;
        height: 20px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAABOElEQVR4Ae3bv0rDYBSG8eNUkN5C65KtXXreW6uzm+jsot6CqJegTk6FehuCUAr+b/I5O8mXhubEPM87Fgq/IWTJsZyIiIiUfi/a/wEAAAAAgGabjvzQ77VS2vFWutN8OrJtmgx165VSe/NKV5Oh1asYaKEUYItiYHXyM6UY83PLT2NtwgBKLyw3P1KKs9lxPuAxEsCX+YDnSAC9Wm56U4o0ALkDAOC93wAAAPwDQKMDYDtOAD4BAADQaYC+/jlAqfnfAQAIBfgGAKDngE2nX2QAAADwstsAAAAAVJ0GAAAAQKm7AAAAAAAAAGAPAICeA0xrpUBbW26+jATwp3zAaSSATiy32YGXcT6/19jy88swgAurk/ZjPAe+LAa1j4D8pu0jIL+eDG2bNNa8lTOsF3/46wyLiIjoB0A28jQeaQdYAAAAAElFTkSuQmCC);
        background-position: center;
        background-size: contain;
    }

    .datepicker-wrap input {
        padding-left: 28px !important;
    }

    .calendar-wrap.popup-datepicker {
        max-width: inherit;
        width: 160%;
    }

    .multi-air-row .four-col {
        border-bottom: 1px solid #d2d2d2;
        padding: 10px 0 5px;
    }

    .multi-air-row {
        counter-reset: section;
    }

        .multi-air-row .row.four-col {
            counter-increment: section;
        }

            .multi-air-row .row.four-col:before {
                content: counter(section);
                width: 18px;
                text-align: center;
                height: 18px;
                font-size: 15px;
                color: #fff;
                line-height: 18px;
                font-weight: 400;
                background: #48C0B1;
                border-radius: 3px;
                display: block;
                position: absolute;
                top: 7px;
            }

            .multi-air-row .row.four-col .input-field:first-child label {
                padding-left: 24px;
            }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        background: #48C0B1 !important;
        color: #fff !important;
        border: none;
    }

    .iscity-C0:before,
    .iscity-A0:before
    {
        display: inline-block;
        content: '';
        opacity: 0.4;
        position: relative;
        top: 3px;
        margin-right: 4px;
        width: 20px;
        height: 20px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAADpElEQVR4Ae3aA9DsSBQF4DNa2+ZvZNL3lNa2d0tr24W1bdu2bdu2beO5l8/InX/6JpmqfKdcgz4dA4VCoVAohNQ7mSwrB8k5cjOf4gcyiL/zA3lcbpZzeIAsyxpyrMLV5Ab+Tj+J/C7XcTVUkDcLTCG7yWf0ushnsnvb5MiNqtuZX9I3mC+5A6rIHtfme/QDzHtuTWSqIifSNxc5IbMtgtPLffTNR+7j9EhffW6+TR8ob0XzIF2cTz6nDxf5nPMhPV0z8336wHm/a2akgzU+TW+Qp1M6TvMieqNcBHvcgN4wG8BW2+TyuWUB+dz4FEP2obeN7Gt76PrNvMBvhoc1OZbePnKM2e5TfqVPIb8Y7U5lHf0gZJBc5TaJ43iGvxO7TeQqGUT9t9eBBblKPYR73PwYh5ufd6sLXA0DJf6kHMCRmLCSHE6vyk8oIbR4MeXsHY5JcEfQaxIvhtDcnrqVJ2HuSryHXpG9EJqcr9l0k8/r++ZVbc7nITR5RFHgMijIZYpfegSh8YNQp2Ka00H5EKHxe/qkRJ1QiDoVU/E9QpMR9EnpnBYKndMqlsBwhMY/6JPSNh0U2qajT8wfCI2f0CfF9UDB9SgKfILQ+EKaGzFfQGiqA9AVUOAVqgNiaHK66kC2IBJEC2oOZHI6QpPNdLcJk04ldLcjZTOEVu9Vn4tOAo+i16Tei+DK/KPJ89GSHEavyh8oIzy5o5kLmv6FeI/2+3InLHCrRi8pXT2egdO7uttEruIQenW2MrqlKyPo7SMjemeCDT5An0IegBW3XSoFtoeVaGoZZD18GcSpYEcuNC9wISzFi1oXiBeFLb5tOv/vwppsZlpgM5irykdmBT5GFfbcFlYF3BYwYr8M7OfffjuQzZGaMt8MXuAtlJEet17oAm49pEteClrgFaTNLR/0+LsC0sdrgxW4FlnonSPMU0v5tW92ZIPb257/2yvJ403P/xMoITtRJ4c1VWBY1IlsydFNzf/RyNo8U/KTARf4dJ4pkb14rQHv/ddCPvCKARW4AnnRNh2/aHj4X7RNh/yIl260gFsK+dLYW9RyEvKGNXlOXeB51pA/9bn5nWr437u5kE/x0jI8+RG2WxL5JQcmFjgQuVbmU5Ms8DTKyLe+eeWHic7+j9E8yD+uOOEtQYZzRbQG2W2CBXaDHfsX1OR8tJSKPDnW8J9EBa0lmk2+HjX8r6PZ0Hoo/z8bHkJBa5Kt6ella7QuHsWjYKZQKBQKhb8AaFXSW3c/idsAAAAASUVORK5CYII=) center no-repeat;
        background-size: contain;
    }

    .iscity-C1:before,
    .iscity-A1:before {
        display: inline-block;
        content: '';
        opacity: 0.4;
        position: relative;
        top: -2px;
        margin-right: 9px;
        width: 15px;
        height: 16px;
        border-left: 2px solid #464646;
        border-bottom: 2px solid #464646;
    }

    .ui-menu .ui-menu-item-wrapper {
        font-size: 14px;
        font-weight: 400;
    }

    .icon-addition,
    .icon-subtraction {
        background: #3fa9f5;
        color: #fff;
        margin: 10px 0px 0px;
    }

    .air-search-wrap .air-search-tabs-btn li a {
        font-weight: 300;
    }

    .air-search-wrap .top {
        margin-top: 180px;
    }

    /*html.landing .landing-banner {
        background: #fff !important;
    }*/

    .air-search-wrap .bottom {
        background: none;
    }

    .flight-landing-ad .label-promo li {
        display: block;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #E6E6E6;
    }

        .flight-landing-ad .label-promo li:last-child {
            border-bottom: none;
        }

        .flight-landing-ad .label-promo li .txt {
            color: #969696;
            line-height: 33px;
        }

    .flight-landing-ad {
        margin-bottom: 25px;
    }



        .flight-landing-ad .label-promo li h4 {
            color: #333;
        }

    .air-search-wrap .bottom {
        padding: 20px 18px !important;
    }

    .air-search-wrap .air-search-tabs-btn {
        border: none;
    }




    #round_trip .four-col .input-field:nth-child(-n+2) {
        float: left;
    }

    #round_trip .four-col .input-field:nth-child(-n+2) {
        float: none !important;
        display: inline-block !important;
        width: 49% !important;
    }

    #round_trip .four-col .input-field:nth-child(1) {
        margin-right: 1%;
    }

    #round_trip .four-col .input-field:nth-child(2) {
        margin-left: 1%;
    }

    .caleran-popup {
        left: 0 !important;
    }

    .caleran-popup-right .caleran-box-arrow-top {
        left: 51%;
    }

    .flight-landing-banner .air-search-wrap {
        position: inherit;
        /*margin-top: -150px;*/
    }

    .landing-banner {
        padding: 80px 0 0px;
    }

    .flight-landing-ad .label-promo {
        display: block;
    }

    .landing-banner .location-selector-wrap {
        margin-top: 102px !important;
    }

    .popup-selector-wrap {
        margin-top: 102px;
    }

    #round_trip .four-col .input-field {
        margin-bottom: 20px;
    }

    .air-search-full-wrapB .top {
        margin-top: 0;
    }

    .air-search-full-wrapB .input-field {
        margin-bottom: 20px !important;
    }

    .departure-info-table .mid {
        display: none;
    }

    ul.flight-list li {
        width: auto !important;
    }


    .content-wrapB .btn-flight-details {
        position: absolute !important;
        bottom: 20px !important;
        left: 20px !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        text-align: left !important;
    }

    .departure-info-table .flight-price {
        float: none !important;
        width: 100% !important;
        margin-top: 0 !important;
        text-align: right !important;
        justify-content: flex-end !important;
    }

    .content-wrapB .btn-wrap {
        width: 0 !important;
        margin-left: 0;
        padding: 0;
    }

        .content-wrapB .btn-wrap .btn.no-icon-small {
            position: absolute !important;
            top: 20px !important;
            right: 20px !important;
        }

    .flight-detail-info ul {
        flex-wrap: wrap;
    }

        .flight-detail-info ul li {
            width: 100%;
        }

    .content-wrapB .flight-detail-info {
        margin-bottom: 40px;
    }

        .content-wrapB .flight-detail-info ul li:nth-child(3) {
            margin-top: 40px;
        }

    .air-search-full-wrap .choose-multi-air {
        text-align: right;
    }

    .passenger-infoB {
        display: none;
    }

    .passenger-info-dropdownB {
        display: none;
    }

    .section.searchfield {
        display: none;
    }

    .table.table-style-1 {
        display: none;
    }

    .content-wrapB .filter-btn {
        background: #4BBDA8;
        position: relative;
        float: right;
        top: -50px;
        display: inline-block !important;
    }

    .bg-white.departure-info-table {
        padding-top: 10px !important;
    }

    .passenger-info .txt, .departure-info-table .txt {
        color: #969696;
        font-size: 12px;
    }

    ul.flight-list li {
        color: #969696;
        position: relative;
        font-size: 12px;
        text-align: left;
    }

    .passenger-info .txt, .departure-info-table .txt {
        line-height: inherit;
    }

    .icon-flight-company {
        position: absolute;
    }

    .departure-info-table .price-info{
        position: relative;
        right: -24px;
    }

    .passenger-info .txt, .departure-info-table .txt {
        padding-left: 20px;
    }


    ul.flight-list li.txt-c {
        font-size: 10.5px;
        margin: 0 10px;
    }

    ul.flight-list li.txt-c {
        font-size: 10.5px;
        margin: 0 0px 0 23px;
    }

    ul.multi-departure li:first-child {
        font-weight: bold;
    }

    ul.multi-departure li,
    .flight-detail-info h5 {
        color: #969696;
    }

    .flight-detail-info ul li:nth-child(2) {
        width: 100%;
        padding: 0;
    }

    .content-wrapB .flight-detail-info ul li:nth-child(3) {
        margin-top: 10px;
    }

    ul.flight-list {
        width: calc(100% - 70px) !important;
    }

    .air-advanced-search {
        position: absolute;
        top: 0;
        right: 0;
    }

    .air-advanced-search {
        position: fixed;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 100%;
        top: 0;
        opacity:0;
        left: 0;
        z-index: 9999;
        width: 100%;
        padding-top: 56px;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all ease 500ms;
        -o-transition: all ease 500ms;
        transition: all ease 500ms;
    }

        .air-advanced-search.active {
            opacity:1;
            -webkit-transform: translateX(0%);
            -ms-transform: translateX(0%);
            -o-transform: translateX(0%);
            transform: translateX(0%);
        }

        .air-advanced-search .inner .input-field {
            padding: 0 10px;
        }

    .content-wrapT .input-field {
        padding: 0 10px !important;
    }

    .content-wrapT {
        margin-bottom: 0;
        padding:20px !important;
    }

    .air-advanced-search-overlay {
        display: none;
        background: rgba(0,0,0,0.7);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        height: 100%;
    }

    .air-advanced-search:before {
        font-family: 'Material Icons';
        content: 'close';
        display: block;
        color: #fff;
        text-align: center;
        opacity: 0;
        position: absolute;
        cursor: pointer;
        width: 50px;
        line-height: 50px;
        font-size: 30px;
        z-index: 10000000;
        top: 0;
        height: 50px;
        right: 80%;
        -webkit-transition: opacity ease 200ms;
        -o-transition: opacity ease 200ms;
        transition: opacity ease 200ms;
        transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
    }

        .air-advanced-search.active:before{
            opacity:1;
        }


        .air-advanced-search #search_head {
            color: #ffffff;
            background: #4bbdad;
            width: 100%;
            position: fixed;
            right: 0;
            top: 0;
            padding: 20px;
            display: inline-flex;
            min-height:68px;
        }

    .content-wrapT {
        padding-left: 0;
        padding-right: 0;
        position: fixed;
        top: 60px;
        right: 0;
        width: 100%;
    }
}

@media screen and (max-width: 433px) { 
}

/*wwwpkg 20181222 end*/




/* 新加 20181228 */
/* for desktop version */
#round_trip .four-col .input-field {
    margin-bottom: 0;
}


.content-wrapB .filter-btn {
    display: none;
}

.contact-person-info .flight-request-field {
    display: inline-flex;
    width: 100%;
}

    .contact-person-info .flight-request-field .input-field select.select-01{
        width:100%;
    }

    .contact-person-info .flight-request-field .input-field {
        padding-left: 0px !important;
        padding-right: 25px;
        width: 100%;
    }

    .contact-person-info .flight-request-field .input-field:last-child {
        padding-right: 0px;
    }

    .wifi-egg-details .col {
        min-width: 350px;
    }

    .wifi-egg-details .ori-price {
        color: #aaa;
        text-decoration: line-through;
    }

.wifi-egg-details .wifi-discount-price {
    color: #ff9600;
}

.wifi-egg .wifi-egg-wrap {
    padding: 15px;
    border: 1px solid #F5F5F5;
}

.wifi-egg .wifi-egg-wrap .input-field {
    margin-bottom:0px;
}

    .wifi-egg .wifi-egg-wrap .wifi-egg-details {
        margin-top: 10px;
    }


.air-tips-info {
    font-size: 14px;
    line-height: 18px;
    margin-left: 25px;
}

    .air-tips-info li:before {
        content: "";
        background: url(../img/common/icon_info_blue.png) no-repeat center;
        background-size: cover;
        width: 16px;
        height: 16px;
        position: absolute;
        margin-left: -25px;
    }


/* for moblie version */
@media screen and (max-width: 993px) {
    .air-search-full-wrap {
        border: none !important;
    }

    .air-search-wrap .air-search-tabs-btn li a.active {
        color: #fff;
        border: 2px solid #3fa9f5;
        background: #3fa9f5;
        border-radius: 6px;
    }

    .air-search-wrap .air-search-tabs-btn li a {
        border: 1px solid #3fa9f5 !important;
        border-radius: 6px;
        margin: 0;
        width: 100%;
    }

    .air-search-wrap.air-search-full-wrap .air-search-tabs-btn {
        border: none;
    }

    .air-search-wrap .air-search-tabs-btn li {
        min-width: 31%;
        margin: 0 1%;
        display: inline-block;
    }

    .air-search-wrap .bottom {
        padding: 20px 5px !important;
    }

        .air-search-wrap .bottom .row .input-field label {
            color: #969696;
        }

    .input-field input[type=email].input-01,
    .input-field input[type=text].input-01,
    .input-field input[type=password].input-01,
    .input-field input[type=tel].input-01,
    .input-field input[type=number].input-01 {
        color: #969696;
    }

    .location-selector-wrap .location-lv1-wrap a {
        color: #5f5f5f;
    }

    .location-selector-wrap {
        z-index: 99;
        margin-top: 34px;
    }

    .popup-datepicker #popup_calendar {
        margin-top: 0 !important;
    }

    .popup-datepicker {
        width: 100%;
    }

    .input-field select.select-01 {
        border-radius: 0;
    }

    .air-search-wrap .air-search-tabs-btn li a {
        padding: 12px 10px !important;
    }

    .input-field input[type='submit'].submit-01 {
        line-height: 18px;
    }

    .btn-wrap.ta-r.bg-pink02 {
        border-radius: 5px;
    }

    .trigger-location-selector:before {
        display: block;
        content: '';
        position: absolute;
        top: 36px;
        left: 7px;
        opacity: 0.4;
        width: 20px;
        height: 20px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAADpElEQVR4Ae3aA9DsSBQF4DNa2+ZvZNL3lNa2d0tr24W1bdu2bdu2beO5l8/InX/6JpmqfKdcgz4dA4VCoVAohNQ7mSwrB8k5cjOf4gcyiL/zA3lcbpZzeIAsyxpyrMLV5Ab+Tj+J/C7XcTVUkDcLTCG7yWf0ushnsnvb5MiNqtuZX9I3mC+5A6rIHtfme/QDzHtuTWSqIifSNxc5IbMtgtPLffTNR+7j9EhffW6+TR8ob0XzIF2cTz6nDxf5nPMhPV0z8336wHm/a2akgzU+TW+Qp1M6TvMieqNcBHvcgN4wG8BW2+TyuWUB+dz4FEP2obeN7Gt76PrNvMBvhoc1OZbePnKM2e5TfqVPIb8Y7U5lHf0gZJBc5TaJ43iGvxO7TeQqGUT9t9eBBblKPYR73PwYh5ufd6sLXA0DJf6kHMCRmLCSHE6vyk8oIbR4MeXsHY5JcEfQaxIvhtDcnrqVJ2HuSryHXpG9EJqcr9l0k8/r++ZVbc7nITR5RFHgMijIZYpfegSh8YNQp2Ka00H5EKHxe/qkRJ1QiDoVU/E9QpMR9EnpnBYKndMqlsBwhMY/6JPSNh0U2qajT8wfCI2f0CfF9UDB9SgKfILQ+EKaGzFfQGiqA9AVUOAVqgNiaHK66kC2IBJEC2oOZHI6QpPNdLcJk04ldLcjZTOEVu9Vn4tOAo+i16Tei+DK/KPJ89GSHEavyh8oIzy5o5kLmv6FeI/2+3InLHCrRi8pXT2egdO7uttEruIQenW2MrqlKyPo7SMjemeCDT5An0IegBW3XSoFtoeVaGoZZD18GcSpYEcuNC9wISzFi1oXiBeFLb5tOv/vwppsZlpgM5irykdmBT5GFfbcFlYF3BYwYr8M7OfffjuQzZGaMt8MXuAtlJEet17oAm49pEteClrgFaTNLR/0+LsC0sdrgxW4FlnonSPMU0v5tW92ZIPb257/2yvJ403P/xMoITtRJ4c1VWBY1IlsydFNzf/RyNo8U/KTARf4dJ4pkb14rQHv/ddCPvCKARW4AnnRNh2/aHj4X7RNh/yIl260gFsK+dLYW9RyEvKGNXlOXeB51pA/9bn5nWr437u5kE/x0jI8+RG2WxL5JQcmFjgQuVbmU5Ms8DTKyLe+eeWHic7+j9E8yD+uOOEtQYZzRbQG2W2CBXaDHfsX1OR8tJSKPDnW8J9EBa0lmk2+HjX8r6PZ0Hoo/z8bHkJBa5Kt6ella7QuHsWjYKZQKBQKhb8AaFXSW3c/idsAAAAASUVORK5CYII=);
        background-position: center;
        background-size: contain;
    }

    .input-field.trigger-location-selector input {
        padding-left: 28px !important;
    }

    .input-field.datepicker-wrap {
        width: 49% !important;
        float: left;
    }

        .input-field.datepicker-wrap[planid="return_date"] {
            margin-left: 2%;
        }

    .datepicker-wrap:before {
        display: block;
        content: '';
        position: absolute;
        top: 36px;
        left: 7px;
        opacity: 0.4;
        width: 20px;
        height: 20px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAABOElEQVR4Ae3bv0rDYBSG8eNUkN5C65KtXXreW6uzm+jsot6CqJegTk6FehuCUAr+b/I5O8mXhubEPM87Fgq/IWTJsZyIiIiUfi/a/wEAAAAAgGabjvzQ77VS2vFWutN8OrJtmgx165VSe/NKV5Oh1asYaKEUYItiYHXyM6UY83PLT2NtwgBKLyw3P1KKs9lxPuAxEsCX+YDnSAC9Wm56U4o0ALkDAOC93wAAAPwDQKMDYDtOAD4BAADQaYC+/jlAqfnfAQAIBfgGAKDngE2nX2QAAADwstsAAAAAVJ0GAAAAQKm7AAAAAAAAAGAPAICeA0xrpUBbW26+jATwp3zAaSSATiy32YGXcT6/19jy88swgAurk/ZjPAe+LAa1j4D8pu0jIL+eDG2bNNa8lTOsF3/46wyLiIjoB0A28jQeaQdYAAAAAElFTkSuQmCC);
        background-position: center;
        background-size: contain;
    }

    .datepicker-wrap input {
        padding-left: 28px !important;
    }

    .calendar-wrap.popup-datepicker {
        max-width: inherit;
        width: 160%;
    }

    .multi-air-row .four-col {
        border-bottom: 1px solid #d2d2d2;
        padding: 10px 0 5px;
    }

    .multi-air-row {
        counter-reset: section;
    }

        .multi-air-row .row.four-col {
            counter-increment: section;
        }

            .multi-air-row .row.four-col:before {
                content: counter(section);
                width: 18px;
                text-align: center;
                height: 18px;
                font-size: 15px;
                color: #fff;
                line-height: 18px;
                font-weight: 400;
                background: #48C0B1;
                border-radius: 3px;
                display: block;
                position: absolute;
                top: 7px;
            }

            .multi-air-row .row.four-col .input-field:first-child label {
                padding-left: 24px;
            }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        background: #48C0B1 !important;
        color: #fff !important;
        border: none;
    }

    .iscity-C0:before,
    .iscity-A0:before
    {
        display: inline-block;
        content: '';
        opacity: 0.4;
        position: relative;
        top: 3px;
        margin-right: 4px;
        width: 20px;
        height: 20px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAADpElEQVR4Ae3aA9DsSBQF4DNa2+ZvZNL3lNa2d0tr24W1bdu2bdu2beO5l8/InX/6JpmqfKdcgz4dA4VCoVAohNQ7mSwrB8k5cjOf4gcyiL/zA3lcbpZzeIAsyxpyrMLV5Ab+Tj+J/C7XcTVUkDcLTCG7yWf0ushnsnvb5MiNqtuZX9I3mC+5A6rIHtfme/QDzHtuTWSqIifSNxc5IbMtgtPLffTNR+7j9EhffW6+TR8ob0XzIF2cTz6nDxf5nPMhPV0z8336wHm/a2akgzU+TW+Qp1M6TvMieqNcBHvcgN4wG8BW2+TyuWUB+dz4FEP2obeN7Gt76PrNvMBvhoc1OZbePnKM2e5TfqVPIb8Y7U5lHf0gZJBc5TaJ43iGvxO7TeQqGUT9t9eBBblKPYR73PwYh5ufd6sLXA0DJf6kHMCRmLCSHE6vyk8oIbR4MeXsHY5JcEfQaxIvhtDcnrqVJ2HuSryHXpG9EJqcr9l0k8/r++ZVbc7nITR5RFHgMijIZYpfegSh8YNQp2Ka00H5EKHxe/qkRJ1QiDoVU/E9QpMR9EnpnBYKndMqlsBwhMY/6JPSNh0U2qajT8wfCI2f0CfF9UDB9SgKfILQ+EKaGzFfQGiqA9AVUOAVqgNiaHK66kC2IBJEC2oOZHI6QpPNdLcJk04ldLcjZTOEVu9Vn4tOAo+i16Tei+DK/KPJ89GSHEavyh8oIzy5o5kLmv6FeI/2+3InLHCrRi8pXT2egdO7uttEruIQenW2MrqlKyPo7SMjemeCDT5An0IegBW3XSoFtoeVaGoZZD18GcSpYEcuNC9wISzFi1oXiBeFLb5tOv/vwppsZlpgM5irykdmBT5GFfbcFlYF3BYwYr8M7OfffjuQzZGaMt8MXuAtlJEet17oAm49pEteClrgFaTNLR/0+LsC0sdrgxW4FlnonSPMU0v5tW92ZIPb257/2yvJ403P/xMoITtRJ4c1VWBY1IlsydFNzf/RyNo8U/KTARf4dJ4pkb14rQHv/ddCPvCKARW4AnnRNh2/aHj4X7RNh/yIl260gFsK+dLYW9RyEvKGNXlOXeB51pA/9bn5nWr437u5kE/x0jI8+RG2WxL5JQcmFjgQuVbmU5Ms8DTKyLe+eeWHic7+j9E8yD+uOOEtQYZzRbQG2W2CBXaDHfsX1OR8tJSKPDnW8J9EBa0lmk2+HjX8r6PZ0Hoo/z8bHkJBa5Kt6ella7QuHsWjYKZQKBQKhb8AaFXSW3c/idsAAAAASUVORK5CYII=) center no-repeat;
        background-size: contain;
    }

    .iscity-C1:before,
    .iscity-A1:before {
        display: inline-block;
        content: '';
        opacity: 0.4;
        position: relative;
        top: -2px;
        margin-right: 9px;
        width: 15px;
        height: 16px;
        border-left: 2px solid #464646;
        border-bottom: 2px solid #464646;
    }

    .ui-menu .ui-menu-item-wrapper {
        font-size: 14px;
        font-weight: 400;
    }

    .icon-addition,
    .icon-subtraction {
        background: #3fa9f5;
        color: #fff;
        margin: 10px 0px 0px;
    }

    .air-search-wrap .air-search-tabs-btn li a {
        font-weight: 300;
    }

    .air-search-wrap .top {
        margin-top: 180px;
    }

/*導致手機主頁banner圖片無法顯示*/
    /*html.landing .landing-banner {
        background: #fff !important;
    }*/

    html.landing .landing-banner.flight-landing-banner {
        background: #fff !important;
        display: block !important;
    }

    html.landing body.page-home .landing-banner.flight-landing-banner {
        display: none !important;
    }

    .marginbottom-m.ta-center {
        margin-top: 70px;
    }

    .air-search-wrap .bottom {
        background: none;
    }

    .flight-landing-ad .label-promo li {
        display: block;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #E6E6E6;
    }

        .flight-landing-ad .label-promo li:last-child {
            border-bottom: none;
        }

        .flight-landing-ad .label-promo li .txt {
            color: #969696;
            line-height: 33px;
        }

    .flight-landing-ad {
        margin-bottom: 25px;
    }



        .flight-landing-ad .label-promo li h4 {
            color: #333;
        }

    .air-search-wrap .bottom {
        padding: 20px 18px !important;
    }

    .air-search-wrap .air-search-tabs-btn {
        border: none;
    }


    .trigger-location-selector#form_from:before,
    .trigger-location-selector:first-child:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAACLElEQVR4AeyYJZhWQRiFB3cqduO6z3ewHtCORdwhbi+QcGtsYxtbkB5wSTgUtOIOs2l95/ezz9znOe/p4Z077y/XiVojhBCibobtxysEBLyy/XUzXL7wi/EEYdie+MUuR0yymwgjZzfdpPyc/zaEsfPbXF7A7fEE7E5+BL6NK/A1PwJh/EmAhwQkIAEJSEACEpCABCQgAQlIQAIS6MjQFxNAX0fmkmYKDtlXhPjsix12k12adHXhIUIJe9jV5VKjda4dt38IJe6vneiYk1K06/EGocy9wfpUor2MUGSEqPnRDo4YNT9aatT8aIlR86MlRs2Plho1P1pi1PxoqVHzoyVGzY+WGDU/WnrU/Gj5UfOj5UfNj9b+4xa60YQQWRO6ccv+06MuP1r7Zdf97taFpfwnxiLbZdfwmxg1Qhn7ZL1+U938cv/U1823jXYJnxBKX60F3tsFW4Np1byVaJ1uq3EeHyZa4CmO2ko3qWavVSZhBY7Yc7bAYKSs90IDkRMERkbKEhiI3O+26/hdjUA8Ur7AYOR+k/XiUxUCkUj5AiMjX2MX8KFcgUikbIFikevlrgTISEACEpCABCQggWwWemIC6MlmubSxZnuMEJ89tmaXLtiC7whF9h1bXIpgtl1EiIx3lfhXh3+V+Fcn/auEUNkcEwn8sKv+gNVZnT9gV/EjRwL2Aqf82pGfM9ksvxan8DJlgcEzdwUYfB5pCQyeeWkMPg8nhBBC9I8KAADBIckZc/p3LQAAAABJRU5ErkJggg==);
    }

    #round_trip .four-col .input-field:nth-child(-n+2):before,
    #one_way .three-col .input-field:nth-child(1):before,
    #multi .four-col .flight-last-filed-width:before {
        display: block;
        content: '';
        position: absolute;
        top: 37px;
        left: 7px;
        opacity: 0.4;
        width: 20px;
        height: 20px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAABOElEQVR4Ae3bv0rDYBSG8eNUkN5C65KtXXreW6uzm+jsot6CqJegTk6FehuCUAr+b/I5O8mXhubEPM87Fgq/IWTJsZyIiIiUfi/a/wEAAAAAgGabjvzQ77VS2vFWutN8OrJtmgx165VSe/NKV5Oh1asYaKEUYItiYHXyM6UY83PLT2NtwgBKLyw3P1KKs9lxPuAxEsCX+YDnSAC9Wm56U4o0ALkDAOC93wAAAPwDQKMDYDtOAD4BAADQaYC+/jlAqfnfAQAIBfgGAKDngE2nX2QAAADwstsAAAAAVJ0GAAAAQKm7AAAAAAAAAGAPAICeA0xrpUBbW26+jATwp3zAaSSATiy32YGXcT6/19jy88swgAurk/ZjPAe+LAa1j4D8pu0jIL+eDG2bNNa8lTOsF3/46wyLiIjoB0A28jQeaQdYAAAAAElFTkSuQmCC);
        background-position: center;
        background-size: contain;
    }

    #round_trip .four-col .input-field:nth-child(-n+2) input,
    #one_way .three-col .input-field:nth-child(1) input,
    #multi .four-col .flight-last-filed-width input {
        padding-left: 30px !important;
    }

    #round_trip .four-col .input-field:nth-child(-n+2) {
        float: left;
    }

    #round_trip .four-col .input-field:nth-child(-n+2) {
        float: none !important;
        display: inline-block !important;
        width: 49% !important;
    }

    #round_trip .four-col .input-field:nth-child(1) {
        margin-right: 1%;
    }

    #round_trip .four-col .input-field:nth-child(2) {
        margin-left: 1%;
    }

    .caleran-popup {
        left: 0 !important;
    }

    .caleran-popup-right .caleran-box-arrow-top {
        left: 51%;
    }

    .flight-landing-banner .air-search-wrap {
        position: inherit;
        /*margin-top: -150px;*/
    }

    .landing-banner {
        padding: 80px 0 0px;
    }

    .flight-landing-ad .label-promo {
        display: block;
    }

    .landing-banner .location-selector-wrap {
        margin-top: 102px !important;
    }

    .popup-selector-wrap {
        margin-top: 102px;
    }

    .flight-advanced-search-page .popup-selector-wrap {
        margin-top: 85px;
    }

    #round_trip .four-col .input-field {
        margin-bottom: 20px;
    }

    .air-search-full-wrapB .top {
        margin-top: 0;
    }

    .air-search-full-wrapB .input-field {
        margin-bottom: 20px !important;
    }

    .departure-info-table .mid {
        display: none;
    }

    ul.flight-list li {
        width: auto !important;
    }

    .content-wrapB .flight-group {
        position: relative !important;
        padding: 10px !important;
    }

    ul.flight-list li:last-child {
        width: auto !important;
        padding-left: 10px !important;
    }

    ul.flight-list li:last-child span.txt {
        padding-left: 0px !important;
    }


    #div_RouteList ul.flight-list li,
    .departure-info-table ul.flight-list li{
        min-width: 30%;
    }


        #div_RouteList ul.flight-list li.txt-c,
        .departure-info-table ul.flight-list li.txt-c {
            text-align: center;
        }


    .content-wrapB .btn-flight-details {
        position: absolute !important;
        bottom: auto !important;
        left: 20px !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        text-align: left !important;
        width: auto;
    }

    .departure-info-table .flight-price {
        float: none !important;
        width: 100% !important;
        margin-top: 10px !important;
        text-align: right !important;
        justify-content: flex-end !important;
    }

    .content-wrapB .btn-wrap {
        width: 0 !important;
        margin-left: 0;
        padding: 0;
    }

        .content-wrapB .btn-wrap .btn.no-icon-small {
            position: absolute !important;
            top: 10px !important;
            right: 20px !important;
        }

    .flight-detail-info ul {
        flex-wrap: wrap;
    }

        .flight-detail-info ul li {
            width: 100%;
        }

    .content-wrapB .flight-detail-info {
        margin-bottom: 20px;
    }

    .content-wrapB .flight-detail-info ul li:nth-child(3) {
        margin-top: 40px;
    }

    .air-search-full-wrap .choose-multi-air {
        text-align: right;
    }

    .passenger-infoB {
        display: none;
    }

    .passenger-info-dropdownB {
        display: none;
    }

    .section.searchfield {
        display: block;
    }

    .table.table-style-1 {
        display: none;
    }

    .content-wrapB .filter-btn {
        background: #4BBDA8;
        position: relative;
        float: right;
        top: -50px;
        display: inline-block !important;
    }

    .bg-white.departure-info-table {
        padding-top: 10px !important;
    }

    .passenger-info .txt, .departure-info-table .txt {
        color: #969696;
        font-size: 12px;
    }

    ul.flight-list li {
        color: #969696;
        position: relative;
        font-size: 12px;
        text-align: left;
    }

    .passenger-info .txt, .departure-info-table .txt {
        line-height: inherit;
    }

    .icon-flight-company {
        position: absolute;
    }

    .departure-info-table .price-info {
        position: relative;
        right: -24px;
    }

    .passenger-info .txt, .departure-info-table .txt {
        padding-left: 25px;
    }


    ul.flight-list li.txt-c {
        font-size: 10.5px;
        margin: 0 10px;
    }

    ul.flight-list li.txt-c {
        font-size: 10.5px;
        margin: 0 0px 0 10px;
    }

    .flight-group{
        margin-bottom:15px;
    }

    .departure-info-table .price {
        font-size: 20px;
    }

    .departure-info-table .flight_type{
        padding:0px;
    }

    ul.multi-departure li:first-child {
        font-weight: bold;
    }

    ul.multi-departure li,
    .flight-detail-info h5 {
        color: #969696;
        text-align:left;
    }

    .flight-detail-info h5 {
        font-size: 16px;
        line-height: 20px;
    }


    .flight-detail-info ul li:nth-child(2) {
        width: 100%;
        padding: 0;
    }

    .content-wrapB .flight-detail-info ul li:nth-child(3),
    .air-destination-page .content-wrapC .flight-detail-info ul li:nth-child(3) {
        margin-top: 10px;
        padding-left: 0px;
    }

    .flight-detail-info ul li {
        line-height: 16px;
        font-size:13px;
    }
     
    .air-advanced-search {
        position: absolute;
        top: 0;
        right: 0;
    }

    .air-advanced-search {
        position: fixed;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 100%;
        top: 0;
        opacity:0;
        right: 0;
        left:unset;
        z-index: 9999;
        width: 80%;
        padding-top: 56px;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all ease 500ms;
        -o-transition: all ease 500ms;
        transition: all ease 500ms;
    }

        .air-advanced-search.active {
            opacity:1;
            -webkit-transform: translateX(0%);
            -ms-transform: translateX(0%);
            -o-transform: translateX(0%);
            transform: translateX(0%);
        }

        .air-advanced-search .inner .input-field {
            padding: 0 10px;
        }

    .content-wrapT .input-field {
        padding: 0 10px !important;
    }

    .content-wrapT {
        margin-bottom: 0;
        padding:20px !important;
    }

    .air-advanced-search-overlay {
        display: none;
        background: rgba(0,0,0,0.7);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        height: 100%;
    }

    .air-advanced-search:before {
        font-family: 'Material Icons';
        content: 'close';
        display: block;
        color: #fff;
        text-align: center;
        opacity: 0;
        position: absolute;
        cursor: pointer;
        width: 50px;
        line-height: 50px;
        font-size: 30px;
        z-index: 10000000;
        top: 0;
        height: 50px;
        right: 100%;
        -webkit-transition: opacity ease 200ms;
        -o-transition: opacity ease 200ms;
        transition: opacity ease 200ms;
        transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
    }

        .air-advanced-search.active:before{
            opacity:1;
        }


        .air-advanced-search #search_head {
            color: #ffffff;
            background: #4bbdad;
            width: 100%;
            position: fixed;
            right: 0;
            top: 0;
            padding: 20px;
            display: inline-flex;
        }

    .content-wrapT {
        padding-left: 0;
        padding-right: 0;
        position: fixed;
        top: 60px;
        right: 0;
        width: 100%;
    }

    .air-search-full-wrap{
        padding-bottom:0px;
    }

    .air-search-full-wrap #round_trip .four-col .input-field.dateIcon {
        display: inline-grid !important;
    }

    .air-search-full-wrap .input-field.dateIcon input {
        padding-left: 35px !important;
        min-width: auto;
    }


    /* 2/1/2019 edit */
    .iscity-C1:before,
    .iscity-A1:before,
    .choose-multi-air .errortext {
        display: none !important;
    }
    .air-search-wrap .air-search-tabs-btn li a {
        padding: 12px 0px !important;
    }

    .flight-landing-banner .air-search-wrap .bottom {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .banner-content > .container {
        margin-top: 0px;
    }

    .flight-landing-banner .air-search-wrap {
        margin-left:0px !important;
        margin-top:-150px !important;
    }

    .top .flightIcon{
        font-size: 0px;
        padding-left: 50px;
        line-height: 0px;
        background-position-x: 8px;
        background-color: #3fa9f5;
    }

    .flight-landing-banner .air-search-wrap .air-search-tabs-btn{
        margin-right: 0px;
        width: 100%;
        background-color: #ffffff;
    }

    .flight-landing-banner .top {
        height: auto;
        border: 0px;
    }

    .flight-landing-banner .air-search-wrap .air-search-tabs-btn li a {
        color: #ff5383;
    }

    .air-search-wrap .trigger-location-selector:before {
        background: none;
    }

    .air-search-wrap .bottom .row.four-col {
        display: inline-table !important;
    }

    .air-search-wrap #round_trip .four-col .input-field,
    #one_way .row.three-col > div.input-field:nth-child(2),
    #one_way .row.three-col > div.input-field:last-child,
    #multi .row.three-col > div:nth-child(1),
    #multi .row.three-col > div:nth-child(2) {
        margin-bottom: 20px !important;
        width: 48% !important;
        margin-right: 2% !important;
        display: inline-table !important;
    }

    #one_way .row.three-col > div:nth-child(4) > select{
        width:100% !important;
    }


    #multi .row.three-col > div:nth-child(1),
    #multi .row.three-col > div:nth-child(2) {
        margin-bottom: 0px !important;
    }

    .air-search-wrap .bottom .row,
    .flight-landing-banner .air-search-wrap {
        margin-bottom: 0px;
    }

    .multi-air-row{
        width:100%;
    }

        .multi-air-row + .input-field {
            width: 60px !important;
        }

    #multi .multi-air-row .four-col {
        margin-bottom: 20px;
    }


    .landing-banner .choose-multi-air,
    .flight-advanced-search-page .choose-multi-air {
        min-width: initial;
        margin-bottom: 25px;
    }


    .flight-advanced-search-page .choose-multi-air{
        width:60px !important;
        margin-left:10px;
    }

        .landing-banner .location-selector-wrap {
            min-width: auto !important;
        }

    .location-selector-wrap .location-lv1-wrap {
        width: 100px;
    }

    .location-selector-wrap .location-lv2-wrap ul li {
        padding:10px;
    }

    .air-search-wrap .bottom .row .checkbox-wrap {
        padding-bottom: 0px;
        line-height: 22px;
    }

    .home-card-slider-wrap .card{
        height:190px;
    }
     
    .home-card-slider-wrap .card .content{
        top:auto;
    }

    .home-card-slider-wrap .slick-dots{
        bottom:0px;
    }


    .air-search-wrap .input-field,
    .air-search-wrap #round_trip .four-col .input-field,
    #one_way .row.three-col > div.input-field:nth-child(2),
    #one_way .row.three-col > div.input-field:last-child {
        margin-bottom: 10px !important;
    }

    .ui-widget.ui-widget-content {
        width: 100% !important;
        max-width: calc(100% - 20px) !important;
    }


    /*.air-search-wrap .input-field,*/
    .air-search-wrap #round_trip .four-col .input-field.trigger-location-selector{
        width:100% !important;
    }

    .departure_short_info {
        background: #fff;
        border: 1px solid #E6E6E6;
        margin-bottom: 10px;
        padding: 10px;
        display: flex;
        width: 100%;
    }

    .departure_short_info li {
        width: 100%;
        text-align: left;
    }

    .departure_short_info li:first-child {
        padding-right: 15px; 
        width:auto;
    }

    .departure_short_info li:last-child {
        padding-left: 15px;
        width: auto;
    }

    .departure_short_info li .btn-box {
        white-space: nowrap;
    }

    .departure-search-wrap{
        display:none;
    }


    .air-advanced-search-overlay.open-advanced-search {
        display: block;
    }

    .air-advanced-search-overlay ~ .air-advanced-search {
        top: 56px; 
    }

    .air-advanced-search-overlay.open-advanced-search ~ .air-advanced-search { 
        opacity: 1;
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: all ease 500ms;
        -o-transition: all ease 500ms;
        transition: all ease 500ms;
    }

    .air-advanced-search-overlay.open-advanced-search ~ .air-advanced-search .content-wrap {
        overflow: auto;
        max-height: calc(100vh - 80px);
    }

    .air-advanced-search-overlay.open-advanced-search ~ .air-advanced-search #search_head .btn-close {
        left: -60px;
    }

        .air-advanced-search-overlay.open-advanced-search ~ .air-advanced-search:before {
            color: #ffffff;
            background: rgba(255, 40, 100, 0);
            opacity: 1;
        }

        .btn-sorting {
            background: #4bbdad;
            float: right;
        }

    .departure-search-wrap #multi .multi-air-row {
        width: 80%;
    }

    .departure-search-wrap #multi .choose-multi-air {
        position: absolute;
        margin-top: -210px;
        width: 46px;
        right: 0;
        float: right;
    }

    .departure-search-wrap #multi .row.three-col > div:nth-child(3){
        margin-top:10px;
    }


    .btn-wrap.half{

    }

    .btn-wrap.half .btn {
        /*width: 45%;*/
        width:110px;
        float: none;
        white-space: nowrap;
        display: inline-block;
        padding: 10px !important;
    }

        .btn-wrap.half .btn:last-child {
            float: right;
            position: absolute;
            margin-left: 15px;
        }


        .flight-detail-info ul li:nth-child(2),
        .air-destination-page .flight-detail-info ul li:nth-child(2) {
            min-width: initial;
        }

    .air-destination-page .departure-info-table .chooseBorder .flight-list li:first-child,
    .air-destination-page .departure-info-table .flight-group .flight-list li:first-child {
        display: none;
    }

    .air-destination-page .departure-info-table .chooseBorder,
    .air-destination-page .departure-info-table .flight-group {
        padding: 0 0 15px 0;
        padding-left: 10px;
        padding-right: 10px;
    }

        .air-destination-page .departure-info-table .flight-group .btn-flight-details {
            margin-left: 10px;
            margin-top: -40px;
            width:auto;
        }

        .air-destination-page .departure-info-table .chooseBorder .btn-flight-details {
            margin-left: 10px;
            margin-top: 0;
            width: auto;
        }

    .air-destination-pageB ul.flight-list {
        display: table-cell;
    }
    .air-destination-pageB .departure-info-table .chooseBorder .flight-list li:first-child{
        display:block;
        padding-left:0px;
    }
    .air-destination-pageB .departure-info-table .chooseBorder .flight-list li {
        margin-bottom:5px;
    }

    .air-destination-pageB .departure-info-table .chooseBorder .btn-flight-details {
        margin-left:0px;
    }


    .air-destination-pageB .flight-detail-info {
        margin-top: 10px !important;
    }

    .contact-person-infoB .passengerInformation {
        width: calc(100% - 30px);
    }

    .contact-person-infoB .item {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin: auto;
    }

    .contact-person-infoB .passengerInformation .contact-field {
        margin-top: 00px;
    }

        .contact-person-infoB .passengerInformation .contact-field .input-field:nth-child(2) {
            widtH: 60% !important;
            float: right !important;
        }


    .air-destination-page .departure-info-table ul.flight-list li:last-child {
        padding-right: 0px;
    }

    .air-destination-page .content-wrapD .departure-info-table .btn-wrap a.btn {
        position: absolute;
        top: 10px;
    }

    .air-destination-page .content-wrapD .departure-info-table .flight-price .price-info {
        margin-right: 0;
        right: -70px;
    }

    .air-destination-page .content-wrapD .flight-detail-info ul li:nth-child(3) {
        margin-top: 10px;
        padding-left: 0px;
    }

    .air-destination-page .content-wrapD {
        margin-bottom:0px;
    }


    .contact-person-info .input-field .select2 {
        width: 100% !important;
    }

    .contact-person-info .rowLineB,
    .contact-person-info .rowC {
        display: inline-grid;
        width: 100%;
    }

        .contact-person-info .rowLineB .birthday-info{
            width:100%;
            text-align:left;
        }

    .contact-person-info .birthday-info .input-field {
        display: inline-grid !important;
        width: auto !important;
        margin-right: 5px;
    }

    .contact-person-info .rowC .div_Passport_0 {
        margin-left:0px;
    }

        .contact-person-info .rowC .div_Passport_0 .control-label {
            margin-left:0px !important 
        }

        .contact-person-info .rowC .div_Passport_0 .input-field {
            margin-left: 0px !important;
            float: left;
            margin-top: 10px;
            margin-right: 10px;
        }

            .contact-person-info .rowC .div_Passport_0 .input-field label {
                display: none;
            }

    .contact-person-infoB .passengerInformation .input-field{
        margin-bottom:10px;
    }

    .contact-person-infoB .item.passengerInformation .name-field .input-field {
        width: 100% !important;
    }

    .flight-advanced-search-page .air-search-wrap .flightgreyIcon{
        padding-right:40px;
    }

    .flight-advanced-search-page .air-search-wrap .top {
        display: inline-flex;
        width: 100%;
        margin-bottom: 15px;
    }

    .flight-advanced-search-page .input-field:last-child{
        background-color:#fff;
    }

    .location-selector-wrapB{
        margin-top:35px;
    }

    .table-customer-info .th {
        white-space: pre;
    }
    .table-customer-info .td {
        white-space: pre;
        display: table-row;
        line-height: 20px;
    }

    .multi-transfer{
        padding: 5px 0px;
        margin-bottom: 10px;
        margin-top: -10px !important;
    }

    .air-destination-page .return-ticket-list .btn-wrap a.btn {
        margin-top: -50px;
    }

    .air-destination-page .return-ticket-list .flight-group .btn-flight-details {
        margin-top: 10px;
    }

    .air-destination-page .return-ticket-list .flight-group .price-info {
        margin-right: 0px;
        right: -70px;
    }

    #baggage-popup p,
    #baggage-popup span,
    #baggage-popup {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 5px;
    }

    .air-choose-page .content-wrapD {
        padding: 15px;
    }

    .air-choose-page .flight-price { 
        position: absolute;
        right: 45px; 
        margin-top: -25px !important;
    }

    .air-choose-page .departure-info-table .chooseBorder{
        padding: 0px;
    }

    .air-choose-page .chooseBorder ul.flight-list li {
        margin-bottom: 0px !important;
    }

    .air-choose-page .chooseBorder ul.flight-list li:last-child {
        padding-left: 0 !important;
    }

    .air-choose-page .chooseBorder .moreInfor a {
        margin-top: 10px;
    }

    .air-checkout-page .btn-wrap.full {
        padding: 0px;
        margin: 0px !important;
    }

    .air-checkout-page .departure-info-table span.carrierName {
        padding-left: 10px !important;
    }

    .air-checkout-page .departure-info-table .flight-price  { 
        margin-bottom:10px !important;
    }

    .air-checkout-page .departure-info-table .chooseBorder {
        margin-top: 10px;
    }

    .air-checkout-page .departure-info-table .multi-departure li:last-child{
        padding: 10px 0px;
    }

    .air-checkout-page .departure-info-table a.btn-flight-details {
        position: absolute;
        bottom: 0;
        right: 15px;
        padding: 0;
        margin: 0;
        top: -20px;
    }

    #table-insurance .tr .th{
        white-space:pre;
    }

    #table-insurance .tr .td {
        width: 100%;
    }

        #table-insurance .tr .td:first-child {
            max-width: 30px;
            width: 30px;
        }

    .air-checkout-page .promotion-code #CouponCode {
        padding: 9px 8px !important;
    }

    .air-advanced-search .content-wrapT {
        padding-bottom: 100px !important;
    }

    .air-advanced-search .content-wrapT .input-field{
        padding:0px !important;
    }

    .air-advanced-search #search_head a{
        bottom:18px;
    }

        .air-advanced-search #search_head a.mobile_ver {
            left: 15px;
            right: initial;
        }

    .departure-page .content-wrapB,
    .departure-page .departure-info-table p.highlight {
        margin-top: 0px !important;
    }

    .departure-page .bg-white.departure-info-table {
        padding-top: 0px !important;
    }

    .total-flight {
        position: absolute;
        top: -30px;
    }

    .contact-person-info .flight-request-field {
        display: contents;
    }

    .fixed-elementB .row{
        padding:15px !important;
    }

    .highlightB{
        font-size:16px !important;
    }

    .marginright-d .contact-person-infoB {
        padding: 10px 0 !important;
    }

    .contact-person-info .row,
    .contact-person-info .rowC label{
        margin-top: 0px !important;
    }

        .contact-person-infoB p.highlightB{
            padding-left:15px !important;
            padding-right:15px !important;
        }

    .wifi-egg-details .col {
        min-width: 100%;
        display: inline-grid;
    }

    .wifi-egg .wifi-egg-wrap {
        margin-bottom: 15px;
    }


 /* End 2/1/2019 edit */


    .flight-paymemt-result.main-content {
        padding-top: 80px;
    }

    .flight-paymemt-result .content-wrapS{
        padding:15px;
    }

    .flight-paymemt-result .content-wrapS ul.list-style-info li > span {
        min-width: 120px !important;
        white-space: normal;
        font-size: 14px !important;
        padding-right: 0;
    }
    .flight-paymemt-result .content-wrapS ul.list-style-info li a {
        font-size: 14px !important;
        line-height: 16px;
    }
    .flight-paymemt-result .content-wrapS ul.list-style-info li {
        margin-bottom: 5px;
    }

    .card-air-wrap .card .content .bottom{
        margin-bottom:10px;
    }

    .card-air-wrap .card .content .bottom {
        bottom: 10px;
        padding: 0px;
        position: relative;
    }

    .card-air-wrap .card .content .bottom .company{
        margin-top:0px;
    }

    .hot-destination.card-2-wrap .card .content {
        max-height: 130px !important;
    }

    .hot-destination.card-2-wrap .card .content .top {
        margin-bottom:10px;
    }

    .hot-flight.card-2-wrap .card {
        height: auto;
    }
     

    }/*(max-width: 993px) */

@media screen and (max-width: 320px) {
    .air-advanced-search #search_head a {
        padding: 10px 10px;
    }
}

.popup .content-wrap {
    padding: 15px;
    margin: auto;
}

.passenger-info .table .td{
    padding-top: 10px;
    padding-bottom: 10px;
}

.promotion-code-field.input-field input[type='submit'],.promotion-code-field.input-field input[type='text']{
    font-size: 16px;
    height: 42px;
    line-height: 14px;
}

.RedeemBox{
    line-height:1.5;
}

.RedeemBox select.input-02{
    height:42px;
    margin-top:10px;
    margin-bottom:15px;
    padding:0 10px;
}

.RedeemBox .countPrice{
    margin-top:10px;
}

.RedeemBox .integralNum{
    font-size:14px;
    color:#333;
}

.RedeemBox .countPrice input{
    margin-left:10px;
}

.air-info-msg {
    display: inline-grid;
    vertical-align: middle;
}

.page-home .hotel-search-wrap { 
    margin: auto !important;
}

.page-home .hotel-search-wrap .input-field.dateIcon input {
    padding-left: 10px !important;
}

.page-home #hotel.landing-banner .banner-content {
    vertical-align:top;
}