/*---------------------------
-                           -
-          桔子旅遊          -
-                           -
---------------------------*/

    /*---------------------------
    -                           -
    -           header          -
    -                           -
    ---------------------------*/
        /* header v1 */
            .header {
                float: left;
                width: 100%;
                height: 60px;
                background-color: #fff;
            }


            .header.title_style {
                border-style: solid;
                border-color: #e5e5e5;
                border-width: 0 0 1px 0;
                display: inline-block;
                width: 100%;
            }


            .header.title_style * {
                vertical-align: baseline;
            }


            .header .title {
                float: left;
                padding: 20px;
                font-size: 20px;
                line-height: 20px;
                color: rgb(255, 153, 84);
                font-weight: bold;
            }

            .header.title_style .title.img_title {
                padding: 0;
                background: transparent;
                color: transparent;
            }

            .header.title_style .title.img_title > a > img ,
            .header.title_style .title.img_title > img {
                width: 100px;
                margin: 8px;
                margin-left: 15px;
            }

            .header.title_style .notice{

            }


            .header.title_style .nav {
                float: right;
                width: auto;
                color: #ff9954;
                font-weight: bold;
            }

            .header.title_style .nav .phone {
                display: inline-block;
                height: 60px;
                padding: 11px  12px;
                letter-spacing: 1px;
                font-size: 16px;
                border-left: 1px solid #eee;
                border-right: 1px solid #eee;
                color: #ff9954;
            }

            .header.title_style .nav .phone a {
                color: #ff9954;
            }

            .header.title_style .nav .icon_box ,
            .header.title_style .nav .leave {
                display: inline-block;
                height: 60px;
                padding: 11px  5px;
                letter-spacing: 1px;
                font-size: 16px;
            }

            .header.title_style .nav .div_page_name {
                display: inline-block;
                line-height: 60px;
            }

            .header.title_style .nav .div_page_name a {
                color: #ff9954;
                line-height: 60px;
                display: inline-block;
            }

            .header.title_style .nav .icon_box img,
            .header.title_style .nav .leave img ,
            .header.title_style .nav .phone img {
                margin-right: 8px;
                margin-bottom: -10px;
                width: 34px;
                height: 34px;
            }

            .header.title_style .nav .icon_box img,
            .header.title_style .nav .leave img {
                margin-right: 0;
            }

            @media (max-width: 768px) {
                .header.title_style {
                    display: none;
                }
            }

            @media (min-width: 992px) {
                .header.title_style .menu_block {
                    display: none !important;
                }

                .header.title_style .nav .div_page_name a {
                    line-height: 60px;
                    padding: 0 10px;
                    margin: auto 5px;
                    line-height: 35px;
                    transition: all .2s ease-out;
                    border-radius: 5px;
                }

                .header.title_style .nav .div_page_name a:hover {
                    background: #ffa255;
                    color: #fff;
                }

                .header.title_style .nav {
                    /*padding-right: 10px;*/
                }
            }

            @media (max-width: 991px) {
                .header.title_style .btn_menu {
                    display: none;
                }

                .header.title_style .nav .div_page_name ,
                .header.title_style .nav .icon_box,
                .header.title_style .nav .leave {
                    padding: 0px 5px;
                }

                .header.title_style .nav {
                    float: right;
                    width: auto;
                    float: none;
                    position: absolute;
                    right: 0;
                }

                .header.title_style .menu_block .menu_content {
                    width: 100%;
                }

                .header.title_style .menu_block .menu_content .member_function_list ul {

                }
            }

            @media (max-width: 768px) {
                .header.title_style .nav .phone {
                    width: 55px;
                    overflow: hidden;
                    height: 60px;
                    white-space: nowrap;
                    margin-bottom: -25px;
                    font-size: 12px;
                    transition: width .2s ease-in-out;
                }

                .header.title_style .nav .phone:focus,
                .header.title_style .nav .phone:hover {
                    width: 160px;
                }
                .header.title_style .nav .div_page_name a {
                    line-height: 15px;
                    font-size: 14px;
                    width: 30px;
                    vertical-align: middle;
                    height: 28px;
                    overflow: hidden;
                    white-space: normal;
                }
            }

            @media (max-width: 424px) {
                .header.title_style .nav {
                    max-width: 100%;
                }

                .header.title_style .title {
                    background: #fff;
                    position: relative;
                    z-index: 1;
                    padding: 19px;
                }
            }

        /* header v2 */
            .header_v2 {
                height: 65px;
            }

            .header_v2 > .navbar {
                height: 65px;
                font-size: 16px;
                font-weight: bold;
                color: #fff;
                background: rgb(51, 51, 51);
                border-bottom: none;
            }

            .header_v2 .navbar-brand {
                height: 65px;
                padding-left: 0;
            }

            .header_v2 .navbar-brand img {
                height: calc(100% + 25px);
                margin-top: -15px;
            }

            .header_v2 .container-fluid {
                padding-left: 70px;
                padding-right: 70px;
            }

            .header_v2 .navbar-nav>li {
                padding: 0;
                padding-left: 15px;
                line-height: 65px;
                height: 65px;
            }

            .header_v2 .navbar-nav>li + li {
                margin-left: 60px;
            }

            .header_v2 .navbar-nav>li>a {
                padding: 0;
                height: 100%;
                color: #fff;
            }

            .header_v2 .navbar-nav>li>a:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                border-bottom: 3px solid transparent;
            }

            .header_v2 .navbar-nav>li>a:hover:after {
                border-color: #fff;
            }

            .header_v2 .navbar-nav>li>a>p {
                display: inline-block;
                margin: 0;
                vertical-align: middle;
                letter-spacing: 2px;
                white-space:nowrap;
            }


            .header_v2 .navbar-nav>li>a>p>small {
                display: block;
                letter-spacing: 0px;
                font-weight: normal;
                font-size: 70%;
                color: #ccc;
            }

            .header_v2 .navbar-nav>li>a:before{
                content: '';
                display: inline-block;
                height: 100%;
                width: 0;
                vertical-align: middle;
                /*margin-left: -1em;*/
            }

            @media (max-width: 767px) {
                .header_v2 {
                    height: auto;
                    min-height: 50px;
                }

                .header_v2 .navbar-brand {
                    height: 50px;
                }

                .header_v2 .navbar-collapse {
                    background: rgb(16, 16, 16);
                }

                .header_v2 > .navbar {
                    height: 50px;
                }

                .header_v2 .navbar-nav>li {
                    line-height: 50px;
                    height: 50px;
                }

                .header_v2 .navbar-nav>li + li {
                    margin-left: 0;
                }

                .header_v2 .navbar-nav>li>a:hover:after {
                    border-color: transparent;
                }
            }

            @media (min-width: 1366px) {
                .header_v2 .container {
                    width: 1366px;
                }
            }





    /*---------------------------
    -                           -
    -            body           -
    -                           -
    ---------------------------*/
        body {
            display: inline-block;
            width: 100%;
            margin-bottom: -3px;
        }

        .content {
            display: inline-block;
            width: 100%;
            min-height: calc(100vh - 90px);
        }



    /*---------------------------
    -                           -
    -           footer          -
    -                           -
    ---------------------------*/
        .footer .footer_bottom {
            float: left;
            width: 100%;
            height: 30px;
            background-color: #4e4e72;
            color: #fff;
            text-align: center;
            line-height: 30px;
            font-size: 12px;
            letter-spacing: 1px;
        }



