@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300');

html {
    transition: margin-top 0.4s;
}

* {
    margin: 0;
    padding: 0;
    font-family: inherit;
    /* Text is never inflated */
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch; /* lets it scroll lazy */
    -webkit-text-size-adjust: 100%;
}

strong {
    font-weight: 600;
}

button, a[type="submit"] {
    -webkit-appearance: none;
    font-weight: 400;
    font-size: inherit;
}

input {
    font-weight: 400;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

input[type="text"][disabled] {
    -webkit-text-fill-color: #27afa0;
    opacity: 1 !important;
}

p {
    line-height: 6.25vw;
    font-weight: 400;
}

.blured {
    filter: blur(2px);
}

body {
    font-family: 'Montserrat', "Arial","微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif,Calibri;
    background: #fff;
    font-size: 4.0625vw;
    font-weight: 300;
}

    body.login {
        background: url(../img/body-bg.jpg) no-repeat top center;
        background-size: 100% 100%;
    }

.content {
    margin-top: 8vw;
}

.page-msg {
    padding: 3.125vw;
    color: #fff;
    text-align: center;
}

    .page-msg.blue {
        background: #4c806e;
    }

    .page-msg p {
        font-size: 4.6875vw;
        line-height: normal;
    }

    .page-msg ul li {
        list-style: disc;
        text-align: left;
        margin-left: 3.75vw;
        margin-bottom: 3.125vw;
    }

.remarks {
    overflow: hidden;
    margin-bottom: 3.125vw;
    color: #434343;
}

    .remarks h2 {
        color: #878787 !important;
        font-size: 4vw !important;
        margin-bottom: 2.66vw !important;
        font-weight: normal !important;
    }

    .remarks .remark-content {
        padding: 3.125vw;
        background: #eaf4ff;
        font-size: 3.4375vw;
        font-weight: 400;
    }

    .remarks ul, .remarks ol {
        margin-left: 5vw;
    }

    .remarks li {
        list-style: disc;
        margin-bottom: 3.125vw;
    }

    .remarks ol li {
        list-style: decimal;
    }

.remark-content p {
    color: #434343 !important;
}

.action-buttons {
    text-align: center;
    margin-bottom: 6.25vw;
    display: flex;
}

    .action-buttons.right-alg {
        text-align: right;
        justify-content: flex-end;
    }

        .action-buttons.right-alg .btn {
            width: auto;
        }

    .action-buttons.right-alg {
        text-align: right;
        justify-content: flex-end;
    }

        .action-buttons.right-alg .btn {
            width: auto;
        }

    .action-buttons.row-alg {
        flex-direction: column;
    }

.btn {
    /*messageBox有用到*/
    background: none;
    border: none;
    color: #27afa0;
    background-color: #fff;
    border-radius: 7.1875vw;
    padding: 3.125vw;
    box-sizing: border-box;
    margin: 0 3.125vw;
    cursor: pointer;
    text-transform: capitalize;
    border: 0.35156vw solid #27afa0;
    min-width: 20vw;
    display: inline-block;
    text-align: center;
    font-size: 3.75vw;
    line-height: 5vw;
    font-weight: 400;
}

    .btn:active,
    .btn.active {
        background-color: #27afa0;
        color: #fff;
    }

    .btn.download-btn {
        background: url(../img/DownloadButton.svg) no-repeat center;
        background-size: auto 100%;
        border: none;
        text-indent: -9999px;
        overflow: hidden;
    }

.action-buttons .btn {
    width: 100%;
}


.full-image a {
    display: block;
    overflow: hidden;
}

.full-image img {
    width: 100%;
    display: block;
}

.about-image {
    padding: 6.25vw 0;
    margin-bottom: 3.125vw;
    text-align: center;
}

    .about-image img {
        display: block;
        margin: 0 auto;
        width: 62.5vw;
    }

    .about-image.with-border-bottom {
        border-bottom: 1px solid #d1d5d8;
    }

    .about-image.no-padding-top {
        padding-top: 0;
    }

.flx {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 3.125vw;
}

    .flx.fix {
        justify-content: space-between;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: justify;
        justify-content: space-between;
        align-items: flex-start;
    }

    .flx .left img, .flx .right img {
        max-width: 46.875vw;
    }

    .flx.center-algn {
        align-items: center;
    }

    .flx.with-border-bottom {
        border-bottom: 0.625vw dashed #e6e6e5;
    }

    .flx.with-line-bottom {
        border-bottom: 0.625vw solid #e6e6e5;
    }

    .flx .mid {
        text-align: center;
    }

.solid {
    border-bottom: 0.625vw solid #e6e6e5 !important;
}

div > .btn:first-child {
    margin-left: 0;
}

div > .btn:last-child {
    margin-right: 0;
}


.bej-bg {
    background: #f7f4f0;
    /* padding: 3.125vw; */
    padding-bottom: 1.5625vw;
}

    .bej-bg.-with-shadow {
        box-shadow: 0 2.5vw 1.25vw -1.25vw rgba(0, 0, 0, 0.3);
    }

.qrbarcode {
    text-align: center;
}

    .qrbarcode span {
        display: block;
        margin-bottom: 1vw;
    }

    .qrbarcode .code-image {
        margin-bottom: 1.25vw;
    }

        .qrbarcode .code-image img {
            width: 46.875vw;
        }

.small-qr {
    width: 31.25vw;
}

.green-txt {
    color: #27afa0 !important;
}

.grey-txt {
    color: #878787 !important;
}

.red-txt {
    color: #ff550a !important;
}

.orange-txt {
    color: #ef922e !important;
    font-weight: 600;
}

#fountainG {
    position: relative;
    padding: 1vw;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    width: 10vw;
    margin: 0 auto;
    margin-bottom: 5vw;
}

