@charset "UTF-8";


/* 【修改】請依照航空公司主副色修改顏色 */
:root {
	--airline-basic-color:#3e62ad; /* 主色 4c4c4c */
    --airline-sec-color:#da4c5f; /* 副色 858585 */
}

/* 整體背景 */
.container {
    background-color: #eaf3fc;
}

/* 選單：電腦版（兩館切換按鈕） */
.navPC__productItem--active > a {
    background-color: #0f3074;
}

/* 機票專區（城市按鈕底色） */
.tktBlock__btn a {
    background-color: #f9e9ea;
}

/* 自由行專區 */
.pkgBlock__pItem:hover {/* 產品hover邊框 */
    border-color: #ebe0e1;
}
.pkgBlock__title {/* 主標背景 */
    background-image: url("/webDM/airline/ci/style/images-ci/pkg-titleBG.webp");
}




/* --------以下版頭<h1>設定（預設為做圖寫法，如須純文字露出才須特別設定）-------- */
.pageLoad-header {
    position: relative;
}

/* 標題 */
.ci-title {
    position: absolute;
    right: 0.5%;
    top: 4.8%;
    width: 68%;
    max-width: 575px;
}

/* LOGO */
.ci-logo {
    position: absolute;
    left: 2.4%;
    top: 6.67%;
    width: 24%;
    max-width: 205px;
    display: flex;
}
.ci-logo img {
    max-width: 201px;
}

/* 飛機 */
.ci-plane {
    position: absolute;
    left: 1%;
    bottom: 9%;
    width: 90%;
    max-width: 855px;
    display: flex;
}

@media (min-width: 769px) {
    /* 標題 */
    .ci-title {
        top: 1%;
        width: 60%;
    }
    /* LOGO */
    .ci-logo {
        left: 18px;
        top: 5.5%;
        width: 21%;
    }
    /* 飛機 */
    .ci-plane {
        bottom: 8.5%;
        width: 88%;
    }
}
@media (min-width: 1000px) {
    /* 標題 */
    .ci-title {
        right: calc(50% - 490px);
    }
    /* 飛機 */
    .ci-plane {
        left: calc(50% - 480px);
    }
}
@media (min-width: 1200px) {
    /* 標題 */
    .ci-title {
        right: calc(50% - 530px);
    }
}
@media (min-width: 1450px) {
    /* LOGO */
    .ci-logo {
        width: 100%;
        max-width: 1400px;
        left: calc(50% - 700px);
    }
}

/* --------以下自由行電腦版MENU（特別設定）-------- */
.pageLoad-zMenu-pcPKG .navPC__menu {
    box-sizing: border-box;
    padding-right: 160px;
    padding-left: 20px;
    justify-content: space-around;
    gap: initial;
}
.pageLoad-zMenu-pcPKG .navPC__menuItem > a {
    white-space: nowrap;
}
@media (min-width: 1000px) {
    .pageLoad-zMenu-pcPKG .navPC__menu {
        padding-right: 250px;
        padding-left: 4%;
    }
}
@media (min-width: 1200px) {
    .pageLoad-zMenu-pcPKG .navPC__menu {
        padding-right: 0;
        padding-left: 0;
        justify-content: center;
        gap: 15px;
    }
}







/* --------以下套上方root，不用動-------- */

/* 輪播豆豆 */
.container .slick-dots li.slick-active button:before {
    background-color: var(--airline-sec-color);
}

/* 選單：手機版（有機票、自由行兩館時的標題） */
.pushy p.pushy-link a, /* 機票 */
.pushy-pkg .pushy-submenu > a {/* 自由行 */
    color: var(--airline-basic-color);
}

/* 選單：電腦版 */
.navPC__menu,/* 選單底色 */
.navPC__subItem > a:after {/* 下層選單底線 */
    background-color: var(--airline-basic-color);
}
.navPC__menuItem.active > a,/* 上層選單被選取時文字顏色 */
.navPC__subItem.active > a {/* 下層選單被選取時文字顏色 */
    color: var(--airline-basic-color);
}

/* 機票專區 */
.tktArea__title {/* 主標 */
    color: var(--airline-basic-color);
}
.tktBlock__title {/* 副標 */
    color: var(--airline-sec-color);
}
.tktBlock__table tr th {/* 表格th */
    background-color: var(--airline-sec-color);
}

/* 自由行專區 */
.pkgBlock__title--zh {/* 主標 */
    color: var(--airline-sec-color);
}
.pkgBlock__pPrice strong {/* 產品價格 */
    color: var(--airline-sec-color);
}