/* ---------------------------  new_air_search  ----------------------------- */
    body .new_search_air {
        font-family: Arial, "微軟正黑體";
        font-size: 16px;
        float: left;
    }

/* btn */
    .new_search_air .btn {
        font-size: 16px;
        text-decoration: none;
        /*letter-spacing: 1px;*/
        padding: 14px 20px;
        border-radius: 0;
    }


    .new_search_air .btn.focus,
    .new_search_air .btn:focus,
    .new_search_air .btn:hover {
        color: #fff;
    }




    .new_search_air .btn1 {
        text-align: center;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #fff;
        border: none;
        background-color: #ff7103;
        padding: 14px 20px;
        transition: all .2s ease-out;
    }

    .new_search_air .btn1:active,
    .new_search_air .btn1:focus,
    .new_search_air .btn1:hover {
        background-color: #ff7103;
        color: #fff;
        text-decoration: none;
        -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    }


    .new_search_air .btn2 {
        text-align: center;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #fff;
        border: none;
        background-color: #256EA1;
        padding: 14px 20px;
        transition: all .2s ease-out;
    }

    .new_search_air .btn2:hover {
        background-color: #1c7bbd;
        color: #fff;
        text-decoration: none;
    }

    .new_search_air .btn2:active,
    .new_search_air .btn2:focus {
        background-color: #20608A;
        color: #fff;
        text-decoration: none;
    }






    .new_search_air .btn3 {
        text-align: center;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #fff;
        border: none;
        background-color: #13B5A2;
        padding: 14px 20px;
        transition: all .2s ease-out;
    }

    .new_search_air .btn3:hover {
        background-color: #1ccbb7;
        color: #fff;
        text-decoration: none;
    }

    .new_search_air .btn3:active,
    .new_search_air .btn3:focus {
        background-color: #119F8D;
        color: #fff;
        text-decoration: none;
    }



    .new_search_air .btn4 {
        text-align: center;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #256EA1;
        border: 1px solid #e4e4e4;
        background-color: #fff;
        padding: 5px;
        transition: all .2s ease-out;
    }

    .new_search_air .btn4:hover {
        border: 1px solid #1c7bbd;
        background-color: #1c7bbd;
        color: #fff;
        text-decoration: none;
    }

    .new_search_air .btn4:active,
    .new_search_air .btn4:focus {
        border: 1px solid #20608A;
        background-color: #20608A;
        color: #fff;
        text-decoration: none;
    }


    .new_search_air .btn5 {
        text-align: center;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #fff;
        border: 1px solid #60C5F0;
        background-color: transparent;
        padding: 5px;
        padding-top: 4px;
        padding-bottom: 4px;
        color: #30B2EB;
        transition: all .2s ease-out;
    }

    .new_search_air .btn5:hover {
        background-color: #30B2EB;
        color: #fff;
        transition: 0.3s;
    }



    .new_search_air .btn6 {
        text-align: center;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #fff;
        border: none;
        background-color: #999;
        padding: 14px 20px;
        transition: all .2s ease-out;
    }

    .new_search_air .btn6:hover {

        background-color: #888;
        color: #fff;
    }


    .new_search_air .btn7 {
        text-align: left;
        width: 100%;

        border: none;
        background-color: #fff;
    }






/* ------- 浮動 tooltipbox ------ */
    .new_search_air .search_block .fill_item {
        position: relative;
        margin: 0;
        padding: 0;
    }

    .new_search_air .fill_item .tooltip_box {
        position: absolute;
        z-index: 999;
        left: 0px;
        width: 209px;
        max-height: 200px;
        overflow: auto;
        background: #fff;
        padding: 5px;
        margin-top: 49px;
        border: solid;
        border-width: 0px 1px 1px 1px;
        border-color: #ddd;
    }

    .new_search_air .tooltip_box .item_name {
        padding-top: 10px;
        padding-left: 5px;
        padding-bottom: 10px;
        font-size: 14px;
        display: inline-block;
        width: 100%;
        word-break: break-all;
        white-space: normal;
    }


/* ------- 背景圖 ------ */

    .new_search_air .bg_img_group{
        position: fixed;
        z-index: -1;
        width: 100%;
        height: 100%;
    }

    .new_search_air .bg_img_group .bg_box{
        /*   float: left; */
        /* width: 100vw; */
        /* height: 100vh; */
        /* position: fixed; */
        /* top: 0; */
        /* left: 0; */
        /* z-index: 0; */
        background-size: cover;
        /*background-size: 100% 100%;*/
        background-position: center;
        background-repeat: no-repeat;
        /*background-attachment: fixed;*/

        width: 0;
        height: 0;
        padding: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: 1;
        display: none;
    }


    .new_search_air .bg_img_group .bg_box.active{
        height: 100vh;
        width: 100vw;
        z-index: 5;
        display: block;
    }

    .new_search_air .bg_img_group .bg_box.active.BGin{
        /*right: 100vw;*/
        /*transition: right 1s ease-in;*/
        /*transition: all .2s ease-out;*/
        animation: BGSimpleIn 1s;
        z-index: -2;
    }

    .new_search_air .bg_img_group .bg_box.active.BGout{
        left: 100vw;
        /*transition: left 1.5s cubic-bezier(0, 1.09, 0.4, 0.99);*/
        /*transition: left 2s cubic-bezier(0.07, 1.57, 0.93, 0.68);*/
         /*transition: left .2s ease-out;*/
        animation: BGSimpleOut 1s;
        z-index: -1;
    }


    .new_search_air .bg_img_group .bg1{
        background-image: url(../images/images/new_air_bg1.jpg);
    }

    .new_search_air .bg_img_group .bg2{
        background-image: url(../images/images/new_air_bg2.jpg);
    }

    .new_search_air .bg_img_group .bg3{
        background-image: url(../images/images/new_air_bg3.jpg);
    }






/* ------- 初始設定 ------ */
    /* 背景 */
        .new_search_air .box_content,
        .new_search_air .search_block {
            background: transparent;
        }

        .new_search_air .search_block select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

        .new_search_air .search_block div,
        .new_search_air .search_block span,
        .new_search_air .search_block select,
        .new_search_air .search_block button,
        .new_search_air .search_block input {
            color: #fff;
        }


    /* 按鈕 */
        .new_search_air .btn {
            width: 100%;
        }


        .new_search_air .btn1 {
            background: #ffa255;
            color: #fff;
        }



        .new_search_air .btn1:hover {
            background: #ff9552;
            color: #fff;
        }











    /* 按鈕 : 特殊 */
        .new_search_air .btn1.btn_search{
            font-size: 20px;
            padding: 0;
            height: 50px;
            letter-spacing: 10px;
            padding-left: 14px;
            float: right;
            width: 45%;
            clip-path: none;
            margin: 0;
        }

        .new_search_air .btn1.btn_login{
        }


        .new_search_air .main_content.login .btn_get_password{
            color: #ff9552;
            margin-top: -10px;
        }