.fountainG {
    background-color: rgb(39,175,159);
    width: 3vw;
    height: 2vw;
    animation-name: bounce_fountainG;
    -o-animation-name: bounce_fountainG;
    -ms-animation-name: bounce_fountainG;
    -webkit-animation-name: bounce_fountainG;
    -moz-animation-name: bounce_fountainG;
    animation-duration: 1s;
    -o-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    border-radius: 3vw;
    -o-border-radius: 3vw;
    -ms-border-radius: 3vw;
    -webkit-border-radius: 3vw;
    -moz-border-radius: 3vw;
}

#fountainG_1 {
    animation-delay: 0.316s;
    -o-animation-delay: 0.316s;
    -ms-animation-delay: 0.316s;
    -webkit-animation-delay: 0.316s;
    -moz-animation-delay: 0.316s;
}

#fountainG_2 {
    animation-delay: 0.3925s;
    -o-animation-delay: 0.3925s;
    -ms-animation-delay: 0.3925s;
    -webkit-animation-delay: 0.3925s;
    -moz-animation-delay: 0.3925s;
}

#fountainG_3 {
    animation-delay: 0.469s;
    -o-animation-delay: 0.469s;
    -ms-animation-delay: 0.469s;
    -webkit-animation-delay: 0.469s;
    -moz-animation-delay: 0.469s;
}

#fountainG_4 {
    animation-delay: 0.5455s;
    -o-animation-delay: 0.5455s;
    -ms-animation-delay: 0.5455s;
    -webkit-animation-delay: 0.5455s;
    -moz-animation-delay: 0.5455s;
}



@keyframes bounce_fountainG {
    0% {
        transform: scale(1);
        background-color: rgba(169,223,217,0.97);
    }

    100% {
        transform: scale(.2);
        background-color: rgba(169,223,217,0);
    }
}

@-o-keyframes bounce_fountainG {
    0% {
        -o-transform: scale(1);
        background-color: rgba(169,223,217,0.97);
    }

    100% {
        -o-transform: scale(.2);
        background-color: rgba(169,223,217,0);
    }
}

@-ms-keyframes bounce_fountainG {
    0% {
        -ms-transform: scale(1);
        background-color: rgba(169,223,217,0.97);
    }

    100% {
        -ms-transform: scale(.2);
        background-color: rgba(169,223,217,0);
    }
}

@-webkit-keyframes bounce_fountainG {
    0% {
        -webkit-transform: scale(1);
        background-color: rgba(169,223,217,0.97);
    }

    100% {
        -webkit-transform: scale(.2);
        background-color: rgba(169,223,217,0);
    }
}

@-moz-keyframes bounce_fountainG {
    0% {
        -moz-transform: scale(1);
        background-color: rgba(169,223,217,0.97);
    }

    100% {
        -moz-transform: scale(.2);
        background-color: rgba(169,223,217,0);
    }
}

.wrapper {
    position: relative;
}