/* fill_item : tooltip */
.new_search_air .fill_item > .tooltip_box {
    margin-top: 0;
    width: 100%;
    padding: 12px;
    max-height: 250px;
     /*background: rgb(51, 51, 51);*/
     background: #fff;
     color: #000;
     border-radius: 0;
}


.new_search_air .fill_item > .tooltip_box ul{
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 180px;
    list-style: none;
    padding: 0;
}


.new_search_air .fill_item > .tooltip_box ul::-webkit-scrollbar{
    width: 12px;
    height: 12px;
}

.new_search_air .fill_item > .tooltip_box ul::-webkit-scrollbar-track {
    background: #eee;
}

.new_search_air .fill_item > .tooltip_box ul::-webkit-scrollbar-thumb {
    background: #ddd;
    border: 3px solid #eee;
    border-top: none;
    border-bottom: none;
}

.new_search_air .fill_item > .tooltip_box ul::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}

.new_search_air .fill_item > .tooltip_box ul::-webkit-scrollbar-button {
    background: #eee;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 48%;
    height: 8px;
    width: 12px;
    /*-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);*/
}

.new_search_air .fill_item > .tooltip_box ul::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(../images/icon/scrollbar_top.png);
}


.new_search_air .fill_item > .tooltip_box ul::-webkit-scrollbar-button:vertical:increment {
    background-image: url(../images/icon/scrollbar_down.png);
}


.new_search_air .new_search_air .fill_item > .tooltip_box button {
    background: transparent;
    color: #fff;
}

.new_search_air .fill_item .tooltip_box ul li .btn7:hover {
    background: #666;
    background-color: #ffa255;
}

.new_search_air .fill_item .tooltip_box ul li .btn7:hover div{
    background: #666;
    background-color: #ffa255;
    color: #fff;
}


.new_search_air .fill_item > .tooltip_box button > div {
    /* color: #fff; */
    color: #000;
}


@media (max-width: 550px) {
    .new_search_air .fill_item > .tooltip_box {
        width: 100%;
        min-width: auto;
        padding: 5px;
    }

    .new_search_air .fill_item > .tooltip_box ul li button {
        padding: 0;
    }

    .new_search_air .tooltip_box .item_name {
        padding-left: 0;
    }
}

/* ------ search_block -------- */
.new_search_air .search_block {
    user-select: none;
    float: none;
    width: 620px;
    position: absolute;
    right: 50%;
    top: calc(4vh + 60px);
    bottom: 50px;
    margin-right: -550px;
    padding: 0;
    box-shadow: none;
}


.new_search_air .block_content {
    border-top: 8px solid #ffa255;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    /*align-items: top;*/
    -webkit-justify-content: center;
    justify-content: left;
    padding: 0 0 0 0;
    cursor: default;
    white-space: nowrap;
    height: 665px;
}


/* 來回 功能區塊 */
.new_search_air .search_block[type="1"] .block_content {
    height: 475px;
}


/* 單程 功能區塊 */
.new_search_air .search_block[type="2"] .block_content {
    height: 475px;
}


.new_search_air .block_content .sub_block {
    background: rgba(0, 0, 0, 0.2);
}


.new_search_air .block_content .main_block {
    width: 100%;
}



/* -- 左方功能選擇 -- */
.new_search_air .block_content .sub_block .function_change_item {
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    writing-mode:tb-rl ;
    letter-spacing: 3px;
    display: table;
    height: 587px;
}

/* 來回 左方功能選擇樣式 */
.new_search_air .search_block[type="1"] .block_content .sub_block .function_change_item{
    height: 397px;
}
/* 單程 左方功能選擇樣式 */
.new_search_air .search_block[type="2"] .block_content .sub_block .function_change_item{
    height: 397px;
}

.new_search_air .block_content .function_change_item .function_item {
    padding: 0px 27px;
    text-align: center;
    cursor: pointer;
    color: #aaa;
    transition: all .2s ease-in-out;
    display: table-cell;
}




.new_search_air .block_content .function_change_item .function_item:hover{
    color: #fff;
    /*background: rgb(0, 0, 0, 0.6);*/
}


.new_search_air .block_content .function_change_item .function_item.active{
    color: #fff;
    background: rgb(0, 0, 0, 0.6);
}

/* -- 右方功能表 -- */
/* tab */
.new_search_air .type_change_item {
    height: 85px;
    margin-top: 10px;
    position: relative;
    margin-left: 30px;
}

.new_search_air .type_change_item .type_item {
    position: absolute;
    display: inline-block;
    color: #999;
    width: 33%;
    text-align: center;
    line-height: 85px;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
}

.new_search_air .type_change_item .type_item:hover{
    color: #fff;
}

.new_search_air .type_change_item .type_item[position="left"] {
    left: 0;
}

.new_search_air .type_change_item .type_item[position="right"] {
    left: 368px;
}

.new_search_air .type_change_item .type_item[position="center"] {
    left: 176px;

    font-size: 36px;
    color: #fff;
}

@media (max-width: 550px) {
    .new_search_air .type_change_item {
        width: calc(100% - 80px);
        margin: 0 40px;
    }
    .new_search_air .type_change_item .type_item {
        width: 80px;
    }

    .new_search_air .type_change_item .type_item[position="left"] {
        left: 0;
    }

    .new_search_air .type_change_item .type_item[position="right"] {
        left: calc(100% - 18%);
    }

    .new_search_air .type_change_item .type_item[position="center"] {
        left: calc(100% - 56%);
        font-size: 26px;
        color: #fff;
    }
}

@media (max-width: 500px) {
    .new_search_air .type_change_item {
        width: calc(100% - 40px);
        margin: 0 20px;
    }

}

@media (max-width: 424px) {
    .new_search_air .type_change_item .type_item[position="left"] {
        left: 0;
    }

    .new_search_air .type_change_item .type_item[position="right"] {
        left: calc(100% - 27%);
    }

    .new_search_air .type_change_item .type_item[position="center"] {
        left: calc(100% - 65%);
    }
}

/* 行段 */

.new_search_air .search_box > .box_content {
    padding: 0 40px 30px 40px;
}

.new_search_air .trip_item {
    float: left;
    width: 100%;
    max-height: 148px;
}

.new_search_air .trip_item + .trip_item {
    margin-top: 20px;
}



.new_search_air .trip_item .item_title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 2px;
    max-height: 0;
    overflow: hidden;
}

.new_search_air .trip_item .info_box {
    display: inline-block;
    width: 50%;
    border: 1px solid #666;
    float: left;
}


.new_search_air .trip_item .info_box + .info_box {
    float: right;
    border-left: none;
}



.new_search_air .trip_item .info_box.no_line {
    border:none ;
}


.new_search_air .trip_item .trip_info {
    float: left;
    width: 100%;
}


.new_search_air .trip_item .trip_info + .trip_info {
    margin-top: 20px;
}


.new_search_air .trip_item .info_box input,
.new_search_air .trip_item .info_box select {
    width: 100%;
    background: transparent;
    border: none;
    box-shadow: none;
    color: #fff;
    outline: none;
    padding: 10px;
    height: 50px;
    position: relative;
    z-index: 1;
}

select::-ms-expand {
    display: none;
}

.new_search_air .air_tab {
    margin-bottom: 0;
}




.new_search_air .trip_item .info_box input{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


.new_search_air .trip_item .info_box input::placeholder {
    color: #fff;
    opacity: 0.8;
    transition: all .2s ease-in-out;
}



.new_search_air .trip_item .info_box input:focus::placeholder{
    opacity: 0.2;
}



.new_search_air .trip_item .info_box select{
    background-image: url(../images/icon/down.png)!important;
    background-repeat: no-repeat;
    background-position: 94% center;
    background-size: 15%;
}

.new_search_air .trip_item .info_box select:disabled {
    cursor: no-drop;
    color: #999;
}

.new_search_air .trip_item .info_box select + span{
    font-size: 16px;
    position: relative;
    left: -150px;
    color: #fff;
    z-index: 0;
}

.new_search_air .trip_item .info_box select:disabled + span {
    color: #999;
}

.new_search_air .trip_item .info_box select + span > span{
    font-size: 12px;
    color: #fff;
}

.new_search_air .trip_item .info_box select:disabled + span > span{
    color: #999;
}

@media (max-width: 768px) {
    .new_search_air .trip_item .info_box select + span {
        font-size: 12px;
        left: -150px;
    }
}

@media (max-width: 500px) {
    .new_search_air .search_box > .box_content {
        padding: 0 20px 50px 20px;
    }

    .new_search_air .trip_item .info_box select + span {
        left: -60px;
        top: 3px;
        width: 24px;
        line-height: 14px;
        overflow: hidden;
        display: inline-block;
    }
}

.new_search_air .trip_item .info_box select option {
    margin: 40px;
    /* background: rgba(0, 0, 0, 0.8);
    color: #fff;*/
    background: #fff;
    color: #000;
    /* text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); */
    /* border: 1px solid #000; */
    padding: 50px;
    line-height: 40px;
}

.new_search_air .trip_item .info_box select option:hover{
    background: rgba(0, 0, 0, 0.8);
    color: #000;
}






/* 來回 航段樣式 */
.new_search_air .search_block[type="1"] .trip_item.trip_2{
    overflow: hidden;
    opacity: 0;
    max-height: 0;
}

.new_search_air .search_block[type="1"] .trip_item + .trip_item {
    margin-top: 10px;
}








/* 單程 航段樣式 */
.new_search_air .search_block[type="2"] .trip_item + .trip_item {
    margin-top: 10px;
}


.new_search_air .search_block[type="2"] .trip_item.trip_2{
    overflow: hidden;
    opacity: 0;
    max-height: 0;
}

.new_search_air .search_block[type="2"] .trip_item .datepicker_input .info_box:nth-child(1) {
    width: 100%;
}

.new_search_air .search_block[type="2"] .trip_item .datepicker_input .info_box:nth-child(2) {
    width: 0;
    margin-left: -1px;
}




/* 多航段 航段樣式 */

.new_search_air .search_block[type="3"] .trip_item .datepicker_input .info_box:nth-child(1) {
    width: 100%;
}

.new_search_air .search_block[type="3"] .trip_item .datepicker_input .info_box:nth-child(2) {
    width: 0;
    margin-left: -1px;
}

.new_search_air .search_block[type="3"] .trip_item .item_title {
    max-height: 30px;
}



/* 手機板首頁 */
    @media (min-width: 769px) {
        .new_search_air .trip_item .info_box.source_box {
            display: none;
        }

        .new_search_air .trip_item .info_box.source_box + .info_box {
            float: left;
            border-left: 1px solid #666;
        }

        .new_search_air .bg_img_group .bg_box span {
            display: none;
        }
    }

    @media (max-width: 768px) {
        /* 背景圖 */
            .new_search_air .bg_img_group .bg1 {
                background-image: url(../images/images/new_air_bg1_m.jpg);
            }

            .new_search_air .bg_img_group .bg2 {
                background-image: url(../images/images/new_air_bg2_m.jpg);
            }

            .new_search_air .bg_img_group .bg3 {
                background-image: url(../images/images/new_air_bg3_m.jpg);
            }

            .new_search_air .bg_img_group .bg_box span {
                line-height: calc(100vh / 4 + 20px);
                text-align: center;
                display: inline-block;
                width: 100%;
                color: #fff;
                font-weight: bold;
                font-size: 40px;
                letter-spacing: 5px;
                text-shadow: 0 0 10px #999999;
            }

        /* 搜尋區塊 - 外框 */
            .new_search_air .search_block {
                width: calc(100% - 50px);
                left: 25px;
                top: calc(25vh + 20px);
                bottom: unset;
                transition: bottom .4s ease-in-out;
                margin-bottom: 25px;
            }

            .new_search_air .search_block > .block_content ,
            .new_search_air .search_block[type="1"] > .block_content ,
            .new_search_air .search_block[type="2"] > .block_content {
                border-top: none;
                border-top-left-radius: 25px;
                border-top-right-radius: 25px;
                height: 465px;
            }

            .new_search_air .search_block[typename="manyway"] > .block_content {
                height: 665px;
            }

            .new_search_air .search_box > .box_content {
                padding: 0 35px 30px 35px;
            }

        /* 搜尋區塊 - 航類型 */
            .new_search_air .block_content .sub_block {
                display: none;
            }

            .new_search_air .type_change_item .type_item {
                font-size: 14px;
            }

            .new_search_air .type_change_item .type_item[position="center"] {
                font-size: 18px;
                left: 31%;
            }

            .new_search_air .type_change_item .type_item[position="left"] {
                left: 0%;
            }

            .new_search_air .type_change_item .type_item[position="right"] {
                left: 66%;
            }


        /* 搜尋區塊 - 搜尋按鈕 */
            .new_search_air .btn1.btn_search {
                margin-top: 15px;
                width: 100%;
            }
    }

    @media (max-width: 768px) and (max-height: 850px){
        /* 背景圖 */
            .new_search_air .bg_img_group .bg_box span {
                /*line-height: calc(100vh - 575px);*/
                font-size: 30px;
                letter-spacing: 2px;
            }

        /* 搜尋區塊 - 外框 */
            .new_search_air .search_block[type="2"] .block_content ,
            .new_search_air .search_block[type="1"] .block_content {
                height: 370px;
            }

            .new_search_air .search_block[typename="manyway"] .block_content {
                height: 545px;
            }

            .new_search_air .search_box > .box_content {
                padding: 0 30px 30px 30px;
            }



        /* 搜尋區塊 - 輸入框 */
            .new_search_air .trip_item .info_box input,
            .new_search_air .trip_item .info_box select {
                padding: 8px 10px;
                height: 40px;
            }

            .new_search_air .trip_item .item_title {
                font-size: 18px;
            }

        /* 搜尋區塊 - 航段別 */
            .new_search_air .type_change_item {
                height: 60px;
            }

            .new_search_air .type_change_item .type_item {
                line-height: 65px;
            }

            .new_search_air .type_change_item .type_item[position="center"] {
                left: 35%;
            }

            .new_search_air .type_change_item .type_item[position="left"] {
                left: 3%;
            }

            .new_search_air .type_change_item .type_item[position="right"] {
                left: 69%;
            }



        /* 搜尋區塊 - 搜尋按鈕 */
            .new_search_air .btn1.btn_search {
                height: 40px;
            }
    }

    @media (max-width: 768px) and (max-height: 665px) {
        .new_search_air .search_block {
            bottom: unset;
            left: 10px;
            width: calc(100% - 22px);
            margin-bottom: 15px;
        }

        .new_search_air .search_box > .box_content {
            padding: 0 15px 30px 15px;
        }

        .new_search_air .bg_img_group .bg_box span {
            font-size: 25px;
            letter-spacing: 1px;
        }
    }

/* ---- 動畫速度 : 統一 ---- */
.new_search_air .trip_item .info_box,
.new_search_air .block_content .sub_block .function_change_item,
.new_search_air .type_change_item .type_item,
.new_search_air .trip_item .item_title,
.new_search_air .trip_item,
.new_search_air .block_content {
    transition: all .4s ease-in-out;
}



@keyframes BGSimpleIn {
    from {
        left: 100vw;
    }
    to {
        left: 0vw;
    }
}

@keyframes BGSimpleOut {
    from {
        left: 0vw;
    }
    to {
        left: -100vw;
    }
}









/* ---- loading動畫 ---- */
    .loading_animation_block {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 9999;
        cursor: wait;
        visibility: hidden;
    }

    .loading_animation_block.active{
        visibility: visible;
    }
    .loading_animation_block.active .canvas {
        display: inline-block;
        background: #fff;
        width: 100%;
        height: 100%;
    }



    .loading_animation_block.active .animation_box {
        float: left;
        background: #efeeea;
        background: linear-gradient(45deg, #379DFF 0%, #50C7FF 20%, #379DFF 50%, #50C7FF 80%, #379DFF 100%);
        background: -moz-linear-gradient(45deg, #379DFF 0%, #50C7FF 20%, #379DFF 50%, #50C7FF 80%, #379DFF 100%);
        background: -webkit-linear-gradient(45deg, #379DFF 0%, #50C7FF 20%, #379DFF 50%, #50C7FF 80%, #379DFF 100%);
        background: -o-linear-gradient(45deg, #379DFF 0%, #50C7FF 20%, #379DFF 50%, #50C7FF 80%, #379DFF 100%);
        height: 100%;
        width: 100%;
        /*top: calc(100vh / 2 - 385px);*/
        position: relative;
        /*margin-top: calc((100vh - 510px) / 2);*/
      }


    .loading_animation_block.active .loading_text_box{
        float: left;
        position: absolute;
        top: 30%;
        width: 100%;
        text-align: center;
        z-index: 4;
    }


    .loading_animation_block.active .loading_text_show{
        display: inline-block;
        text-align: left;
        color: #fff;
        opacity: 1;
        font-weight: bold;
    }

    .loading_animation_block.active .loading_text_show .loading_title{
        font-size: 60px;
        letter-spacing: 5px;
        animation: shine 2.5s ease-in-out infinite alternate;
    }


    .loading_animation_block.active .aircraft_runway {
        position: absolute;
        bottom: 0;
        height: 150px;
        width: 100%;
        background: #3B779B;
        background: linear-gradient(90deg, #315987 0%, #232731 90%, #315987 100%);
        background: -moz-linear-gradient(90deg, #315987 0%, #232731 90%, #315987 100%);
        background: -webkit-linear-gradient(90deg, #315987 0%, #232731 90%, #315987 100%);
        background: -o-linear-gradient(90deg, #315987 0%, #232731 90%, #315987 100%);
        z-index: 1;
    }


    .loading_animation_block.active .conveyor .animation_item {
        display: flex;
    }



    .loading_animation_block.active .conveyor .animation_item.animation_end img{
        height: 238px;
        margin-top: -82px;
    }


    .loading_animation_block.active .conveyor {
        position: absolute;
        /*margin: calc((100vh - 100px) / 2) 0;*/
        bottom: 130px;
        height: 150px;
        display: flex;
        z-index: 3;
         /*-webkit-animation: conveyorMove 5s infinite linear;*/

    }

    .loading_animation_block.active .airplane {
        left: 50px;
        position: absolute;
        /*  top: calc((100vh - 100px) / 2 + 40px); */
        bottom: 120px;
        transform:rotate(0deg);
        -webkit-animation: linear forwards;
        animation-iteration-count: infinite;
        animation-name: airplaneMove_B;
        animation-duration: 2.7s;
        z-index: 5;

    }



    .loading_animation_block.active .airplane.airFinalMove{
        animation-name: none;
    }

    .loading_animation_block.active .airplane.airFly{
        animation-iteration-count: 1;
        animation-name: airFly;
        animation-duration: 2s;
    }


    .loading_animation_block.active .airplane.inToAir{
        animation-iteration-count: 1;
        animation-name: airplane_InToAir;
        animation-duration: 1.5s;
    }

    .loading_animation_block.active .airplane.inAir{
        left: 400px;
        bottom: 280px;
        transform: rotate(-4deg);

        animation-iteration-count: infinite;
        animation-name: airplane_InAir;
        animation-duration: 4s;
    }

    /* 飛機切換 */
    .loading_animation_block.active .airplane .airplaneNo2{
        display: none;
    }

    .loading_animation_block.active .airplane.inToAir .airplaneNo2 ,
    .loading_animation_block.active .airplane.inAir .airplaneNo2{
        display: block;
    }

    .loading_animation_block.active .airplane.inToAir .airplaneNo1 ,
    .loading_animation_block.active .airplane.inAir .airplaneNo1{
        display: none;
    }



    .loading_animation_block.active .aircraft_runway{
        opacity: 0;
        animation: runway 4.5s;
    }


    .loading_animation_block.active .clouds {
        display: none;
    }

    .loading_animation_block.active .clouds.active{
        display: block;
    }

    .loading_animation_block.active .clouds:not(.active) .cloud{
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
    }

    .loading_animation_block.active .cloud{
        position: relative;
    }


    .loading_animation_block.active .cloud.c1{
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0.8;
        -webkit-animation: moveclouds 30s linear infinite;
        -moz-animation: moveclouds 30s linear infinite;
        -o-animation: moveclouds 30s linear infinite;
    }


    .loading_animation_block.active .cloud.c2{
     left: -1500px; top: -200px;

        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        transform: scale(0.3);
        opacity: 0.6;
        -webkit-animation: moveclouds 30s linear infinite;
        -moz-animation: moveclouds 30s linear infinite;
        -o-animation: moveclouds 30s linear infinite;
    }


    .loading_animation_block.active .cloud.c3{
    left: -1350px; top: -400px;

        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.8; /*opacity proportional to the size*/

        -webkit-animation: moveclouds 35s linear infinite;
        -moz-animation: moveclouds 35s linear infinite;
        -o-animation: moveclouds 35s linear infinite;
    }



    .loading_animation_block.active .cloud.c4{
     left: 600px; top: -400px;

        -webkit-transform: scale(0.65);
        -moz-transform: scale(0.65);
        transform: scale(0.65);
        opacity: 0.75; /*opacity proportional to the size*/

        -webkit-animation: moveclouds 45s linear infinite;
        -moz-animation: moveclouds 45s linear infinite;
        -o-animation: moveclouds 45s linear infinite;
        z-index: 6;
    }



    .loading_animation_block.active .cloud.c5{
    left: 600px; top: -900px;

        -webkit-transform: scale(0.4);
        -moz-transform: scale(0.4);
        transform: scale(0.4);
        opacity: 0.6; /*opacity proportional to the size*/

        -webkit-animation: moveclouds 30s linear infinite;
        -moz-animation: moveclouds 30s linear infinite;
        -o-animation: moveclouds 30s linear infinite;
    }



    .loading_animation_block.active .cloud.c6{
        left: 750px; top: -1300px;
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0.4; /*opacity proportional to the size*/
        -webkit-animation: moveclouds 50s linear infinite;
        -moz-animation: moveclouds 50s linear infinite;
        -o-animation: moveclouds 50s linear infinite;
    }



    .loading_animation_block.active .cloud.c7{
        left: -400px; top: -1200px;
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0.3; /*opacity proportional to the size*/
        -webkit-animation: moveclouds 35s linear infinite;
        -moz-animation: moveclouds 35s linear infinite;
        -o-animation: moveclouds 35s linear infinite;
    }


    .loading_animation_block.active .cloud.c8{
        left: 500px; top: -1500px;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        transform: scale(0.3);
        opacity: 0.8; /*opacity proportional to the size*/
        -webkit-animation: moveclouds 60s linear infinite;
        -moz-animation: moveclouds 60s linear infinite;
        -o-animation: moveclouds 60s linear infinite;
    }


    .loading_animation_block.active .cloud.c9{
        left: 1000px; top: -1800px;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.8; /*opacity proportional to the size*/
        -webkit-animation: moveclouds 25s linear infinite;
        -moz-animation: moveclouds 25s linear infinite;
        -o-animation: moveclouds 25s linear infinite;
         z-index: 6;
    }



    .loading_animation_block.active .cloud.c10{
        left: 1200px; top: -2100px;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        transform: scale(0.3);
        opacity: 0.8; /*opacity proportional to the size*/
        -webkit-animation: moveclouds 35s linear infinite;
        -moz-animation: moveclouds 35s linear infinite;
        -o-animation: moveclouds 35s linear infinite;
    }



    .loading_animation_block.active .cloud.c11{
        left: -800px; top: -2300px;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.8; /*opacity proportional to the size*/
        -webkit-animation: moveclouds 20s linear infinite;
        -moz-animation: moveclouds 20s linear infinite;
        -o-animation: moveclouds 20s linear infinite;
         z-index: 6;
    }

    .loading_animation_block.active .cloud.c12{
        left: 1500px; top: -2500px;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        transform: scale(0.3);
        opacity: 0.8; /*opacity proportional to the size*/
        -webkit-animation: moveclouds 50s linear infinite;
        -moz-animation: moveclouds 50s linear infinite;
        -o-animation: moveclouds 50s linear infinite;
    }

    .loading_animation_block.active .cloud.c13{
        left: -1000px; top: -2700px;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.5; /*opacity proportional to the size*/
        -webkit-animation: moveclouds 60s linear infinite;
        -moz-animation: moveclouds 60s linear infinite;
        -o-animation: moveclouds 60s linear infinite;
    }


    .loading_animation_block.active .cloud.c14{
        left: 1500px; top: -2900px;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.5; /*opacity proportional to the size*/
        -webkit-animation: moveclouds 45s linear infinite;
        -moz-animation: moveclouds 45s linear infinite;
        -o-animation: moveclouds 45s linear infinite;
    }


    .loading_animation_block.active .cloud.c15{
        left: -1000px; top: -3100px;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.8; /*opacity proportional to the size*/
        -webkit-animation: moveclouds 35s linear infinite;
        -moz-animation: moveclouds 35s linear infinite;
        -o-animation: moveclouds 35s linear infinite;
    }


    .loading_animation_block.active .sun_group{
        position: absolute;
        top: 30px;
        right: 30px;
    }


    .loading_animation_block.active .sun {
     background-color:#ff4;color:#fe4;
     width:100px;height:100px;
     border-radius:50%;
     position:relative;
    }


    .loading_animation_block.active .sun:before {
     content:" ";
     width:40px;height:10px;margin:auto;
     position:absolute;left:0;right:0;top:0;bottom:0;
     border-radius:15px;
     box-shadow:80px 0px 0 1px currentColor,-80px 0 0 1px currentColor;
    }


    .loading_animation_block.active .sun:after {
     content:" ";
     width:10px;height:40px;margin:auto;
     position:absolute;left:0;right:0;top:0;bottom:0;
     border-radius:15px;
     box-shadow:0px 80px 0 1px currentColor,0 -80px 0 1px currentColor;
    }


    .loading_animation_block.active .sunny {
     position:absolute;left:0;right:0;top:0;bottom:0;
     width:10px;height:30px;margin:auto;
     transform:rotate(45deg);
     border-radius:15px;
     box-shadow:0px 80px 0 1px currentColor,0 -80px 0 1px currentColor;
    }

    .loading_animation_block.active .sunny:after {
     content:" ";
     position:absolute;
     width:10px;height:30px;margin:auto;
     transform:rotate(90deg);
     border-radius:15px;
     box-shadow:0 80px 0 1px currentColor,0 -80px 0 1px currentColor;
    }

    @keyframes run {
     to {transform:rotate(360deg);}
    }

    .loading_animation_block.active .sun {animation:run 30s linear infinite;}







    @-webkit-keyframes moveclouds {
        0% {margin-left: 100%;}
        100% {margin-left: -100%;}
    }
    @-moz-keyframes moveclouds {
        0% {margin-left: 100%;}
        100% {margin-left: -100%;}
    }
    @-o-keyframes moveclouds {
        0% {margin-left: 100%;}
        100% {margin-left: -100%;}
    }



    @keyframes shine{
        0%{
            opacity: 0;
        }
        35%{
            opacity: 1;
        }
        50%{
            opacity: 1;
        }
        65%{
            opacity: 1;
        }
        100%{
            opacity: 0;
        }
    }


    @keyframes runway{
        0%{
            opacity: 1;
        }

        65%{
            opacity: 1;
        }
        75%{
            opacity: 0;
        }
    }



    /* 進入空中 */
    @keyframes airplane_InToAir {
        0% {
            left: -200px;
            bottom: -150px;
            transform: rotate(-20deg);
        }
        10% {
            left: 50px;
            /*transform:rotate(5deg);*/
        }
        20% {
            /*transform:rotate(0deg);*/
        }
        30% {
            /*transform:rotate(-5deg);*/
        }
        40% {
            /*transform:rotate(0deg);*/
        }
        50% {
            /*transform:rotate(5deg);*/
        }
        60% {
            /*transform:rotate(0deg);*/
        }
        70% {
            /*transform:rotate(-5deg);*/
        }
        80% {
            /*transform:rotate(0deg);*/
        }
        90% {
            /*transform:rotate(5deg);*/
        }
        100% {
            left: 400px;
            bottom: 200px;
            transform: rotate(-4deg);
        }
    }




    /* 在空中 最順版*/
    /*@keyframes airplane_InAir {
        0% {
            bottom: 200px;
            left: 400px;
            transform: rotate(-4deg);
        }
        10% {
            bottom: 230px;
            left: 420px;
            transform:rotate(5deg);
        }
        20% {
            left: 450px;
            transform:rotate(0deg);
        }
        30% {
            bottom: 250px;
            left: 430px;
            transform:rotate(-5deg);
        }
        40% {
            transform:rotate(0deg);
        }
        50% {
            left: 350px;
            transform:rotate(5deg);
        }
        60% {
            bottom: 250px;
            transform:rotate(0deg);
        }
        70% {
            transform:rotate(-5deg);
        }
        80% {
            left: 350px;
            transform:rotate(0deg);
        }
        90% {
            bottom: 230px;
            transform:rotate(5deg);
        }
        100% {
            bottom: 200px;
            left: 400px;
            transform: rotate(-4deg);
        }
    }
    */

    /* 在空中 平穩版(楊總要)*/
    @keyframes airplane_InAir {
        0% {
            bottom: 200px;
            left: 400px;
            transform: rotate(-4deg);
        }
        10% {
            bottom: 200px;
            transform:rotate(-4deg);
        }
        50% {
            bottom: 200px;
            left: 480px;
            transform:rotate(-4deg);
        }
        100% {
            bottom: 200px;
            left: 400px;
            transform: rotate(-4deg);
        }
    }
    /* 地上 平穩版(楊總要)*/
    @keyframes airplaneMove_B {
        10% {
            left: 50px;
            transform:rotate(0deg);
        }
        20% {
            transform:rotate(0deg);
        }
        30% {
            transform:rotate(0deg);
        }
        40% {
            transform:rotate(0deg);
        }
        50% {
            transform:rotate(0deg);
        }
        60% {
            transform:rotate(0deg);
        }
        70% {
            transform:rotate(0deg);
        }
        80% {
            transform:rotate(0deg);
        }
        90% {
            transform:rotate(0deg);
        }
        100% {
            left: 50%;
            transform:rotate(0deg);
        }
    }

    /* 平穩版 */
    /*@keyframes airplaneMove_B {
        10% {
            left: 50px;
            transform:rotate(-5deg);
        }
        20% {
            transform:rotate(0deg);
        }
        30% {
            transform:rotate(5deg);
        }
        40% {
            transform:rotate(0deg);
        }
        50% {
            transform:rotate(-5deg);
        }
        60% {
            transform:rotate(0deg);
        }
        70% {
            transform:rotate(5deg);
        }
        80% {
            transform:rotate(5deg);
        }
        90% {
            transform:rotate(0deg);
        }
        100% {
            left: 50%;
            transform:rotate(-5deg);
        }
    }*/


    /*@keyframes airplaneMove {
        10% {
            left: 500px;
            transform:rotate(-25deg);
        }
        20% {
            transform:rotate(-15deg);
        }
        30% {
            transform:rotate(-20deg);
        }
        40% {
            transform:rotate(-10deg);
        }
        50% {
            transform:rotate(0deg);
        }
        60% {
            transform:rotate(5deg);
        }
        70% {
            transform:rotate(-5deg);
        }
        80% {
            transform:rotate(5deg);
        }
        90% {
            transform:rotate(-5deg);
        }
        100% {
            left: 500px;
            transform:rotate(0deg);
        }
    }
    */
    @keyframes airFly {
        0% {
            left: calc(50% + 0vw);
            transform:rotate(-5deg);
            bottom: 150px;
        }
        20% {
            transform: rotate(-10deg);
        }
        40% {
            transform: rotate(-15deg);
        }
        70% {
            transform: rotate(-23deg);
        }
        100% {
            left: calc(50% + 50vw);
            /*top: calc((100vh - 100px) / 2 - (100vh - 50px) / 2);*/

            bottom: 100%;
            transform: rotate(-23deg);
        }
    }


    @keyframes airFly {
        0% {
            left: calc(50% + 0vw);
            transform:rotate(-5deg);
            bottom: 150px;
        }
        20% {
            transform: rotate(-10deg);
        }
        40% {
            transform: rotate(-15deg);
        }
        70% {
            transform: rotate(-23deg);
        }
        100% {
            left: calc(50% + 50vw);
            /*top: calc((100vh - 100px) / 2 - (100vh - 50px) / 2);*/

            bottom: 100%;
            transform: rotate(-23deg);
        }
    }


    /* 不好用 40 - 41  會卡一下
    @keyframes conveyorMove {
        0% {
            left: 0px;
        }
        40% {
            left: -1832px;
            left: 0px;
        }
        41% {
            left: 0px;
        }
        100% {
            left: -1832px;
        }
    }*/







/* 調整整合後bug */
    .tristar_airticket_search_result_v2 ~ .footer {
         margin-bottom: 0px;
    }

    @media (max-width: 991px){
        .tristar_airticket_search_result_v2 .tab_style5 {
            position: static;
            margin-bottom: 20px;
        }
    }

/* 整體修改 */
    .footer .container-fluid:nth-child(1) .icon_list_item li .pic_box {
        height: 30px;
    }
    .footer .container-fluid:nth-child(1) .icon_list_item li .pic_box img {
        width: auto;
        height: 100%;
    }

/* 首頁修改 */
    .banner_style5 .carousel-inner>.item>a>img {
        min-height: 653px;
        object-fit: cover;
        min-width: 100%;
    }

    .tristar_airticket_index_ver2 .search_block {
        /*margin-top: 95px;*/
    }

/* 登入頁修改 */
    .fill_item>label.item_title>span {
        color: #333;
    }

    .tristar_login.content {
        display: block;
    }
    .login_block {}

    .login_block > .block_right ,
    .login_block > .block_left {
        width: 50%;
        float: left;
    }

    .login_block > .block_left {
        margin-left: -15px;
    }


    .login_block > .block_right {
        padding: 0 40px;
    }

    .login_block .login_form {
        width: 450px;
        max-width: 100%;
        /*margin: 0 auto;*/
    }

    .login_block > .block_right .tab-content {
        max-height: 70vh;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 10px 8px 10px 8px;
        margin-right: -16px;
        margin-left: -8px;
    }

    .tristar_login .container-fluid {
    }

    .tristar_login .nav-tabs.tab_style2>li.active>a {
        color: #fca254;
        border-color: #fca254;
    }

    .tristar_login .fill_form.form_style1 {
        padding: 30px 0;
        box-shadow: none;
    }

    .tristar_login .nav-tabs.tab_style2 {
        margin-top: 10vh;
    }

    /* -- 飛機動畫 -- */
        /*  */
            .animation_box {
                /*overflow: hidden;*/
                height: calc(100vh - 65px);
                background: #4e4e72;
                width: 85%;
            }

            .animation_box .air_fly {
                position: relative;
                height: 100%;
            }

            .animation_box .air_fly > * {
                transition: all .2s ease-out;
            }

            .air_fly .title {
                position: absolute;
                bottom: 10%;
                color: #fca254;
                font-size: 50px;
                width: 100%;
                text-align: center;
                letter-spacing: 25px;
            }

            .air_fly .airplane {
                position: absolute;
                width: 500px;
                right: 0;
                top: calc(50% - (300px / 2));
            }

            .air_fly [class*="cloud"] {
                position: absolute;
            }

            .air_fly .cloud1 {
                right: -30px;
                width: 100px;
                top: 10%;
                animation-duration: 25s;
                animation-name: cloud_a_move;
                animation-iteration-count: infinite;
                animation-timing-function: cubic-bezier(0.4, 1.06, 0.36, 0.14);
            }

            .air_fly .cloud2 {
                right: 70%;
                width: 130px;
                top: 6%;
                opacity: 0.6;
                animation-duration: 30s;
                animation-name: cloud_b_move;
                animation-iteration-count: infinite;
                animation-timing-function: cubic-bezier(0.96, 0.37, 0.55, 0.79);
            }

            .air_fly .cloud3 {
                right: 85%;
                width: 75px;
                top: 45%;
                opacity: 0.6;
                animation-duration: 18s;
                animation-name: cloud_c_move;
                animation-iteration-count: infinite;
                animation-timing-function: cubic-bezier(0.12, 0.71, 0.11, 0.92);
            }

            .air_fly .cloud4 {
                right: 90%;
                width: 110px;
                bottom: 16%;
                opacity: 0.6;
                animation-duration: 28s;
                animation-name: cloud_d_move;
                animation-iteration-count: infinite;
                animation-timing-function: cubic-bezier(1, 0.26, 0.93, 0.26);
            }

            .air_fly .cloud5 {
                right: 25%;
                width: 210px;
                top: calc(50% - (167px / 2) + 12%);
                animation-duration: 18s;
                animation-name: cloud_e_move;
                animation-iteration-count: infinite;
                animation-timing-function: cubic-bezier(0.55, -0.01, 0.62, 0.15);
            }

            .air_fly .cloud6 {
                right: 7%;
                width: 70px;
                bottom: 5%;
                opacity: 0.6;
                animation-duration: 25s;
                animation-name: cloud_f_move;
                animation-iteration-count: infinite;
                animation-timing-function: cubic-bezier(0.89, 0.32, 0, 1.01);
            }

            /* login */
                .air_fly.login .airplane{
                    transform: translateX(128px) rotate(-15deg);
                }

                .air_fly.login .register_show {
                    opacity: 0;
                }

                @keyframes cloud_a_move {
                    0% {
                        right: -5%;
                    }
                    79% {
                        right: 100%;
                        opacity: 0.6;
                    }
                    80% {
                        right: 100%;
                        opacity: 0;
                    }
                    81% {
                        right: -12%;
                        opacity: 0;
                    }
                    82% {
                        right: -12%;
                        opacity: 0.6;
                    }
                    100% {
                        right: -5%;
                    }
                }

                @keyframes cloud_b_move {
                    0% {
                        right: 70%;
                    }
                    29% {
                        right: 100%;
                        opacity: 0.6;
                    }
                    30% {
                        right: 100%;
                        opacity: 0;
                    }
                    31% {
                        right: -12%;
                        opacity: 0;
                    }
                    32% {
                        right: -12%;
                        opacity: 0.6;
                    }
                    100% {
                        right: 70%;
                    }
                }

                @keyframes cloud_c_move {
                    0% {
                        right: 85%;
                    }
                    29% {
                        right: 100%;
                        opacity: 0.6;
                    }
                    30% {
                        right: 100%;
                        opacity: 0;
                    }
                    31% {
                        right: -12%;
                        opacity: 0;
                    }
                    32% {
                        right: -12%;
                        opacity: 0.6;
                    }
                    100% {
                        right: 85%;
                    }
                }

                @keyframes cloud_e_move {
                    0% {
                        right: 25%;
                    }
                    69% {
                        right: 100%;
                        opacity: 0.6;
                    }
                    70% {
                        right: 100%;
                        opacity: 0;
                    }
                    71% {
                        right: -12%;
                        opacity: 0;
                    }
                    72% {
                        right: -12%;
                        opacity: 0.6;
                    }
                    100% {
                        right: 25%;
                    }
                }

                @keyframes cloud_d_move {
                    0% {
                        right: 90%;
                    }
                    19% {
                        right: 100%;
                        opacity: 0.6;
                    }
                    20% {
                        right: 100%;
                        opacity: 0;
                    }
                    21% {
                        right: -12%;
                        opacity: 0;
                    }
                    22% {
                        right: -12%;
                        opacity: 0.6;
                    }
                    100% {
                        right: 90%;
                    }
                }

                @keyframes cloud_f_move {
                    0% {
                        right: 7%;
                    }
                    79% {
                        right: 100%;
                        opacity: 0.6;
                    }
                    80% {
                        right: 100%;
                        opacity: 0;
                    }
                    81% {
                        right: -12%;
                        opacity: 0;
                    }
                    82% {
                        right: -12%;
                        opacity: 0.6;
                    }
                    100% {
                        right: 7%;
                    }
                }

            /* register */
                .air_fly.register .login_show {
                    opacity: 0;
                }

                .air_fly.register .airplane{
                    transform: translateX(115px) rotate(0deg);
                }

        @media (max-width: 1200px) {
            .air_fly .title{
                font-size: 40px;
                letter-spacing: 15px;
            }
        }

        @media (max-width: 991px) {
            .air_fly .airplane {
                width: 350px;
                top: calc(50% - (250px / 2));
            }

            .air_fly.login .airplane {
                transform: translateX(58px) rotate(-15deg);
            }

            .air_fly.register  .airplane {
                transform: translateX(75px) rotate(0deg);
            }

        }