.mainmenu {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    z-index: 50;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

    .mainmenu .close-menu {
        background: none;
        background-repeat: no-repeat;
        background-position: center;
        height: 100%;
        width: 9.375vw;
        margin: 0 1.5625vw;
        border: none;
        cursor: pointer;
        display: none;
        -webkit-appearance: none;
        text-indent: -9999px;
        position: fixed;
        right: 1.5625vw;
        top: 0;
        background-size: contain;
        cursor: pointer;
    }

    .mainmenu.open .close-menu {
        display: block;
    }

    .mainmenu .mainmenu-wrapper {
        overflow: auto;
        padding-right: 10vw;
        position: relative;
        height: 100%;
    }

    .mainmenu.open {
        left: 0;
    }

        .mainmenu.open .mainmenu-wrapper:after {
            content: "";
            position: fixed;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            background: rgba(255, 255, 255, 0.79);
            filter: blur(5px);
        }

    .mainmenu .welcome-box {
        position: relative;
    }

        .mainmenu .welcome-box img {
            width: 100%;
            display: block;
        }

        .mainmenu .welcome-box .username {
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            color: #fff;
            padding: 3vw;
            padding-left: 10vw;
            font-size: 5vw;
        }

            .mainmenu .welcome-box .username > * {
                display: block;
                color: #fff;
            }


    .mainmenu .menu-list {
        background: #fff;
        background-attachment: fixed;
    }

        .mainmenu .menu-list a {
            color: #878787;
            font-weight: normal;
            font-size: 4.5vw;
            padding: 4vw 0;
            display: block;
            position: relative;
        }

            .mainmenu .menu-list a i.down-arrow {
                background: url(../img/Down_icon.svg) no-repeat center;
                background-size: 100%;
                height: 6vw;
                width: 6vw;
                display: inline-block;
                vertical-align: middle;
            }

        .mainmenu .menu-list > ul > li > a {
            padding-left: 14.0625vw;
            border-bottom: 0.3125vw solid #f4f1ec;
            position: relative;
        }

        .mainmenu .menu-list > ul > li.item-booking > a {
            color: #f47e55;
        }

        .mainmenu .menu-list > ul > li.item-duty-free-shopping > a {
            color: #bba95a;
        }

        .mainmenu .menu-list > ul > li.item-home a,
        /* .mainmenu .menu-list > ul > li.item-duty-free-shopping a, */
        .mainmenu .menu-list > ul > li.item-special-offers a,
        /* .mainmenu .menu-list > ul > li.item-my-pass a, */
        .mainmenu .menu-list > ul > li.item-my-trip a,
        .mainmenu .menu-list > ul > li.item-sms a,
        /*.mainmenu .menu-list > ul > li.item-infinity-mileagelands a,*/
        .mainmenu .menu-list > ul > li.item-join a,
        .mainmenu .menu-list > ul > li.item-baggage-info a,
        /*.mainmenu .menu-list > ul > li.item-faq a,*/
        /* .mainmenu .menu-list > ul > li.item-uni-air a, */
        .mainmenu .menu-list > ul > li.item-star-alliance a,
        /*add 需求218_by20190611*/
        mainmenu .menu-list > ul > li.item-contactUsFeedback a,
        .mainmenu .menu-list > ul > li.item-about a {
            border-bottom-width: 2.1875vw;
        }

        .mainmenu .menu-list > ul > li > a:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 14.0625vw;
            background-repeat: no-repeat;
            background-position: left center;
            background-size: 14.0625vw 14.0625vw;
        }

        /***** default icon *****/
        .mainmenu .menu-list > ul > li.item-home > a:before {
            background-image: url("../img/menu/house.svg");
        }

        .mainmenu .menu-list > ul > li.item-booking > a:before {
            background-image: url("../img/menu/ticket.svg");
        }

        .mainmenu .menu-list > ul > li.item-ancillary > a:before {
            background-image: url("../img/menu/shopping_cart.svg");
        }

        .mainmenu .menu-list > ul > li.item-special-offers > a:before {
            background-image: url("../img/menu/purse.svg");
        }

        .mainmenu .menu-list > ul > li.item-duty-free-shopping > a:before {
            background-image: url("../img/menu/gift.svg");
        }

        .mainmenu .menu-list > ul > li.item-my-trip > a:before {
            background-image: url("../img/menu/user_with_airplane.svg");
        }

        .mainmenu .menu-list > ul > li.item-my-pass > a:before {
            background-image: url("../img/menu/QR_code.svg");
        }

        .mainmenu .menu-list > ul > li.item-timetable > a:before {
            background-image: url("../img/menu/calendar.svg");
        }

        .mainmenu .menu-list > ul > li.item-fligt-status > a:before {
            background-image: url("../img/menu/paper_plane.svg");
        }

        .mainmenu .menu-list > ul > li.item-sms > a:before {
            background-image: url("../img/menu/phone.svg");
        }

        .mainmenu .menu-list > ul > li.item-infinity-mileagelands > a:before {
            background-image: url("../img/menu/infinity_mileagelands_logo.svg");
        }

        .mainmenu .menu-list > ul > li.item-join > a:before {
            background-image: url("../img/menu/paper_with_pen.svg");
        }

        .mainmenu .menu-list > ul > li.item-dining > a:before {
            background-image: url("../img/menu/spoon_with_fork.svg");
        }

        .mainmenu .menu-list > ul > li.item-baggage-info > a:before {
            background-image: url("../img/menu/baggage.svg");
        }

        .mainmenu .menu-list > ul > li.item-faq > a:before {
            background-image: url("../img/menu/FQA.svg");
        }

        .mainmenu .menu-list > ul > li.item-eva-website > a:before {
            background-image: url("../img/menu/screen.svg");
        }

        .mainmenu .menu-list > ul > li.item-star-alliance > a:before {
            background-image: url("../img/menu/star_alliance_logo.svg");
        }

        .mainmenu .menu-list > ul > li.item-eva-homedelivery > a:before {
            background-image: url("../img/menu/EVA_homedelivery_logo.svg");
        }

        .mainmenu .menu-list > ul > li.item-uni-air > a:before {
            background-image: url("../img/menu/UNI_air_logo.svg");
        }

        .mainmenu .menu-list > ul > li.item-my-push > a:before {
            background-image: url("../img/menu/letter.svg");
        }

        .mainmenu .menu-list > ul > li.item-settings > a:before {
            background-image: url("../img/menu/gear.svg");
        }

        .mainmenu .menu-list > ul > li.item-terms > a:before {
            background-image: url("../img/menu/termsfile.svg");
        }

        .mainmenu .menu-list > ul > li.item-contact-us > a:before {
            background-image: url("../img/menu/telephone.svg");
        }

        .mainmenu .menu-list > ul > li.item-feedback > a:before {
            background-image: url("../img/menu/star.svg");
        }
        /*add 需求218_by20190611*/
        .mainmenu .menu-list > ul > li.item-contactUsFeedback > a:before {
            background-image: url("../img/menu/Contact_and_Rate_Us.svg");
        }
        /*add 需求241_By20190724*/
        .mainmenu .menu-list > ul > li.item-strike > a:before {
            background-image: url("../img/menu/paper_plane.svg");
        }
        .mainmenu .menu-list > ul > li.item-about > a:before {
            background-image: url("../img/menu/EVA_air_logo.svg");
        }

        /***** active icon *****/
        .mainmenu .menu-list > ul > li.item-home.active > a:before {
            background-image: url("../img/menu/house_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-booking.active > a:before {
            background-image: url("../img/menu/ticket_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-ancillary.active > a:before {
            background-image: url("../img/menu/shopping_cart_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-special-offers.active > a:before {
            background-image: url("../img/menu/purse_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-duty-free-shopping.active > a:before {
            background-image: url("../img/menu/gift_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-my-trip.active > a:before {
            background-image: url("../img/menu/user_with_airplane_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-my-pass.active > a:before {
            background-image: url("../img/menu/QR_code_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-timetable.active > a:before {
            background-image: url("../img/menu/calendar_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-fligt-status.active > a:before {
            background-image: url("../img/menu/paper_plane_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-sms.active > a:before {
            background-image: url("../img/menu/phone_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-infinity-mileagelands.active > a:before {
            background-image: url("../img/menu/infinity_mileagelands_logo_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-join.active > a:before {
            background-image: url("../img/menu/paper_with_pen_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-dining.active > a:before {
            background-image: url("../img/menu/spoon_with_fork_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-baggage-info.active > a:before {
            background-image: url("../img/menu/baggage_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-faq.active > a:before {
            background-image: url("../img/menu/FQA_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-eva-website.active > a:before {
            background-image: url("../img/menu/screen_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-star-alliance.active > a:before {
            background-image: url("../img/menu/star_alliance_logo_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-eva-homedelivery.active > a:before {
            background-image: url("../img/menu/EVA_homedelivery_logo_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-uni-air.active > a:before {
            background-image: url("../img/menu/UNI_air_logo_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-my-push.active > a:before {
            background-image: url("../img/menu/letter_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-settings.active > a:before {
            background-image: url("../img/menu/gear_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-terms.active > a:before {
            background-image: url("../img/menu/termsfile_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-contact-us.active > a:before {
            background-image: url("../img/menu/telephone_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-feedback.active > a:before {
            background-image: url("../img/menu/star_active.svg");
        }
        /*add 需求218_by20190611*/
        .mainmenu .menu-list > ul > li.item-contactUsFeedback.active > a:before {
            background-image: url("../img/menu/Contact_and_Rate_Us_active.svg");
        }
        /*add 需求241_by20190723*/
        .mainmenu .menu-list > ul > li.item-strike.active > a:before {
            background-image: url("../img/menu/paper_plane_active.svg");
        }

        .mainmenu .menu-list > ul > li.item-about.active > a:before {
            background-image: url("../img/menu/EVA_air_logo_active.svg");
        }

        .mainmenu .menu-list a.active, .mainmenu .menu-list a:active {
            color: #27afa0;
        }

.social-media {
    background: #fff;
    padding: 3vw;
}

    .social-media h2 {
        text-transform: uppercase;
        color: #5f5f5f !important;
        font-weight: normal;
        width: 100%;
        text-align: center;
    }

    .social-media .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .social-media a {
        text-indent: -9999px;
        width: 8vw;
        height: 8vw;
        border-radius: 15vw;
        overflow: hidden;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        margin: 3vw;
    }

        .social-media a.facebook {
            background-image: url(../img/facebook.svg);
        }

        .social-media a.youtube {
            background-image: url(../img/Youtuber.svg);
        }

        .social-media a.twitter {
            background-image: url(../img/twitter.svg);
        }

        .social-media a.instagram {
            background-image: url(../img/instagram.svg);
        }

        .social-media a.googleplus {
            background-image: url(../img/GooglePlus.svg);
        }

        .social-media a.linkedin {
            background-image: url(../img/Linkedin.svg);
        }

        .social-media a.weibo {
            background-image: url(../img/weibo_logo.svg);
        }

        .social-media a.yoku {
            background-image: url(../img/Youku_player.svg);
        }

        .social-media a.wechat {
            background-image: url(../img/wechat_logo.svg);
        }

        .social-media a.line {
            background-image: url(../img/Line.svg);
        }

.mainmenu .action-buttons {
    padding: 10vw;
    padding-left: 10vw;
    background: #fff;
    margin-bottom: 0;
}

    .mainmenu .action-buttons > .btn {
        padding: 3vw 5vw;
        border-radius: 10vw;
        padding-left: 15vw;
        background-image: url(../img/log_out_icon.svg);
        background-repeat: no-repeat;
        background-position: 5vw center;
        background-size: 8vw;
        font-size: 5vw;
        text-transform: lowercase;
        width: auto;
    }

    .mainmenu .action-buttons.login {
        background: none;
        padding: 0;
        text-align: left;
    }

        .mainmenu .action-buttons.login .btn {
            background-color: transparent;
            border-color: #fff;
            background-image: url(../img/login_icon_Off_White.svg);
            color: #fff;
            text-transform: uppercase;
            width: auto;
        }

            .mainmenu .action-buttons.login .btn:active {
                background-color: #27afa0;
            }

.header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    background: #faf8f5;
    padding: 3vw 0;
    flex-wrap: wrap;
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    z-index: 40;
}

    .header > .left, .header > .right {
        min-width: 9vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

.home .header {
    background: #87b3a2;
}

.login .header {
    background: none;
}

.home .header.sub {
    background: #faf8f5;
}

.header h1, .header h2 {
    color: #27afa0;
    font-size: 4.3vw;
    text-transform: uppercase;
    line-height: 7vw;
}

.login .header h1, .login .header h2 {
    color: #fff;
}

.header h1 i.eva-logo {
    background: url(../img/eva_air_logo_1.svg) no-repeat center;
    background-size: 100% auto;
    height: 7vw;
    width: 26vw;
    display: block;
}

.header button {
    background: none;
    background-repeat: no-repeat;
    background-position: center;
    height: 7vw;
    width: 7vw;
    margin: 0 2.66vw;
    border: none;
    cursor: pointer;
    display: block;
    -webkit-appearance: none;
    text-indent: -9999px;
    background-size: contain;
    position: relative;
}

.header .right a {
    padding: 1.5625vw;
    font-size: 3.4375vw;
    margin-right: 0;
    background: transparent;
}

.header button.back {
    background-image: url(../img/Go_back_page.svg);
}

.header button.homebtn {
    background-image: url(../img/Home.svg);
}


.header button.menubtn {
    background-image: url(../img/Burger_Menu.svg);
}

.home .header button.menubtn, .login .header button.menubtn {
    background-image: url(../img/Burger_Menu_White.svg);
}

.header button.donebtn {
    background-image: url(../img/Done_icon.svg);
}

    .header button.donebtn.withText {
        text-indent: 0;
        white-space: nowrap;
        width: auto;
        text-align: right;
        padding-left: 8vw;
        background-position: left center;
        text-transform: uppercase;
        font-size: 5vw;
        color: #5f5f5f;
    }

.header button.ntfbtn {
    background-image: url(../img/RingRing.svg);
}

.header button span {
    background: #ff8257;
    color: #fff;
    text-align: center;
    padding: 0.5vw 1.5vw;
    border-radius: 2vw;
    position: absolute;
    top: 1.8vw;
    display: block;
    text-indent: 0;
    font-size: 2vw;
}

.header .left button span {
    left: 60%;
}

.header .right button span {
    right: 60%;
}

.header .seatmap-header {
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .header .seatmap-header .name-container {
        overflow: hidden;
    }

        .header .seatmap-header .name-container a {
            color: #5f5f5f;
            display: block;
            border-bottom: 1px solid #5f5f5f;
            padding: 1.5vw;
            padding-right: 4vw;
            box-sizing: border-box;
            position: relative;
            background: url(../img/NextIcon.svg) no-repeat right center;
            background-size: 2vw auto;
            font-size: 2.5vw;
            text-transform: uppercase;
        }

            .header .seatmap-header .name-container a:before, .header .seatmap-header .name-container a:after {
                content: "";
                position: absolute;
                bottom: 0;
                height: 3px;
                width: 1px;
                background: #5f5f5f;
                left: 0;
            }

            .header .seatmap-header .name-container a:after {
                left: auto;
                right: 0;
            }

.header .seat-selection {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

    .header .seat-selection span {
        background: #27afa0;
        color: #fff;
        border-radius: 5vw;
        padding: 1.5vw;
        width: 7vw;
        display: block;
        text-align: center;
        font-size: 2.5vw;
    }

        .header .seat-selection span.blank {
            background: none;
            border: 1px solid #27afa0;
            color: #27afa0;
        }

    .header .seat-selection i {
        background: url(../img/Right_arrow.svg) no-repeat center;
        background-size: auto 3vw;
        height: 3vw;
        width: 3vw;
        display: block;
        margin: 0 1vw;
    }


.header .header-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

    .header .header-action a {
        border: 1px solid #27afa0;
        color: #27afa0;
        border-radius: 3.4375vw;
        padding: 1.5625vw 0.625vw;
        display: block;
        text-align: center;
        font-size: 1.875vw;
        margin-left: 1.25vw;
    }

        .header .header-action a:active {
            background: #27afa0;
            color: #fff;
        }

    .header .header-action button {
        border: 1px solid #27afa0;
        color: #27afa0;
        border-radius: 3vw;
        padding: 1.5vw;
        display: block;
        text-align: center;
        font-size: 2.5vw;
        margin-left: 1vw;
        text-indent: 0;
        width: auto;
    }

        .header .header-action button:active {
            background: #27afa0;
            color: #fff;
        }


    .header .header-action .info {
        background: url(../img/QuestionIcon.svg) no-repeat center;
        background-size: 5vw 5vw;
        border: none;
        height: 5vw;
        width: 5vw;
    }

#titleBar {
    position: relative;
    top: -5vw
}

.Input_Required {
    position: absolute;
    color: #ff550a;
}

.right_arrow {
    background-image: url(../img/Next_in.svg) !important;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: right;
}

.header .header-action .info {
    background: url(../img/QuestionIcon.svg) no-repeat center;
    background-size: 6.25vw 6.25vw;
    border: none;
    height: 6.25vw;
    width: 6.25vw;
}

#input_card_true {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    color: transparent;
    caret-color: #27afa0;
    font-family: 'Roboto Mono', monospace;
    font-weight: 500;
}

#input_card_no {
    z-index: 10;
    font-weight: 500;
    font-family: 'Roboto Mono', monospace;
}

#input_card_true::selection {
    color: transparent;
    background: transparent;
}

#input_card_true::-moz-selection {
    color: transparent;
    background: transparent;
}
/*# sourceMappingURL=master.css.map */