@charset "UTF-8";

.bg-0f79d6 {
    background-color: #0f79d6;
}

.bg-white, .content_uploadfile > div:first-child, .content_uploadfile > div:first-child > div > div > div:nth-child(2), .content_userinfo_step1 > div:first-child, .content_userinfo_step1 > div:nth-child(2) > div:first-child, .content_bankandfinancial > div:first-child > div:nth-child(2) > div:nth-child(3) > div, .Financial_Files_item > div:nth-child(odd) > div > div {
    background-color: white;
}

.bg-b3b8c4 {
    background-color: #b3b8c4;
}

.bg-e4e8f0 {
    background-color: #e4e8f0;
}

.bg-f2f4f7, body, .phone-verify > div > div:nth-child(4) > div > input[type=search], .phone-verify > div > div:nth-child(6) > div:first-child > input[type=search], .phone-verify > div > div:nth-child(9) > div > input[type=search], .identity-confirm2 > table > tbody > tr:nth-child(2) > td > div {
    background-color: #f2f4f7;
}

.bg-caced9 {
    background-color: #caced9;
}

.bg-e9e9e9, .content_bankandfinancial > div:first-child > div:nth-child(2) > div:first-child > div:last-child > div {
    background-color: #e9e9e9;
}

.bg-1e8bfa {
    background-color: #1E8BFA;
}

.bg-076ed7 {
    background-color: #076ed7;
}

.bg-076ed7-important {
    background-color: #076ed7 !important;
}

.bg-transparent {
    background-color: transparent;
}

.border-0f79d6 {
    border-color: #0f79d6 !important;
}

.border-e4e8f0 {
    border-color: #e4e8f0 !important;
}

.border-b3b8c4 {
    border-color: #b3b8c4 !important;
}

.border-005bac {
    border-color: #005bac !important;
}

.border-076ed7, .content_bankandfinancial > div:first-child > div:nth-child(2) > div:nth-child(3) > div, .Financial_Files_item > div:nth-child(odd) > div > div {
    border-color: #076ed7 !important;
}

.color-076ed7 {
    color: #076ed7 !important;
}

.color-ff033d, .content_uploadfile > div:first-child > div > div > div:first-child > span:first-child {
    color: #ff033d;
}

.color-0f79d6, .content_ready > div:first-child > div:nth-child(4) > div:nth-child(odd):not(:last-child) > div > div:last-child > a, .content_otp .div-checkbox > div > div:last-child > a {
    color: #0f79d6;
}

.color-0f79d6-important {
    color: #0f79d6 !important;
}

.color-737373 {
    color: #737373;
}

.color-white {
    color: white !important;
}

.color-black {
    color: black;
}

.color-caced9 {
    color: #caced9;
}

.color-8F95A3 {
    color: #8F95A3;
}

.color-ffffff {
    color: #ffffff;
}

.color-e4e8f0 {
    color: #e4e8f0;
}

.color-b5022b {
    color: #b5022b;
}

.color-b3b8c4 {
    color: #b3b8c4;
}

.color-005bac {
    color: #005bac;
}

.color-bcbcbc {
    color: #bcbcbc;
}

.color-323232 {
    color: #323232;
}

.font-title {
    font-size: 28px !important;
}

.font-subtitle {
    font-size: clamp(18px, 6vw, 26px) !important;
}

.font-bigger-content {
    font-size: clamp(12px, 4vw, 22px) !important;
}

.font-bigger-content2 {
    font-size: clamp(12px, 5vw, 22px) !important;
}

.font-content2 {
    font-size: clamp(12px, 4vw, 18px) !important;
}

.font-small-content {
    font-size: clamp(12px, 3vw, 14px) !important;
}

.txt_192_Important {
    font-size: 19.2px !important;
}

.font-content-24 {
    font-size: 24px !important;
}

.font-content-21 {
    font-size: 21px !important;
}

.font-content-18 {
    font-size: 18px !important;
}

.font-content-16 {
    font-size: 16px !important;
}

.font-content-15 {
    font-size: 15px !important;
}

.font-content-18-500 {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.font-content-18-400 {
    font-size: 18px !important;
    font-weight: 400 !important;
}

.font-content-18-500 {
    font-size: 18px !important;
    font-weight: 500 !important;
}

.font-content-18-600 {
    font-size: 18px !important;
    font-weight: 600 !important;
}

.font-content-21-600 {
    font-size: 21px !important;
    font-weight: 600 !important;
}

.font-content-15-600 {
    font-size: 15px !important;
    font-weight: 600 !important;
}

.font-content-16-400, .content_password > div:first-child > div > div > div:nth-child(n+4) > div, .content_bankandfinancial > div:first-child > div:nth-child(2) > div:first-child > div:first-child, .content_bankandfinancial > div:first-child > div:nth-child(2) > div:nth-child(2) > div:first-child {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.font-content-16-500 {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.font-content-16-600 {
    font-size: 16px !important;
    font-weight: 600 !important;
}

.font-content-18-8f95a3-600 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #8f95a3 !important;
}

.font-content-24-600 {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.font-content-16-737373-500 {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #737373 !important;
}

.font-content-16-ffffff-500 {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
}

.font-content-16-323232-600 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #323232 !important;
}

.font-content-16-323232-400 {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #323232 !important;
}

.font-content-16-b5022b-400 {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #b5022b !important;
}

.font-content-16-black-400 {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #000000 !important;
}

.font-content-16-black-600, .content_bankandfinancial > div:first-child > div:first-child > div:first-child, .content_bankandfinancial > div:nth-child(3) > div:first-child > div:first-child {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #000000 !important;
}

.font-content-16-white-400 {
    font-size: 16px !important;
    font-weight: 400 !important;
    background-color: #0f79d6 !important;
    color: #ffffff !important;
}

.font-content-16-b3b8c4-400, .phone-verify > div > div:nth-child(4) > div > input[type=search]::placeholder, .phone-verify > div > div:nth-child(6) > div:first-child > input[type=search]::placeholder, .phone-verify > div > div:nth-child(9) > div > input[type=search]::placeholder {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #b3b8c4 !important;
}

.font-content-16-0f79d6-400 {
    font-size: 16px !important;
    font-weight: 400 !important;
    background-color: #ffffff !important;
    color: #0f79d6 !important;
}

.font-content-16-737373-400 {
    font-size: 16px !important;
    font-weight: 400 !important;
    background-color: #ffffff !important;
    color: #737373 !important;
}

.font-content-16-0f79d6-500 {
    font-size: 16px !important;
    font-weight: 500 !important;
    background-color: #ffffff !important;
    color: #0f79d6 !important;
}

.font-content-18-black-400 {
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #000000 !important;
}

.font-content-18-black-500 {
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

.font-content-16-005bac-500 {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #005bac !important;
}

.font-content-16-bcbcbc-500 {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #bcbcbc !important;
}

.font-content-18-black-600, .content_uploadfile > div:first-child > div > div > div:first-child {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #000000 !important;
}

.font-content-24-0f79d6-600, .phone-verify > div > div:first-child > div {
    font-size: 24px !important;
    font-weight: 600 !important;
    background-color: #ffffff !important;
    color: #0f79d6 !important;
}

.font-content-16-black-bgwhite-400, .content_uploadfile > div:first-child > div > div > div:first-child > span:nth-child(2), .identity-confirm > table > tbody > tr:nth-child(3) > td > div {
    font-size: 16px !important;
    font-weight: 400 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

.font-content-18-black-bgwhite-400 {
    font-size: 18px !important;
    font-weight: 400 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

.font-content-16-8F95A3-bgwhite-400 {
    font-size: 16px !important;
    font-weight: 400 !important;
    background-color: #ffffff !important;
    color: #8f95a3 !important;
}

.font-content-18-8F95A3-bgwhite-400 {
    font-size: 18px !important;
    font-weight: 400 !important;
    background-color: #ffffff !important;
    color: #8f95a3 !important;
}

.btn-default-regular2, .btn-default-regular-previous, .identity-confirm2 > table > tbody > tr:nth-child(3) > td > div > div:first-child > btn {
    margin: 10px;
    border-radius: 8px;
    white-space: nowrap;
    height: 40px;
    width: 200px;
    font-weight: bold;
    font-size: min(5vw, 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
    /* & > a {
       color: #fff;
       text-decoration-color:#ffffff;
       cursor: pointer;
   }*/
    font-size: 16px !important;
    font-weight: 500 !important;
    background-color: #ffffff !important;
    color: #005bac !important;
    border: 1px solid #076ed7 !important;
    height: 48px;
}

.btn-default-regular3, .content_bankandfinancial > div:nth-child(3) > div:nth-child(2) > div:last-child > div > btn {
    margin: 10px;
    border-radius: 8px;
    white-space: nowrap;
    height: 40px;
    width: 200px;
    font-weight: bold;
    font-size: min(5vw, 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
    /* & > a {
       color: #fff;
       text-decoration-color:#ffffff;
       cursor: pointer;
   }*/
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #005bac !important;
    height: 48px;
    width: 100%;
}

.btn-default-regular, .identity-confirm > table > tbody > tr:nth-child(4) > td > div > div:last-child > btn, .identity-confirm2 > table > tbody > tr:nth-child(3) > td > div > div:last-child > btn, .btn-default-regular-extend, .uistep2Info > div:last-child > btn {
    margin: 10px;
    border-radius: 8px;
    white-space: nowrap;
    height: 40px;
    width: 200px;
    font-weight: bold;
    font-size: min(5vw, 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
    /* & > a {
       color: #fff;
       text-decoration-color:#ffffff;
       cursor: pointer;
   }*/
    font-size: 16px !important;
    font-weight: 500 !important;
    background-color: #076ed7 !important;
    color: #ffffff !important;
    border: 1px solid;
    box-shadow: none;
    width: 100%;
    height: 48px;
    cursor: pointer;
    margin: 10px 0px !important;
}

.btn-default-regular4 {
    margin: 10px;
    border-radius: 8px;
    white-space: nowrap;
    height: 40px;
    width: 200px;
    font-weight: bold;
    font-size: min(5vw, 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
    /* & > a {
       color: #fff;
       text-decoration-color:#ffffff;
       cursor: pointer;
   }*/
    font-size: 16px !important;
    font-weight: 500 !important;
    background-color: #076ed7 !important;
    color: #ffffff !important;
    margin: 0px;
    border: 1px solid;
    box-shadow: none;
    width: 100%;
    height: 48px;
    cursor: pointer;
}

.btn-default-regular-disabled {
    margin: 10px;
    border-radius: 8px;
    white-space: nowrap;
    height: 40px;
    width: 200px;
    font-weight: bold;
    font-size: min(5vw, 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
    /* & > a {
       color: #fff;
       text-decoration-color:#ffffff;
       cursor: pointer;
   }*/
    font-size: 16px !important;
    font-weight: 500 !important;
    background-color: #e9e9e9 !important;
    color: #bcbcbc !important;
    box-shadow: none;
    width: 100%;
    height: 48px;
    cursor: default;
    border: 0px;
    margin: 10px 0px !important;
}

    .btn-default-regular-disabled > a {
        cursor: default;
    }

.btn-default-regular-previous, .identity-confirm2 > table > tbody > tr:nth-child(3) > td > div > div:first-child > btn {
    margin: 0px;
    width: 100%;
}

.btn-default-regular-100 {
    margin: 10px;
    border-radius: 8px;
    white-space: nowrap;
    height: 40px;
    width: 200px;
    font-weight: bold;
    font-size: min(5vw, 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
    /* & > a {
       color: #fff;
       text-decoration-color:#ffffff;
       cursor: pointer;
   }*/
    font-size: 18px !important;
    font-weight: 400 !important;
    background-color: #0f79d6 !important;
    color: #ffffff !important;
    width: auto;
    cursor: pointer;
}

    .btn-default-regular-100 > a {
        cursor: pointer;
    }

.btn-default-regular-disabled-100 {
    margin: 10px;
    border-radius: 8px;
    white-space: nowrap;
    height: 40px;
    width: 200px;
    font-weight: bold;
    font-size: min(5vw, 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
    /* & > a {
       color: #fff;
       text-decoration-color:#ffffff;
       cursor: pointer;
   }*/
    font-size: 18px !important;
    font-weight: 400 !important;
    background-color: #b3b8c4 !important;
    color: #ffffff !important;
    width: auto;
    cursor: default;
}

    .btn-default-regular-disabled-100 > a {
        cursor: default;
    }

.btn-default-regular-extend, .uistep2Info > div:last-child > btn {
    font-size: 18px !important;
    font-weight: 400 !important;
    width: 100%;
    margin: 0px;
    cursor: pointer;
}

    .btn-default-regular-extend > a, .uistep2Info > div:last-child > btn > a {
        cursor: pointer;
    }

.btn-default-regular-extend-disabled {
    margin: 10px;
    border-radius: 8px;
    white-space: nowrap;
    height: 40px;
    width: 200px;
    font-weight: bold;
    font-size: min(5vw, 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
    /* & > a {
       color: #fff;
       text-decoration-color:#ffffff;
       cursor: pointer;
   }*/
    font-size: 18px !important;
    font-weight: 400 !important;
    background-color: #b3b8c4 !important;
    color: #0f79d6 !important;
    width: 100%;
    margin: 0px;
    cursor: default;
}

    .btn-default-regular-extend-disabled > a {
        cursor: default;
    }

.btn-default-regular-extend-white, .content_uploadfile > div:first-child > div > div > div:nth-child(3) > btn, .identity-confirm > table > tbody > tr:nth-child(4) > td > div > div:first-child > btn {
    margin: 10px;
    border-radius: 8px;
    white-space: nowrap;
    height: 40px;
    width: 200px;
    font-weight: bold;
    font-size: min(5vw, 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
    /* & > a {
       color: #fff;
       text-decoration-color:#ffffff;
       cursor: pointer;
   }*/
    font-size: 16px !important;
    font-weight: 500 !important;
    background-color: #ffffff !important;
    color: #0f79d6 !important;
    border: 1px solid #0f79d6 !important;
    width: 96px;
    height: 40px;
    margin: 0px;
}

.btn-default-regular-extend-white_2 {
    margin: 10px;
    border-radius: 8px;
    white-space: nowrap;
    height: 40px;
    width: 200px;
    font-weight: bold;
    font-size: min(5vw, 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
    /* & > a {
       color: #fff;
       text-decoration-color:#ffffff;
       cursor: pointer;
   }*/
    font-size: 18px !important;
    font-weight: 400 !important;
    background-color: #ffffff !important;
    color: #0f79d6 !important;
    border: 1px solid #0f79d6 !important;
    width: auto;
    margin: 10px;
}

    .btn-default-regular-extend-white_2 > a {
        color: #0f79d6 !important;
    }

.btn-default-regular-disabled-OTP {
    margin: 10px;
    border-radius: 8px;
    white-space: nowrap;
    height: 40px;
    width: 200px;
    font-weight: bold;
    font-size: min(5vw, 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
    /* & > a {
       color: #fff;
       text-decoration-color:#ffffff;
       cursor: pointer;
   }*/
    font-size: 18px !important;
    font-weight: 400 !important;
    background-color: #b3b8c4 !important;
    color: #e4e8f0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
}

    .btn-default-regular-disabled-OTP:focus {
        outline: none !important;
        box-shadow: none !important;
    }

.btn-default-regular-OTP {
    margin: 10px;
    border-radius: 8px;
    white-space: nowrap;
    height: 40px;
    width: 200px;
    font-weight: bold;
    font-size: min(5vw, 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
    /* & > a {
       color: #fff;
       text-decoration-color:#ffffff;
       cursor: pointer;
   }*/
    font-size: 18px !important;
    font-weight: 400 !important;
    background-color: #0f79d6 !important;
    color: #ffffff !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
}

    .btn-default-regular-OTP:focus {
        outline: none !important;
        box-shadow: none !important;
    }

.btn-default-disabled {
    margin: 10px;
    border-radius: 8px;
    white-space: nowrap;
    height: 40px;
    width: 200px;
    font-weight: bold;
    font-size: min(5vw, 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
    /* & > a {
       color: #fff;
       text-decoration-color:#ffffff;
       cursor: pointer;
   }*/
    font-size: 16px !important;
    font-weight: 400 !important;
    background-color: #ffffff !important;
    color: #b3b8c4 !important;
    border: 1px solid #b3b8c4 !important;
    width: 120px !important;
    margin: 5px !important;
}

.btn-default-pass {
    width: 120px !important;
    margin: 5px !important;
    margin: 10px;
    border-radius: 8px;
    white-space: nowrap;
    height: 40px;
    width: 200px;
    font-weight: bold;
    font-size: min(5vw, 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
    /* & > a {
       color: #fff;
       text-decoration-color:#ffffff;
       cursor: pointer;
   }*/
    font-size: 16px !important;
    font-weight: 400 !important;
    background-color: #0f79d6 !important;
    color: #ffffff !important;
}

.displaynone {
    display: none !important;
}

.display {
    display: flex !important;
}

.width100 {
    width: 100% !important;
}

.btnNonSelect {
    background-color: #ffffff !important;
}

.btnSelected {
    background-color: #f2f4f7 !important;
}

.hidden {
    visibility: hidden;
}

.nothidden {
    visibility: visible;
}

.disabled {
    color: #BCBCBC !important;
    cursor: default;
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}

.dropdownlist-default, .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > btn.dropdown, .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > btn.calendar, .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(3) > div > div:last-child, .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(5) > div > div:last-child, .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(9) > div > div:last-child, .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(4) > div > btn.dropdown, .content_paybank > div:nth-child(odd):first-child > div:nth-child(4) > div > btn.dropdown, .sdoa_content_ready > div > div:nth-child(odd):nth-child(5) > div > div:last-child > div > btn.dropdown, .sdoa_content_ready > div > div:nth-child(odd):nth-child(5) > div > div:last-child > div > btn.calendar, .sdoa_content_main > div > div:nth-child(odd):nth-child(1) > div > btn.dropdown {
    white-space: nowrap;
    display: block;
    border-radius: 8px;
    text-align: center;
    height: 40px;
    padding: 10px 16px;
    text-align: left;
    align-content: center;
    cursor: pointer;
}

.btn-nonselect {
    height: 40px;
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 15px !important;
    font-weight: 500 !important;
    background-color: #e9e9e9;
    color: #9E9E9E;
}

.btn-select {
    height: 40px;
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px !important;
    font-weight: 500 !important;
    background-color: #1e8bfa;
    color: #323232;
}
.btn-nonselect.btn-option {
    background-color: #E9E9E9;
    color: #737373;
}

.btn-select.btn-option {
    background-color: #076ED7;
    color: #ffffff;
}

.btn-nonselect.btn-option.disabled {
    background-color: #E9E9E9 !important;
    color: #BCBCBC !important;
}

.btn-select.btn-option.disabled {
    background-color: #BCD6EE !important;
    color:#ffffff !important;
}

btn.dropdown.nonselect {
    color: #929292;
}

btn.dropdown {
    background-color: #F0F0F0;
    color: #323232;
}

    btn.dropdown.disabled {
        background-color: #E9E9E9;
        color: #BCBCBC;
    }


.input-default-eye > input[type=search] {
    border-radius: 8px;
    width: 100%;
    border: none;
    height: 40px;
    outline: none;
    background-color: #f2f4f7 !important;
}

    .input-default-eye > input[type=search]::placeholder {
        font-size: 16px !important;
        font-weight: 400 !important;
        color: #b3b8c4 !important;
        padding-left: 5px;
    }

    .input-default-eye > input[type=search]::-webkit-search-cancel-button {
        position: relative;
        -webkit-appearance: none;
        height: 16px;
        width: 16px;
        border-radius: 10px;
        background-image: url("../img/eye_open.png");
        cursor: pointer;
    }

.input-password > input, .content_password > div:first-child > div > div:first-child > div:nth-child(-n+2) > input, .content_password > div:first-child > div > div > div:nth-child(-n+2) > input, .content_password > div:nth-child(2) > div:nth-child(2) > input, .content_password > div:nth-child(2) > div:nth-child(3) > input {
    border-radius: 8px;
    width: 100%;
    border: none;
    height: 40px;
    outline: none;
    padding: 12px 16px;
    background-color: #f2f4f7 !important;
}

    .input-password > input::placeholder, .content_password > div:first-child > div > div:first-child > div:nth-child(-n+2) > input::placeholder, .content_password > div:first-child > div > div > div:nth-child(-n+2) > input::placeholder, .content_password > div:nth-child(2) > div:nth-child(2) > input::placeholder, .content_password > div:nth-child(2) > div:nth-child(3) > input::placeholder {
        font-size: 16px !important;
        font-weight: 400 !important;
        color: #b3b8c4 !important;
    }

    .input-password > input::-ms-reveal, .content_password > div:first-child > div > div:first-child > div:nth-child(-n+2) > input::-ms-reveal, .content_password > div:first-child > div > div > div:nth-child(-n+2) > input::-ms-reveal, .content_password > div:nth-child(2) > div:nth-child(2) > input::-ms-reveal, .content_password > div:nth-child(2) > div:nth-child(3) > input::-ms-reveal, .input-password input::-ms-clear, .content_password > div:first-child > div > div:first-child > div:nth-child(-n+2) input::-ms-clear, .content_password > div:first-child > div > div > div:nth-child(-n+2) input::-ms-clear, .content_password > div:nth-child(2) > div:nth-child(2) input::-ms-clear, .content_password > div:nth-child(2) > div:nth-child(3) input::-ms-clear {
        display: none;
    }

.eye-icon-open {
    width: 16px;
    height: 16px;
    float: right;
    margin-right: 5px;
    margin-top: -28px;
    position: relative;
    z-index: 2;
    content: url("../img/eye_open.png");
    cursor: pointer;
}

.eye-icon-close {
    width: 16px;
    height: 16px;
    float: right;
    margin-right: 5px;
    margin-top: -28px;
    position: relative;
    z-index: 2;
    content: url("../img/eye_close.png");
    cursor: pointer;
}

.icon-clear {
    width: 16px;
    height: 16px;
    float: right;
    margin-right: 12px;
    margin-top: -28px;
    position: relative;
    z-index: 2;
    content: url("../img/icon_delete.png");
    cursor: pointer;
}

.icon-error {
    width: 16px;
    height: 16px;
    float: right;
    margin-right: 12px;
    margin-top: -28px;
    position: relative;
    z-index: 2;
    content: url("../img/icon_error.png");
    cursor: pointer;
}

.svg-open {
    cursor: pointer;
    transform: rotate(-90deg);
}

.svg-close {
    cursor: pointer;
    transform: rotate(90deg);
}

.div-imgselected {
    border: 5px solid #076ed7 !important;
}

.pop_tit {
    height: 60px;
    line-height: 60px;
    background-color: #e8edf3;
    text-align: center;
    font-size: 1.125rem;
    padding: 0 10px;
    box-sizing: border-box;
}

.modal-content-fix, .modal-dialog-checkbox, .modal-dialog-insider-checkbox {
    text-align: left !important;
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

.modal-content-fix-confirm {
    text-align: left !important;
    padding-top: 15px !important;
    padding-left: 15px;
    padding-right: 15px;
}

.modal-content-maintain-fix {
    text-align: center;
    padding: 15px;
}

.modal-dialog-checkbox, .modal-dialog-insider-checkbox {
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
}

.modal-dialog-insider-checkbox {
    display: grid;
}

.modal-body_regular div {
    padding-top: 0px;
}

.modal-sm-extend {
    max-width: 100dvw;
}

.modalNoticeContent-font {
    font-size: 19.2px !important;
    text-align: left;
}

.modalNoticeContent-maintain {
    height: 300px;
    font-size: 19.2px !important;
}

@media screen and (max-width: 390px) {
    .modalNoticeContent-height {
        height: 300px;
    }
}

@media screen and (min-width: 390px) and (max-width: 414px) {
    .modalNoticeContent-height {
        height: 400px;
    }
}

@media screen and (min-width: 415px) {
    .modalNoticeContent-height {
        height: 500px;
    }
}

.modal-dialog-centered-custom {
    display: flex;
    align-items: flex-start;
    min-width: 328px;
    max-width: 616px;
}

.modal-title-font {
    font-size: 16px !important;
}

.dialogbtnitem, .dialogbtnitem_left_all, .dialogbtnitem_left_nostock, .dialogbtnitem_left {
    font-size: 19.2px !important;
    border: none;
    color: #575757;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    height: 50px !important;
}

.dialogbtnitem_left {
    text-align: left;
}

.dialogbtnitem_left_nostock {
    text-align: left;
    cursor: none;
}

.dialogbtnitem_left_all {
    text-align: left;
}

.dialogbtn_del, .dialogbtn_del_selected {
    background-color: white; /* Green */
    border-left: 1px solid #4189be;
    border-top: 1px solid #4189be;
    border-bottom: 1px solid #4189be;
    border-right: 1px solid #4189be;
    color: #4189be;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.dialogbtn_del_selected {
    background-color: #4189be; /* Green */
    color: white;
}

.dialogbtn_edit, .dialogbtn_edit_selected {
    font-size: 16px !important;
    background-color: white; /* Green */
    border-left: 0px solid #4189be;
    border-top: 1px solid #4189be;
    border-bottom: 1px solid #4189be;
    border-right: 1px solid #4189be;
    color: #4189be;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

.dialogbtn_edit_selected {
    background-color: #4189be; /* Green */
    color: white;
}

@media screen and (max-width: 375px) {
    .taxmodal-content-height {
        height: calc(100vh - 180px);
    }
}

.dialogfooter_nonborder {
    border-top: 0px !important;
}

.taximg-src-wh {
    width: 100%;
    cursor: pointer;
    border: 1px solid lightgray;
    border-radius: 15px;
    padding: 15px 0px 15px 0px;
}

@media screen and (max-width: 375px) {
    .taximg-src-wh {
        height: 200px;
    }
}

@media screen and (min-width: 376px) {
    .taximg-src-wh {
        height: 250px;
    }
}

/* CSS Document */
/* --起始-- */
.modal-content, .modal-content_regular, .modal-content_regular1, .modal-content_regular2 {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 0px;
    min-width: 250px;
    min-height: 100px;
}

.modal-header_regular, .modal-header_regular1, .modal-header_regular2, .modal-header_regular3 {
    display: flex;
    flex-direction: row;
    padding: 0px 10px;
    height: 50px !important;
    /*border-bottom: 1px solid #878787;*/
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #ebebeb;
}

.modal-header_regular1 {
    background-color: #d94126;
}

.modal-header_regular2 {
    background-color: #4189be;
}

.modal-header_regular3 {
    background-color: #ebebeb; /* --即將改成 #ebebeb 原#fff-- */
}

.modal-header_regular4 {
    background-color: #ffffff; /* --即將改成 #ebebeb 原#fff-- */
    padding: 24px 0px;
    height: auto !important;
}

.modal-content-regular {
    background-color: #ffffff; /* --即將改成 #ebebeb 原#fff-- */
}

    .modal-content-regular > div:first-child {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #ffffff; /* --即將改成 #ebebeb 原#fff-- */
        padding: 24px 0px;
        height: auto !important;
    }

        .modal-content-regular > div:first-child > div:nth-child(odd) {
            width: 40px;
            display: flex;
            justify-content: left;
            align-items: center;
        }

        .modal-content-regular > div:first-child > div:nth-child(even) {
            width: calc(100% - 80px);
        }

            .modal-content-regular > div:first-child > div:nth-child(even) > h5 {
                font-size: 21px;
                font-weight: 600;
                color: #076ed7;
            }

    .modal-content-regular > div:nth-child(2) > div {
        font-size: 16px;
        font-weight: 400;
        min-height: 50px;
        padding: 0px 16px;
    }

    .modal-content-regular > div:last-child {
        padding: 40px 0px 24px;
    }

.modal-header_regular > div {
    flex: 1 1 auto;
    transition: width 0.7s ease-out;
}

    .modal-header_regular > div:nth-child(1), .modal-header_regular1 > div:nth-child(1), .modal-header_regular2 > div:nth-child(1), .modal-header_regular3 > div:nth-child(1) { /*background: #009246*/
        font-size: 1.5rem;
        font-weight: 700;
        width: 30px;
    }

    .modal-header_regular > div:nth-child(2), .modal-header_regular1 > div:nth-child(2), .modal-header_regular2 > div:nth-child(2), .modal-header_regular3 > div:nth-child(2) { /*background: #F1F2F1*/
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        width: calc(100% - 30px);
    }

    .modal-header_regular > div:nth-child(3), .modal-header_regular1 > div:nth-child(3), .modal-header_regular2 > div:nth-child(3), .modal-header_regular3 > div:nth-child(3) { /*background: #CE2B37*/
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: right;
        width: 30px;
    }

/* --結束-- */
/* --起始-- */
.modal-title_regular {
    margin-bottom: 0;
    line-height: 1.5;
    color: #575757;
    font-size: 19.2px;
}

h5 {
    font-size: 1.2em;
}

.modal-title_regular5 {
    margin-bottom: 0;
    line-height: 28px;
    color: #076ed7;
    font-weight: 600;
    font-size: min(4.5vw, 21px);
}

.modal-title_regular1 {
    margin-bottom: 0;
    line-height: 1.5em;
    color: #fff;
}

.modal-title_regular2 {
    margin-bottom: 0;
    line-height: 1.5em;
    color: #fff;
    font-size: 1em;
}

.modal-title_regular3 {
    margin-bottom: 0;
    line-height: 1.5;
    color: #575757;
}

.modal-title_regular4 {
    margin-bottom: 0;
    line-height: 1.2em;
    color: #575757;
    font-size: 1em;
}

/* --結束-- */
/* --起始-- */
.close_regular {
    font-size: 2em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    /*font-weight: 700;*/
    /*line-height: 1;*/
    color: #000;
    /*text-shadow: 0 1px 0 #fff;*/
    opacity: 0.5;
    line-height: 0;
}

    .close_regular:hover {
        color: #000;
        text-decoration: none;
    }

    .close_regular:not(:disabled):not(.disabled):hover, .close_regular:not(:disabled):not(.disabled):focus {
        opacity: 0.75;
    }

button.close_regular {
    padding: 0;
    background-color: transparent;
    border: 0;
    height: 50px !important;
}

a.close_regular.disabled {
    pointer-events: none;
}

/* --結束-- */
/* --起始-- */
.close_regular_orange {
    font-size: 2.5rem;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    /*font-weight: 700;*/
    /*line-height: 1;*/
    color: #fff;
    /*text-shadow: 0 1px 0 #fff;*/
    opacity: 0.95;
}

    .close_regular_orange:hover {
        color: #fff;
        text-decoration: none;
    }

    .close_regular_orange:not(:disabled):not(.disabled):hover, .close_regular_orange:not(:disabled):not(.disabled):focus {
        opacity: 0.75;
    }

button.close_regular_orange {
    padding: 0;
    background-color: transparent;
    border: 0;
}

a.close_regular_orange.disabled {
    pointer-events: none;
}

/* --結束-- */
/* --起始-- */
.close_regular_blue {
    font-size: 1.7rem;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    /*font-weight: 700;*/
    /*line-height: 1;*/
    color: #4189be;
    /*text-shadow: 0 1px 0 #fff;*/
    opacity: 0.9;
}

    .close_regular_blue:hover {
        color: #4189be;
        text-decoration: none;
    }

    .close_regular_blue:not(:disabled):not(.disabled):hover, .close_regular_blue:not(:disabled):not(.disabled):focus {
        opacity: 0.9;
    }

button.close_regular_blue {
    padding: 0;
    background-color: transparent;
    border: 0;
}

.close_regular_gray {
    font-size: 1.7rem;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    /*font-weight: 700;*/
    /*line-height: 1;*/
    color: #575757;
    /*text-shadow: 0 1px 0 #fff;*/
    opacity: 0.9;
}

    .close_regular_gray:hover {
        color: #575757;
        text-decoration: none;
    }

.close_regular_blue:not(:disabled):not(.disabled):hover, .close_regular_blue:not(:disabled):not(.disabled):focus {
    opacity: 0.9;
}

button.close_regular_blue {
    padding: 0;
    background-color: transparent;
    border: 0;
}

a.close_regula_gray.disabled {
    pointer-events: none;
}

/* --結束-- */
/* --起始-- */
.modal-body_regular, .modal-body_regular div {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #575757;
    text-align: center;
    border-radius: 8px;
    /*padding: 10;*/
    overflow-y: auto;
}

    .modal-body_regular table {
        width: 100%;
        /*font-size: 1.2em;*/
        color: #575757;
    }

        .modal-body_regular table th {
            white-space: nowrap;
            padding-bottom: 1em;
        }

        .modal-body_regular table td {
            text-align: left;
            /*padding-bottom: 1em;*/
        }

/* --結束-- */
/* --起始-- */
.modal-footer_regular {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: 1px solid lightgray;
}

.modal-footer_regular1 {
    border-top: 0px;
    padding: 10px 10px 20px 10px;
    text-align: center;
}

.modal-footer_regular2, .modal-footer_regular3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: 0px !important;
    padding: 10px 0px;
}

    .modal-footer_regular3 > button {
        width: calc(50% - 32px);
        margin: 0px 8px;
    }

.modal-footer_regular div {
    width: 100%;
    padding: 0;
    margin: 0;
}

.modal-footer_regular button.cancel, .modal-footer_regular button.regular {
    font-size: 1.2em;
    line-height: 1.5em;
    width: 50%;
    padding: 0.5em 0;
    text-align: center;
    vertical-align: middle;
    border: 0;
    background: white;
}

.modal-footer_regular button.regular {
    color: #4189be;
    border-bottom-right-radius: 15px;
}

.modal-footer_regular button.cancel {
    color: #575757;
    border-bottom-left-radius: 15px;
}

/* --結束-- */
/* --起始-- */
.btn_regular1 {
    /*font-weight: bold;*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 0;
    border-left: 0px;
    border-bottom: 0px;
    border-top: 0px;
    border-right: 1px solid #dee2e6;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 50%;
    color: #575757;
    font-size: 1.2em;
    /*height:2.5em;*/
    background-color: #fff;
}

    .btn_regular1:hover {
        color: #272727;
        background-color: #fff;
        /*border-color: #545b62;*/
    }

    .btn_regular1:focus, .btn_regular1.focus {
        color: #272727;
        background-color: #fff;
        /*border-color: #545b62;*/
        /*box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);*/
    }

    .btn_regular1.disabled, .btn_regular1:disabled {
        color: #272727;
        background-color: #fff;
        /*border-color: #6c757d;*/
    }

    .btn_regular1:not(:disabled):not(.disabled):active, .btn_regular1:not(:disabled):not(.disabled).active, .show > .btn_regular1.dropdown-toggle {
        color: #272727;
        background-color: #fff;
        /*border-color: #4e555b;*/
    }

        .btn_regular1:not(:disabled):not(.disabled):active:focus, .btn_regular1:not(:disabled):not(.disabled).active:focus, .show > .btn_regular1.dropdown-toggle:focus {
            /*box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);*/
        }

/* --結束-- */
/* --起始-- */
.btn_regular2, .btn_regular2_disabled {
    color: #4189be;
    /*font-weight: bold;*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 15px;
    border: 0px;
    width: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.2em;
    /*height:2.5em;*/
    background-color: transparent;
}

.btn_regular2_disabled {
    color: #575757 !important;
}

.btn_regular3 {
    color: #4189be;
    /*font-weight: bold;*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 0px;
    width: 100%;
    font-size: 1rem;
    background-color: #fff;
}

.btn_regular2:hover, .btn_regular2_disabled:hover {
    color: #4189be;
    background-color: #fff;
    /*border-color:#;*/
}

.btn_regular2:focus, .btn_regular2_disabled:focus, .btn-primary.focus {
    color: #4189be;
    background-color: #fff;
    /*border-color: #;*/
    /*box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);*/
}

.btn_regular2.disabled, .disabled.btn_regular2_disabled, .btn_regular2:disabled, .btn_regular2_disabled:disabled {
    color: #0592fa;
    background-color: #fff;
    /*border-color: #007bff;*/
}

.btn_regular2:not(:disabled):not(.disabled):active, .btn_regular2_disabled:not(:disabled):not(.disabled):active, .btn_regular2:not(:disabled):not(.disabled).active, .btn_regular2_disabled:not(:disabled):not(.disabled).active, .show > .btn_regular2.dropdown-toggle, .show > .dropdown-toggle.btn_regular2_disabled {
    color: #0592fa;
    background-color: #fff;
    /*border-color: #005cbf;*/
}

    .btn_regular2:not(:disabled):not(.disabled):active:focus, .btn_regular2_disabled:not(:disabled):not(.disabled):active:focus, .btn_regular2:not(:disabled):not(.disabled).active:focus, .btn_regular2_disabled:not(:disabled):not(.disabled).active:focus, .show > .btn_regular2.dropdown-toggle:focus, .show > .dropdown-toggle.btn_regular2_disabled:focus {
        /*box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);*/
    }

/* --結束-- */
/* --起始-- */
.btn_regular4 {
    /*font-weight: bold;*/
    font-size: 1rem;
    border-width: 1px;
    border-color: #e8eaf3;
    border-radius: 10px;
    width: 45%;
    padding: 15px;
    margin: 5px;
    color: #575757;
    background-color: #e8eaf3;
}

    .btn_regular4:hover {
        color: #575757;
        background-color: #e8eaf3;
        /*border-color: #545b62;*/
    }

    .btn_regular4:focus, .btn_regular4.focus {
        color: #575757;
        background-color: #e8eaf3;
        /*border-color: #545b62;*/
        /*box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);*/
    }

    .btn_regular4.disabled, .btn_regular4:disabled {
        color: #272727;
        background-color: #fff;
        /*border-color: #6c757d;*/
    }

    .btn_regular4:not(:disabled):not(.disabled):active, .btn_regular4:not(:disabled):not(.disabled).active, .show > .btn_regular4.dropdown-toggle {
        color: #272727;
        background-color: #fff;
        /*border-color: #4e555b;*/
    }

        .btn_regular4:not(:disabled):not(.disabled):active:focus, .btn_regular4:not(:disabled):not(.disabled).active:focus, .show > .btn_regular4.dropdown-toggle:focus {
            /*box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);*/
        }

/* --結束-- */
/* --起始-- */
.btn_regular5 {
    /*font-weight: bold;*/
    font-size: 1rem;
    border-width: 1px;
    border-color: #d94126;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 45%;
    color: #fff;
    padding: 15px;
    margin: 5px;
    background-color: #d94126;
}

    .btn_regular5:hover {
        color: #fff;
        background-color: #d94126;
        /*border-color: #545b62;*/
    }

    .btn_regular5:focus, .btn_regular5.focus {
        color: #fff;
        background-color: #d94126;
        /*border-color: #545b62;*/
        /*box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);*/
    }

    .btn_regular5.disabled, .btn_regular5:disabled {
        color: #272727;
        background-color: #fff;
        /*border-color: #6c757d;*/
    }

    .btn_regular5:not(:disabled):not(.disabled):active, .btn_regular5:not(:disabled):not(.disabled).active, .show > .btn_regular5.dropdown-toggle {
        color: #272727;
        background-color: #fff;
        /*border-color: #4e555b;*/
    }

        .btn_regular5:not(:disabled):not(.disabled):active:focus, .btn_regular5:not(:disabled):not(.disabled).active:focus, .show > .btn_regular5.dropdown-toggle:focus {
            /*box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);*/
        }

/* --結束-- */
/* --起始-- */
.btn_regular6 {
    /*font-weight: bold;*/
    font-size: 1.2em;
    border-width: 1px;
    border-color: #4189be;
    border-radius: 10px;
    width: 45%;
    color: #fff;
    padding: 15px;
    margin: 5px;
    background-color: #4189be;
}

    .btn_regular6:hover {
        color: #fff;
        background-color: #4189be;
        /*border-color: #545b62;*/
    }

    .btn_regular6:focus, .btn_regular6.focus {
        color: #fff;
        background-color: #4189be;
        /*border-color: #545b62;*/
        /*box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);*/
    }

    .btn_regular6.disabled, .btn_regular6:disabled {
        color: #fff;
        background-color: #4189be;
        /*border-color: #6c757d;*/
    }

    .btn_regular6:not(:disabled):not(.disabled):active, .btn_regular6:not(:disabled):not(.disabled).active, .show > .btn_regular6.dropdown-toggle {
        color: #fff;
        background-color: #4189be;
        /*border-color: #4e555b;*/
    }

        .btn_regular6:not(:disabled):not(.disabled):active:focus, .btn_regular6:not(:disabled):not(.disabled).active:focus, .show > .btn_regular6.dropdown-toggle:focus {
            /*box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);*/
        }

/* --結束-- */
.btn_regular7 {
    /*font-weight: bold;*/
    font-size: 1rem;
    border-width: 1px;
    border-radius: 10px;
    border-color: #4189be;
    width: 45%;
    color: #4189be;
    padding: 15px;
    margin: 5px;
    background-color: #fff;
}

    .btn_regular7:hover {
        color: #4189be;
        background-color: #fff;
        /*border-color: #545b62;*/
    }

    .btn_regular7:focus, .btn_regular7.focus {
        color: #4189be;
        background-color: #fff;
        /*border-color: #545b62;*/
        /*box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);*/
    }

    .btn_regular7.disabled, .btn_regular7:disabled {
        color: #4189be;
        background-color: #fff;
        /*border-color: #6c757d;*/
    }

    .btn_regular7:not(:disabled):not(.disabled):active, .btn_regular7:not(:disabled):not(.disabled).active, .show > .btn_regular7.dropdown-toggle {
        color: #4189be;
        background-color: #fff;
        /*border-color: #4e555b;*/
    }

        .btn_regular7:not(:disabled):not(.disabled):active:focus, .btn_regular7:not(:disabled):not(.disabled).active:focus, .show > .btn_regular7.dropdown-toggle:focus {
            /*box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);*/
        }

/* --結束-- */
/* --起始-- */
.btn_regular8 {
    /*font-weight: bold;*/
    font-size: 1rem;
    border-width: 1px;
    border-color: #4189be;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    width: 80%;
    color: #4189be;
    padding: 15px;
    margin: 0px 5px 5px 5px;
    background-color: #fff;
}

    .btn_regular8:hover {
        color: #4189be;
        background-color: #fff;
        /*border-color: #545b62;*/
    }

    .btn_regular8:focus, .btn_regular8.focus {
        color: #4189be;
        background-color: #fff;
        /*border-color: #545b62;*/
        /*box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);*/
    }

    .btn_regular8.disabled, .btn_regular8:disabled {
        color: #4189be;
        background-color: #fff;
        /*border-color: #6c757d;*/
    }

    .btn_regular8:not(:disabled):not(.disabled):active, .btn_regular8:not(:disabled):not(.disabled).active, .show > .btn_regular8.dropdown-toggle {
        color: #4189be;
        background-color: #fff;
        /*border-color: #4e555b;*/
    }

        .btn_regular8:not(:disabled):not(.disabled):active:focus, .btn_regular8:not(:disabled):not(.disabled).active:focus, .show > .btn_regular8.dropdown-toggle:focus {
            /*box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);*/
        }

.btn_regular9 {
    /*font-weight: bold;*/
    font-size: 16px;
    border-radius: 8px;
    width: calc(100% - 32px);
    color: #ffffff;
    background-color: #076ed7;
}

    .btn_regular9:hover {
        color: #ffffff;
        background-color: #076ed7;
        /*border-color: #545b62;*/
    }

    .btn_regular9:focus, .btn_regular9.focus {
        color: #ffffff;
        background-color: #076ed7;
        /*border-color: #545b62;*/
        /*box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);*/
    }

    .btn_regular9.disabled, .btn_regular9:disabled {
        background-color: #e9e9e9 !important;
        color: #bcbcbc !important;
        /*border-color: #6c757d;*/
    }

    .btn_regular9:not(:disabled):not(.disabled):active, .btn_regular9:not(:disabled):not(.disabled).active, .show > .btn_regular9.dropdown-toggle {
        color: #ffffff;
        background-color: #076ed7;
        /*border-color: #4e555b;*/
    }

        .btn_regular9:not(:disabled):not(.disabled):active:focus, .btn_regular9:not(:disabled):not(.disabled).active:focus, .show > .btn_regular9.dropdown-toggle:focus {
            /*box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);*/
        }

.btn_regular10 {
    /*font-weight: bold;*/
    font-size: 16px;
    border-radius: 8px;
    width: calc(100% - 32px);
    color: #076ed7;
    background-color: #ffffff;
    border: 1px solid #076ed7;
}

    .btn_regular10:hover {
        color: #076ed7;
        background-color: #ffffff;
        /*border-color: #545b62;*/
    }

    .btn_regular10:focus, .btn_regular10.focus {
        color: #076ed7;
        background-color: #ffffff;
        /*border-color: #545b62;*/
        /*box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);*/
    }

    .btn_regular10.disabled, .btn_regular10:disabled {
        background-color: #e9e9e9 !important;
        color: #bcbcbc !important;
        /*border-color: #6c757d;*/
    }

    .btn_regular10:not(:disabled):not(.disabled):active, .btn_regular10:not(:disabled):not(.disabled).active, .show > .btn_regular10.dropdown-toggle {
        color: #076ed7;
        background-color: #ffffff;
        /*border-color: #4e555b;*/
    }

        .btn_regular10:not(:disabled):not(.disabled):active:focus, .btn_regular10:not(:disabled):not(.disabled).active:focus, .show > .btn_regular10.dropdown-toggle:focus {
            /*box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);*/
        }

/* --結束-- */
/* --起始-- */
.btn-secondary_regular {
    color: #575757;
    background-color: #fff;
    border-color: #fff;
}

    .btn-secondary_regular:hover {
        color: #272727;
        background-color: #faf8f8;
        border-color: #faf8f8;
    }

    .btn-secondary_regular:focus, .btn-secondary_regular.focus {
        color: red;
        background-color: #faf8f8;
        border-color: #faf8f8;
        box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
    }

    .btn-secondary_regular.disabled, .btn-secondary_regular:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-secondary_regular:not(:disabled):not(.disabled):active, .btn-secondary_regular:not(:disabled):not(.disabled).active, .show > .btn-secondary_regular.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
    }

        .btn-secondary_regular:not(:disabled):not(.disabled):active:focus, .btn-secondary_regular:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary_regular.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
        }

.btn-secondary_regular_bottom {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

/* --結束-- */
/* --起始-- */
.btn-secondary_regular_bottom {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    color: #575757;
    background-color: #fff;
    border-color: #fff;
}

    .btn-secondary_regular_bottom:hover {
        color: #272727;
        background-color: #faf8f8;
        border-color: #faf8f8;
    }

    .btn-secondary_regular_bottom:focus, .btn-secondary_regular_bottom.focus {
        color: red;
        background-color: #faf8f8;
        border-color: #faf8f8;
        box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
    }

    .btn-secondary_regular_bottom.disabled, .btn-secondary_regular_bottom:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-secondary_regular_bottom:not(:disabled):not(.disabled):active, .btn-secondary_regular_bottom:not(:disabled):not(.disabled).active, .show > .btn-secondary_regular_bottom.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
    }

        .btn-secondary_regular_bottom:not(:disabled):not(.disabled):active:focus, .btn-secondary_regular_bottom:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary_regular_bottom.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
        }

/* --結束-- */
/* --起始-- */
.btn-group, .btn-group-vertical_regular {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

    .btn-group > .btn, .btn-group-vertical_regular > .btn {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

        .btn-group > .btn:hover, .btn-group-vertical_regular > .btn:hover {
            z-index: 1;
        }

        .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical_regular > .btn:focus, .btn-group-vertical_regular > .btn:active, .btn-group-vertical_regular > .btn.active {
            z-index: 1;
        }

.btn-group-vertical_regular {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
}

    .btn-group-vertical_regular > .btn, .btn-group-vertical_regular > .btn-group {
        width: 100%;
    }

        .btn-group-vertical_regular > .btn:not(:first-child), .btn-group-vertical_regular > .btn-group:not(:first-child) {
            margin-top: -1px;
        }

        .btn-group-vertical_regular > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical_regular > .btn-group:not(:last-child) > .btn {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .btn-group-vertical_regular > .btn:not(:first-child), .btn-group-vertical_regular > .btn-group:not(:first-child) > .btn {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

/* --結束-- */
.border-radius, .border-radius-plus, .swal2-whale-ad {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    padding: 0px;
    overflow: hidden;
}

.border-radius-plus {
    max-width: 620px;
    width: auto;
}

.swal2-whale-ad {
    max-width: 620px;
    min-width: 328px;
    width: 100%;
}

.default_title, .default_title_blue_nopadding, .default_title_blue, .default_title_message {
    -webkit-border-radius: 10px 10px 0px 0px !important;
    -moz-border-radius: 10px 10px 0px 0px !important;
    border-radius: 10px 10px 0px 0px !important;
    background: white;
    font-weight: normal;
    font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
    color: #4189be;
}

.default_title_message {
    font-size: 21px;
    font-weight: 600 !important;
    padding: 20px;
    color: black;
}

.default_title_blue {
    font-size: 21px;
    font-weight: 600 !important;
    padding: 20px;
    color: #016ed7;
}

.default_title_blue_nopadding {
    font-size: 21px;
    font-weight: 600 !important;
    padding: 0px;
    color: #016ed7;
}

.default_title_gray {
    color: #575757;
    background: #ebebeb;
}

.default_htmlcontainer, .htmlcontainer_ItemButton, .htmlcontainer_phone_verify {
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
}

.default_htmlcontainer2 {
    margin: 0px;
    padding: 24px 16px 0px 16px;
}

.default_htmlcontainer2_memo {
    margin: 0px;
}

.default_htmlcontainer3_memo {
    margin: 0px;
}


@media screen and (max-width: 440px) {
    .owl-whale-ad {
    }

    .default_htmlcontainer3_memo {
        padding: 16px;
    }

    .owl-carousel-closebutton {
        padding: 24px 24px 0 0;
    }
}

@media screen and (min-width: 441px) {
    .owl-whale-ad {
        max-width: 536px;
    }

    .default_htmlcontainer3_memo {
        padding: 40px 40px 0px 40px;
        max-width: 616px;
    }

    .owl-carousel-closebutton {
        padding: 20px 0 0 0;
    }
}

.default_htmlcontainer_iframe {
    margin: 0px;
    padding: 0px;
}

@media screen and (max-width: 960px) {
    .default_htmlcontainer_iframe {
        width: 328px;
    }
}

@media screen and (min-width: 961px) {
    .default_htmlcontainer_iframe {
        width: 616px;
    }
}

.button_close_message {
    outline: none;
}

    .button_close_message:focus {
        outline: none !important;
        box-shadow: none !important;
    }

.newnew_closebutton {
    margin-top: 4px;
    padding-top: 20px;
}

.owl-customize-item {
    line-height: 0;
}
/*點會消失*/
/*.owl-customize-dots {
    margin-top:-25px;
    position:relative;
}*/
.owl-carousel .pic_normal, .owl-carousel .pic_small {
    border-radius: .25em;
}

.htmlcontainer_Identity_confirm {
    margin: 0px;
    padding: 16px;
}

.actions_confirm_massage {
    padding: 0 16px 24px 16px;
    width: 100%;
}

.actions_confirm_massage_memo {
    padding: 20px;
    width: 100%;
}

.actions_confirm_massage_memo2 {
    padding: 20px;
    width: 100%;
}

.actions_confirm_massage_memo3 {
    margin: 0 !important;
    width: 100%;
}

@media screen and (max-width: 440px) {
    .actions_confirm_massage_memo3 {
        padding: 0px 12px 16px 12px;
    }
}

@media screen and (min-width: 441px) {
    .actions_confirm_massage_memo3 {
        padding: 16px 36px 40px 36px;
    }
}

.actions_confirm_doc {
    padding: 0 10px 10px 10px;
    width: 100%;
    margin: 0px !important;
    /*  & > button {
      &.swal2-confirm{

      }
  }*/
}

.actions_confirm_okcancel {
    padding: 0 20px 20px 20px;
    width: 100%;
    flex-direction: row;
}

.button_confirm {
    width: 45%;
    font-size: 18px;
    font-weight: 400;
    background: #0f79d6;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
}

    .button_confirm:focus {
        outline: none !important;
        box-shadow: none !important;
    }

.button_cancel {
    width: 45%;
    font-size: 18px;
    font-weight: 400;
    background-color: white !important;
    color: #0f79d6 !important;
    border: 1px solid #0f79d6;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
}

    .button_cancel > font {
        color: #0f79d6;
    }

    .button_cancel:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    .button_cancel:active {
        background-color: white !important;
    }

    .button_cancel:hover {
        background-color: white !important;
    }

.button_confirm_message {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    background: #076ed7;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer !important;
}

    .button_confirm_message:focus {
        outline: none !important;
        box-shadow: none !important;
    }

.button_confirm_message_disabled {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    background-color: #e9e9e9 !important;
    color: #bcbcbc !important;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: default !important;
}

    .button_confirm_message_disabled:focus {
        outline: none !important;
        box-shadow: none !important;
    }

.htmlcontainer_phone_verify {
    padding: 15px !important;
}

.htmlcontainer_ItemButton {
    padding: 2px !important;
}

    .htmlcontainer_ItemButton > div {
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        overflow: hidden;
    }

        .htmlcontainer_ItemButton > div > div {
            display: flex;
            justify-content: center;
            align-content: center;
            flex-direction: column;
        }

            .htmlcontainer_ItemButton > div > div:first-child {
                height: 60px;
                font-size: 18px;
                font-weight: 600;
                overflow: hidden;
            }

            .htmlcontainer_ItemButton > div > div:nth-child(2) > div {
                max-height: 350px;
                overflow-y: auto;
            }

                .htmlcontainer_ItemButton > div > div:nth-child(2) > div > div {
                    display: flex;
                    justify-content: center;
                    align-content: center;
                    flex-direction: column;
                    height: 60px;
                    border-top: 1px solid #F2F4F7;
                }

                    .htmlcontainer_ItemButton > div > div:nth-child(2) > div > div > btn {
                        font-size: 18px;
                        font-weight: 600;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 100%;
                        height: 100%;
                        cursor: pointer;
                    }

.default_stocklist_container {
    font-size: 1.1rem !important;
    margin: 0;
    overflow: hidden;
}

    .default_stocklist_container > div:first-child {
        color: #575757;
        border-radius: 10px;
        height: 40px;
        margin: 10px;
        border: solid 1px #B5B5B5;
        width: calc(100% - 20px) !important;
    }

        .default_stocklist_container > div:first-child > input {
            border: none;
            text-align: center;
            height: 36px;
            width: calc(100% - 40px) !important;
        }

    .default_stocklist_container > div:last-child {
        max-height: 450px;
        height: auto;
        overflow: auto;
        margin-bottom: 15px;
    }

        .default_stocklist_container > div:last-child > table {
            width: 100%;
        }

.close_btn_fix {
    width: 24px !important;
    height: 24px !important;
    font-family: auto !important;
    color: #8F95A3;
    margin-top: 40px !important;
    margin-right: 40px !important;
    outline: none;
}

    .close_btn_fix:hover {
        color: #8F95A3;
    }

.close_btn_fix_gray {
    width: 40px !important;
    height: 40px !important;
    font-family: auto !important;
    font-size: 3em !important;
    margin-top: 8px !important;
    color: #575757;
}

    .close_btn_fix_gray:hover {
        color: gray;
    }

.close_btn_fix_imgdialog, .close_btn_fix_ItemButton {
    width: 24px !important;
    height: 24px !important;
    font-family: auto !important;
    font-size: 3em !important;
    position: relative;
    top: 40px !important;
    right: 40px !important;
    color: #8F95A3;
    outline-color: white;
    outline: none !important;
    box-shadow: none !important;
}

    .close_btn_fix_imgdialog:hover, .close_btn_fix_ItemButton:hover {
        color: #8F95A3;
    }

.close_btn_fix_ItemButton {
    top: 15px !important;
    right: 15px !important;
}

.confirm_dialog_close {
    height: 50px !important;
    background-color: rgba(0, 0, 0, 0.3);
}

.confrim_dialog_main {
    height: calc(100vh - 50px) !important;
    background-color: white;
}

.confirm_dialog_popup {
    width: 100%;
    max-width: 800px;
    height: 100vh;
    border-radius: 10px 10px 0px 0px !important;
    background-color: transparent;
}

.confirm_dialog_container {
    padding: 0px;
}

.confirm_dialog_htmlcontainer {
    margin: 0px;
}

.confirm_dialog_actions {
    display: none !important;
}

.swal2-container {
    -webkit-user-select: none; /* Safari/Chrome */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none; /* Standard */
}

.swal2-container-zindex {
    z-index: 1000;
}

.red_exclamation_icon {
    border: 0 !important;
}

/*.listscroll {
    height: 400px;*/ /* 限高區域 */
/*overflow-y: auto;*/ /* 可垂直滾動 */
/*-webkit-overflow-scrolling: touch;*/ /* iOS 必備，啟用慣性滾動 */
/*scroll-behavior: smooth;
}*/
.dialog-background {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10000;
    display: none;
}

.dialog-loading-wrapper {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    height: 100px;
    left: calc(50% + 20px);
    margin-left: -50px;
    margin-top: -50px;
    position: fixed;
    top: 50%;
    width: 80px;
    z-index: 9999999;
}

.dialog-loading-icon {
    display: block;
    height: 100px;
    line-height: 100px;
    margin: 0;
    padding: 1px;
    text-align: center;
    width: 80px;
}

    .dialog-loading-icon img {
        width: 80px;
    }

.html5_loader {
    border: 6px solid white;
    border-top: 6px solid rgba(0, 0, 0, 0);
    border-radius: 90%;
    width: 75px;
    height: 75px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*@forward
  "_attention-seekers/attention-seekers.scss",
  "_bouncing-entrances/bouncing-entrances.scss",
  "_bouncing-exits/bouncing-exits.scss",
  "_fading-entrances/fading-entrances.scss",
  "_fading-exits/fading-exits.scss",
  "_flippers/flippers.scss",
  "_lightspeed/lightspeed.scss",
  "_rotating-entrances/rotating-entrances.scss",
  "_rotating-exits/rotating-exits.scss",
  "_sliding-entrances/sliding-entrances.scss",
  "_sliding-exits/sliding-exits.scss",
  "_specials/specials.scss",
  "_zooming-entrances/zooming-entrances.scss",
  "_zooming-exits/zooming-exits.scss";
*/
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-ms-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@-moz-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@-ms-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@-o-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@-webkit-keyframes jello {
    11.1% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
        -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
        -o-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -moz-transform: skewX(6.25deg) skewY(6.25deg);
        -ms-transform: skewX(6.25deg) skewY(6.25deg);
        -o-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
        -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
        -o-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
        -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
        -o-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
        -ms-transform: skewX(0.390625deg) skewY(0.390625deg);
        -o-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        -ms-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }

    100% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@-moz-keyframes jello {
    11.1% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
        -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
        -o-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -moz-transform: skewX(6.25deg) skewY(6.25deg);
        -ms-transform: skewX(6.25deg) skewY(6.25deg);
        -o-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
        -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
        -o-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
        -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
        -o-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
        -ms-transform: skewX(0.390625deg) skewY(0.390625deg);
        -o-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        -ms-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }

    100% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@-ms-keyframes jello {
    11.1% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
        -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
        -o-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -moz-transform: skewX(6.25deg) skewY(6.25deg);
        -ms-transform: skewX(6.25deg) skewY(6.25deg);
        -o-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
        -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
        -o-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
        -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
        -o-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
        -ms-transform: skewX(0.390625deg) skewY(0.390625deg);
        -o-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        -ms-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }

    100% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@-o-keyframes jello {
    11.1% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
        -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
        -o-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -moz-transform: skewX(6.25deg) skewY(6.25deg);
        -ms-transform: skewX(6.25deg) skewY(6.25deg);
        -o-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
        -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
        -o-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
        -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
        -o-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
        -ms-transform: skewX(0.390625deg) skewY(0.390625deg);
        -o-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        -ms-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }

    100% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@keyframes jello {
    11.1% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
        -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
        -o-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -moz-transform: skewX(6.25deg) skewY(6.25deg);
        -ms-transform: skewX(6.25deg) skewY(6.25deg);
        -o-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
        -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
        -o-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
        -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
        -o-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
        -ms-transform: skewX(0.390625deg) skewY(0.390625deg);
        -o-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        -ms-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }

    100% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-ms-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        -moz-transform: scale3d(1.25, 0.75, 1);
        -ms-transform: scale3d(1.25, 0.75, 1);
        -o-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -moz-transform: scale3d(0.75, 1.25, 1);
        -ms-transform: scale3d(0.75, 1.25, 1);
        -o-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -moz-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        -o-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        -moz-transform: scale3d(0.95, 1.05, 1);
        -ms-transform: scale3d(0.95, 1.05, 1);
        -o-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        -moz-transform: scale3d(1.05, 0.95, 1);
        -ms-transform: scale3d(1.05, 0.95, 1);
        -o-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-moz-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        -moz-transform: scale3d(1.25, 0.75, 1);
        -ms-transform: scale3d(1.25, 0.75, 1);
        -o-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -moz-transform: scale3d(0.75, 1.25, 1);
        -ms-transform: scale3d(0.75, 1.25, 1);
        -o-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -moz-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        -o-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        -moz-transform: scale3d(0.95, 1.05, 1);
        -ms-transform: scale3d(0.95, 1.05, 1);
        -o-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        -moz-transform: scale3d(1.05, 0.95, 1);
        -ms-transform: scale3d(1.05, 0.95, 1);
        -o-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-ms-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        -moz-transform: scale3d(1.25, 0.75, 1);
        -ms-transform: scale3d(1.25, 0.75, 1);
        -o-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -moz-transform: scale3d(0.75, 1.25, 1);
        -ms-transform: scale3d(0.75, 1.25, 1);
        -o-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -moz-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        -o-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        -moz-transform: scale3d(0.95, 1.05, 1);
        -ms-transform: scale3d(0.95, 1.05, 1);
        -o-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        -moz-transform: scale3d(1.05, 0.95, 1);
        -ms-transform: scale3d(1.05, 0.95, 1);
        -o-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-o-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        -moz-transform: scale3d(1.25, 0.75, 1);
        -ms-transform: scale3d(1.25, 0.75, 1);
        -o-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -moz-transform: scale3d(0.75, 1.25, 1);
        -ms-transform: scale3d(0.75, 1.25, 1);
        -o-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -moz-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        -o-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        -moz-transform: scale3d(0.95, 1.05, 1);
        -ms-transform: scale3d(0.95, 1.05, 1);
        -o-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        -moz-transform: scale3d(1.05, 0.95, 1);
        -ms-transform: scale3d(1.05, 0.95, 1);
        -o-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        -moz-transform: scale3d(1.25, 0.75, 1);
        -ms-transform: scale3d(1.25, 0.75, 1);
        -o-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -moz-transform: scale3d(0.75, 1.25, 1);
        -ms-transform: scale3d(0.75, 1.25, 1);
        -o-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -moz-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        -o-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        -moz-transform: scale3d(0.95, 1.05, 1);
        -ms-transform: scale3d(0.95, 1.05, 1);
        -o-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        -moz-transform: scale3d(1.05, 0.95, 1);
        -ms-transform: scale3d(1.05, 0.95, 1);
        -o-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@-moz-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@-ms-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@-o-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center;
        -moz-transform-origin: top center;
        -ms-transform-origin: top center;
        -o-transform-origin: top center;
        transform-origin: top center;
    }

    20% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-moz-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center;
        -moz-transform-origin: top center;
        -ms-transform-origin: top center;
        -o-transform-origin: top center;
        transform-origin: top center;
    }

    20% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-ms-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center;
        -moz-transform-origin: top center;
        -ms-transform-origin: top center;
        -o-transform-origin: top center;
        transform-origin: top center;
    }

    20% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-o-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center;
        -moz-transform-origin: top center;
        -ms-transform-origin: top center;
        -o-transform-origin: top center;
        transform-origin: top center;
    }

    20% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center;
        -moz-transform-origin: top center;
        -ms-transform-origin: top center;
        -o-transform-origin: top center;
        transform-origin: top center;
    }

    20% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -moz-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        -o-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -moz-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        -o-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@-moz-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -moz-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        -o-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -moz-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        -o-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@-ms-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -moz-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        -o-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -moz-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        -o-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@-o-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -moz-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        -o-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -moz-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        -o-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -moz-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        -o-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -moz-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        -o-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -moz-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        -o-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -moz-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        -o-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -moz-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        -o-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -moz-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        -o-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -moz-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        -o-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-moz-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -moz-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        -o-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -moz-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        -o-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -moz-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        -o-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -moz-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        -o-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -moz-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        -o-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-ms-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -moz-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        -o-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -moz-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        -o-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -moz-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        -o-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -moz-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        -o-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -moz-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        -o-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-o-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -moz-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        -o-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -moz-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        -o-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -moz-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        -o-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -moz-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        -o-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -moz-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        -o-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -moz-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        -o-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -moz-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        -o-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -moz-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        -o-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -moz-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        -o-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -moz-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        -o-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-ms-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-ms-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-ms-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }
}

@-moz-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }
}

@-ms-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }
}

@-o-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
    }
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-moz-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-ms-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-o-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-moz-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-ms-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-o-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-moz-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-ms-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-o-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-moz-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-ms-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-o-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-ms-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-ms-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-ms-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-ms-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@-ms-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-ms-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-o-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@-ms-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-ms-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-o-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@-ms-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-ms-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-o-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@-ms-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-ms-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-o-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -moz-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        -o-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        -moz-transform: perspective(400px) scale(1);
        -ms-transform: perspective(400px) scale(1);
        -o-transform: perspective(400px) scale(1);
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in;
    }
}

@-moz-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -moz-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        -o-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        -moz-transform: perspective(400px) scale(1);
        -ms-transform: perspective(400px) scale(1);
        -o-transform: perspective(400px) scale(1);
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in;
    }
}

@-ms-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -moz-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        -o-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        -moz-transform: perspective(400px) scale(1);
        -ms-transform: perspective(400px) scale(1);
        -o-transform: perspective(400px) scale(1);
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in;
    }
}

@-o-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -moz-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        -o-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        -moz-transform: perspective(400px) scale(1);
        -ms-transform: perspective(400px) scale(1);
        -o-transform: perspective(400px) scale(1);
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -moz-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        -o-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        -moz-transform: perspective(400px) scale(1);
        -ms-transform: perspective(400px) scale(1);
        -o-transform: perspective(400px) scale(1);
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in;
    }
}

@-webkit-keyframes flipInX {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -moz-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        -o-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -moz-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        -o-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }
}

@-moz-keyframes flipInX {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -moz-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        -o-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -moz-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        -o-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }
}

@-ms-keyframes flipInX {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -moz-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        -o-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -moz-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        -o-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }
}

@-o-keyframes flipInX {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -moz-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        -o-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -moz-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        -o-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }
}

@keyframes flipInX {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -moz-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        -o-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -moz-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        -o-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }
}

@-webkit-keyframes flipInY {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -moz-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        -o-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -moz-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        -o-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
    }
}

@-moz-keyframes flipInY {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -moz-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        -o-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -moz-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        -o-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
    }
}

@-ms-keyframes flipInY {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -moz-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        -o-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -moz-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        -o-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
    }
}

@-o-keyframes flipInY {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -moz-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        -o-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -moz-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        -o-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
    }
}

@keyframes flipInY {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -moz-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        -o-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -moz-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        -o-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
    }
}

@-webkit-keyframes flipOutX {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
    }
}

@-moz-keyframes flipOutX {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
    }
}

@-ms-keyframes flipOutX {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
    }
}

@-o-keyframes flipOutX {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
    }
}

@keyframes flipOutX {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
    }
}

@-webkit-keyframes flipOutY {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
    }
}

@-moz-keyframes flipOutY {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
    }
}

@-ms-keyframes flipOutY {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
    }
}

@-o-keyframes flipOutY {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
    }
}

@keyframes flipOutY {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
    }
}

@-webkit-keyframes lightSpeedIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20%) skewX(30deg);
        -moz-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        -o-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(-15deg);
        -moz-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        -o-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
    }
}

@-moz-keyframes lightSpeedIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20%) skewX(30deg);
        -moz-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        -o-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(-15deg);
        -moz-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        -o-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
    }
}

@-ms-keyframes lightSpeedIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20%) skewX(30deg);
        -moz-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        -o-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(-15deg);
        -moz-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        -o-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
    }
}

@-o-keyframes lightSpeedIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20%) skewX(30deg);
        -moz-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        -o-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(-15deg);
        -moz-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        -o-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
    }
}

@keyframes lightSpeedIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20%) skewX(30deg);
        -moz-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        -o-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(-15deg);
        -moz-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        -o-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
    }
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
    }
}

@-moz-keyframes lightSpeedOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
    }
}

@-ms-keyframes lightSpeedOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
    }
}

@-o-keyframes lightSpeedOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
    }
}

@-webkit-keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }
}

@-moz-keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }
}

@-ms-keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }
}

@-o-keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }
}

@keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-moz-keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-ms-keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-o-keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-moz-keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-ms-keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-o-keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-moz-keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-ms-keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-o-keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-webkit-keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-moz-keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-ms-keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-o-keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        -moz-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        -o-transform: rotate(200deg);
        transform: rotate(200deg);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }
}

@-moz-keyframes rotateOut {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        -moz-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        -o-transform: rotate(200deg);
        transform: rotate(200deg);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }
}

@-ms-keyframes rotateOut {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        -moz-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        -o-transform: rotate(200deg);
        transform: rotate(200deg);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }
}

@-o-keyframes rotateOut {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        -moz-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        -o-transform: rotate(200deg);
        transform: rotate(200deg);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        -moz-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        -o-transform: rotate(200deg);
        transform: rotate(200deg);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-moz-keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-ms-keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-o-keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-moz-keyframes rotateOutDownRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-ms-keyframes rotateOutDownRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-o-keyframes rotateOutDownRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-moz-keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-ms-keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-o-keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-moz-keyframes rotateOutUpRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-ms-keyframes rotateOutUpRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-o-keyframes rotateOutUpRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-ms-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-ms-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-moz-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-ms-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-o-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-moz-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-ms-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-o-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-moz-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-ms-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-o-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-moz-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-ms-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-o-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-webkit-keyframes hinge {
    0% {
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    20%, 60% {
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        -moz-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        -o-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    40% {
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    80% {
        opacity: 1;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg) translateY(0);
        -moz-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        -o-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(700px);
        -moz-transform: translateY(700px);
        -ms-transform: translateY(700px);
        -o-transform: translateY(700px);
        transform: translateY(700px);
    }
}

@-moz-keyframes hinge {
    0% {
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    20%, 60% {
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        -moz-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        -o-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    40% {
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    80% {
        opacity: 1;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg) translateY(0);
        -moz-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        -o-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(700px);
        -moz-transform: translateY(700px);
        -ms-transform: translateY(700px);
        -o-transform: translateY(700px);
        transform: translateY(700px);
    }
}

@-ms-keyframes hinge {
    0% {
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    20%, 60% {
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        -moz-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        -o-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    40% {
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    80% {
        opacity: 1;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg) translateY(0);
        -moz-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        -o-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(700px);
        -moz-transform: translateY(700px);
        -ms-transform: translateY(700px);
        -o-transform: translateY(700px);
        transform: translateY(700px);
    }
}

@-o-keyframes hinge {
    0% {
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    20%, 60% {
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        -moz-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        -o-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    40% {
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    80% {
        opacity: 1;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg) translateY(0);
        -moz-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        -o-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(700px);
        -moz-transform: translateY(700px);
        -ms-transform: translateY(700px);
        -o-transform: translateY(700px);
        transform: translateY(700px);
    }
}

@keyframes hinge {
    0% {
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    20%, 60% {
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        -moz-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        -o-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    40% {
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    80% {
        opacity: 1;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg) translateY(0);
        -moz-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        -o-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(700px);
        -moz-transform: translateY(700px);
        -ms-transform: translateY(700px);
        -o-transform: translateY(700px);
        transform: translateY(700px);
    }
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@-ms-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -moz-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        -o-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -moz-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        -o-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@-ms-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -moz-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        -o-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -moz-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        -o-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -moz-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        -o-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@-moz-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@-ms-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@-o-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@-webkit-keyframes zoomInDown {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
}

@-moz-keyframes zoomInDown {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
}

@-ms-keyframes zoomInDown {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
}

@-o-keyframes zoomInDown {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
}

@keyframes zoomInDown {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
}

@-webkit-keyframes zoomInLeft {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    }
}

@-moz-keyframes zoomInLeft {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    }
}

@-ms-keyframes zoomInLeft {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    }
}

@-o-keyframes zoomInLeft {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    }
}

@keyframes zoomInLeft {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    }
}

@-webkit-keyframes zoomInRight {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    }
}

@-moz-keyframes zoomInRight {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    }
}

@-ms-keyframes zoomInRight {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    }
}

@-o-keyframes zoomInRight {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    }
}

@keyframes zoomInRight {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    }
}

@-webkit-keyframes zoomInUp {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
}

@-moz-keyframes zoomInUp {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
}

@-ms-keyframes zoomInUp {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
}

@-o-keyframes zoomInUp {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
}

@keyframes zoomInUp {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    }

    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

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

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes zoomOutDown {
    40% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }

    100% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}

@-moz-keyframes zoomOutDown {
    40% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }

    100% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}

@-ms-keyframes zoomOutDown {
    40% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }

    100% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}

@-o-keyframes zoomOutDown {
    40% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }

    100% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}

@keyframes zoomOutDown {
    40% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }

    100% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
}

@-moz-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
}

@-ms-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
}

@-o-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
        -o-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        -ms-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center;
    }
}

@-moz-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
        -o-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        -ms-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center;
    }
}

@-ms-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
        -o-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        -ms-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center;
    }
}

@-o-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
        -o-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        -ms-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
        -o-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        -ms-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center;
    }
}

@-webkit-keyframes zoomOutUp {
    40% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }

    100% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}

@-moz-keyframes zoomOutUp {
    40% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }

    100% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}

@-ms-keyframes zoomOutUp {
    40% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }

    100% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}

@-o-keyframes zoomOutUp {
    40% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }

    100% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}

@keyframes zoomOutUp {
    40% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }

    100% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}

* {
    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: smooth !important;
}

body {
    position: relative;
    overflow: hidden;
    height: 100dvh;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    letter-spacing: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    /*font-size: 16px / 1em;*/
    outline: none;
    font-weight: normal;
    font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
}

:root {
    --percentage: 0%;
    --divPartialheight: 96px;
}

::-webkit-scrollbar {
    background: #f0f0f0;
    opacity: 0;
    width: 4px;
}

::-webkit-scrollbar-button {
    visibility: hidden;
}

::-webkit-scrollbar-track-piece {
    background: #f0f0f0;
}

::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #caced9;
    border-radius: 10px;
}

/*.btn.active {
    &:focus {
        outline: none;
        box-shadow: none;
    }
}

.btn.focus {
    outline: none;
    box-shadow: none;
}

.btn.active.focus {
    outline: none;
    box-shadow: none;
}
*/
.flex-right-center, .phone-verify > div > div:nth-child(7) > div {
    display: flex;
    justify-content: right;
    align-items: center;
}

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

.flex-spacebetween-center {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
}

.flex-center-baseline, .content_menu > div:first-child > div:nth-child(odd):last-child > div, .content_ready > div:first-child > div:nth-child(4) > div:nth-child(odd):last-child > div, .phone-verify, .flex-center-baseline-row, .content_password > div:first-child > div > div > div:nth-child(n+4), .content_password > div:first-child > div > div:first-child > div:nth-child(n+4) {
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: baseline;
}

.flex-center-baseline-row, .content_password > div:first-child > div > div > div:nth-child(n+4), .content_password > div:first-child > div > div:first-child > div:nth-child(n+4) {
    flex-direction: row;
}

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

    .info_message_the_following_investors > div {
        display: flex;
        justify-content: left;
        align-items: center;
        flex-direction: column;
    }

        .info_message_the_following_investors > div > div:first-child {
            padding: 4px 0px 24px 0px;
            font-size: min(5vw, 21px) !important;
            font-weight: 600 !important;
            color: #076ed7 !important;
        }

        .info_message_the_following_investors > div > div:nth-child(2) {
            padding-top: 16px 16px 0px 16px;
        }

            .info_message_the_following_investors > div > div:nth-child(2) > div {
                display: flex;
                justify-content: left;
                align-items: center;
                font-size: 16px !important;
                font-weight: 400 !important;
                background-color: #ffffff !important;
                color: #000000 !important;
                padding-top: 8px;
            }

                .info_message_the_following_investors > div > div:nth-child(2) > div:last-child {
                    text-align: left;
                    color: #eb6100 !important;
                }

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

    .newnew_pida > div {
        display: flex;
        justify-content: left;
        align-items: center;
        flex-direction: column;
    }

        .newnew_pida > div:first-child {
            width: 100%;
            display: flex;
            justify-content: left;
            align-items: center;
            flex-direction: column;
        }

            .newnew_pida > div:first-child > div {
                border-radius: 8px;
                width: inherit;
                text-align: left;
                padding: 10px;
                font-size: 16px !important;
                font-weight: 400 !important;
                height: auto;
                box-sizing: border-box;
            }

                .newnew_pida > div:first-child > div > table > tbody > tr > td {
                    font-size: 16px !important;
                    font-weight: 400 !important;
                }

                    .newnew_pida > div:first-child > div > table > tbody > tr > td > h5 {
                        font-size: 16px !important;
                        font-weight: 400 !important;
                    }

.newnew_doc {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 6px;
}

    .newnew_doc > div {
        display: flex;
        justify-content: left;
        align-items: center;
        flex-direction: column;
    }

        .newnew_doc > div > div {
            /*  &:first-child {
        @include fontsize-weight-fore-color(min(5vw,24px),600,#0f79d6);
    }*/
        }

            .newnew_doc > div > div:first-child {
                width: 100%;
                display: flex;
                justify-content: left;
                align-items: center;
                flex-direction: column;
            }

                .newnew_doc > div > div:first-child > div {
                    border-radius: 8px;
                    width: inherit;
                    background-color: #f2f4f7 !important;
                    font-size: 16px !important;
                    font-weight: 400 !important;
                    overflow-y: auto;
                }

@media screen and (max-width: 375px) {
    .newnew_doc > div > div:first-child > div {
        height: 450px;
    }
}

@media screen and (min-width: 376px) {
    .newnew_doc > div > div:first-child > div {
        height: 530px;
    }
}

.newnew_doc > div > div:first-child > div > div {
    padding: 10px;
    text-align: left;
    height: inherit;
    width: inherit;
    /*  @media screen and (max-width:$size-width375) {
      height: 450px;
  }

  @media screen and (min-width:$size-width375+ 1px) {
      height: 530px;
  }*/
}

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

    .newnew_doc2 > div {
        display: flex;
        justify-content: left;
        align-items: center;
        flex-direction: column;
    }

        .newnew_doc2 > div > div:first-child {
            font-size: 24px !important;
            font-weight: 600 !important;
            color: #0f79d6 !important;
        }

        .newnew_doc2 > div > div:nth-child(2) {
            padding-top: 20px;
            display: flex;
            justify-content: left;
        }

            .newnew_doc2 > div > div:nth-child(2) > div {
                border-radius: 8px;
                overflow-y: auto;
                display: flex;
                justify-content: left;
                height: auto;
                max-height: calc(100dvh - 250px);
                background-color: #f2f4f7 !important;
                font-size: 16px !important;
                font-weight: 400 !important;
                /*  @media screen and (max-width:$size-width375) {
      height: 450px;
  }

  @media screen and (min-width:$size-width375+ 1px) {
      height: 530px;
  }*/
            }

                .newnew_doc2 > div > div:nth-child(2) > div > div {
                    display: flex;
                    justify-content: left;
                    align-items: flex-start;
                    flex-direction: column;
                    overflow-y: auto;
                    padding: 10px;
                    text-align: left;
                }

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

    .newnew_doc_multiline > div {
        display: flex;
        justify-content: left;
        align-items: center;
        flex-direction: column;
    }

        .newnew_doc_multiline > div > div {
            /* &:first-child {
      @include fontsize-weight-fore-color(min(5vw,24px),600,#0f79d6);
  }*/
        }

            .newnew_doc_multiline > div > div:first-child > div {
                font-size: min(4vw, 16px) !important;
                font-weight: 400 !important;
                background-color: #f2f4f7 !important;
                color: #000000 !important;
                border-radius: 8px;
                height: auto;
                max-height: calc(100dvh - 250px);
                /* @media screen and (max-width:$size-width375) {
       height: 450px;
   }

   @media screen and (min-width:$size-width375+ 1px) {
       height: 530px;
   }*/
            }

                .newnew_doc_multiline > div > div:first-child > div > div {
                    padding: 15px;
                    height: inherit;
                    overflow-y: auto;
                    -webkit-overflow-scrolling: auto;
                    position: relative;
                }

                    .newnew_doc_multiline > div > div:first-child > div > div > div {
                        display: flex;
                        justify-content: center;
                        align-items: baseline;
                        flex-direction: column;
                        text-align: left;
                    }

                        .newnew_doc_multiline > div > div:first-child > div > div > div > div {
                            display: flex;
                            justify-content: left;
                            align-items: center;
                            text-align: left;
                        }

                            .newnew_doc_multiline > div > div:first-child > div > div > div > div > input[type=checkbox] {
                                width: 20px;
                                height: 20px;
                                appearance: none;
                                -webkit-appearance: none;
                                -moz-appearance: none;
                                background-color: #ffffff;
                                border: 1px solid #323232;
                                border-radius: 3px;
                                cursor: pointer;
                                position: relative;
                            }

                                .newnew_doc_multiline > div > div:first-child > div > div > div > div > input[type=checkbox]:checked {
                                    background-color: #076ed7;
                                    border: 1px solid #ffffff;
                                }

                                    .newnew_doc_multiline > div > div:first-child > div > div > div > div > input[type=checkbox]:checked::after {
                                        width: 20px;
                                        height: 20px;
                                        content: "";
                                        position: absolute;
                                        left: 6.6666666667px;
                                        top: 2.5px;
                                        width: 6px;
                                        height: 10px;
                                        border-width: 0 2px 2px 0;
                                        transform: rotate(40deg);
                                        border-color: white;
                                        border-style: solid;
                                    }

                            .newnew_doc_multiline > div > div:first-child > div > div > div > div > label {
                                cursor: pointer;
                                padding-left: 5px;
                            }

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

    .newnew_doc_multiline2 > div {
        display: flex;
        justify-content: left;
        align-items: center;
        flex-direction: column;
    }

        .newnew_doc_multiline2 > div > div:first-child {
            font-size: 21px !important;
            font-weight: 600 !important;
            color: #076ED7 !important;
            padding: 0 24px;
        }

        .newnew_doc_multiline2 > div > div:nth-child(2) {
            padding-top: 24px;
        }

            .newnew_doc_multiline2 > div > div:nth-child(2) > div {
                font-size: min(4vw, 16px) !important;
                font-weight: 400 !important;
                background-color: #f2f4f7 !important;
                color: #000000 !important;
                border-radius: 8px;
                overflow-y: hidden;
            }

                .newnew_doc_multiline2 > div > div:nth-child(2) > div > div {
                    padding: 16px 32px;
                    text-align: left;
                    overflow-y: auto;
                    height: auto;
                    max-height: calc(100dvh - 250px);
                    /*    @media screen and (max-width:$size-width375) {
          height: 450px;
      }

      @media screen and (min-width:$size-width375 + 1px) {
          height: 530px;
      }*/
                }

                    .newnew_doc_multiline2 > div > div:nth-child(2) > div > div > div {
                        display: flex;
                        justify-content: center;
                        align-items: baseline;
                        flex-direction: column;
                        /* text-align: left;
   overflow-y: auto;

   @media screen and (max-width:$size-width375) {
       height: 450px;
   }

   @media screen and (min-width:$size-width375+ 1px) {
       height: 530px;
   }*/
                    }

                        .newnew_doc_multiline2 > div > div:nth-child(2) > div > div > div > div {
                            display: flex;
                            justify-content: left;
                            align-items: center;
                        }

                            .newnew_doc_multiline2 > div > div:nth-child(2) > div > div > div > div > input[type=checkbox] {
                                width: 20px;
                                height: 20px;
                                appearance: none;
                                -webkit-appearance: none;
                                -moz-appearance: none;
                                background-color: #ffffff;
                                border: 1px solid #323232;
                                border-radius: 3px;
                                cursor: pointer;
                                position: relative;
                            }

                                .newnew_doc_multiline2 > div > div:nth-child(2) > div > div > div > div > input[type=checkbox]:checked {
                                    background-color: #076ed7;
                                    border: 1px solid #ffffff;
                                }

                                    .newnew_doc_multiline2 > div > div:nth-child(2) > div > div > div > div > input[type=checkbox]:checked::after {
                                        width: 20px;
                                        height: 20px;
                                        content: "";
                                        position: absolute;
                                        left: 6.6666666667px;
                                        top: 2.5px;
                                        width: 6px;
                                        height: 10px;
                                        border-width: 0 2px 2px 0;
                                        transform: rotate(40deg);
                                        border-color: white;
                                        border-style: solid;
                                    }

                            .newnew_doc_multiline2 > div > div:nth-child(2) > div > div > div > div > label {
                                cursor: pointer;
                                padding-left: 5px;
                            }

.newnew_doc_multiline_div_close {
    padding-left: 0px;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 20px;
}

.newnew_doc_multiline_div_open {
    padding-left: 0px;
    overflow: hidden;
}

.newnew_doc_multiline_close {
    display: -webkit-box !important;
    -webkit-line-clamp: 1; /* 顯示最多兩行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
}

.newnew_doc_multiline_open {
    overflow: hidden;
}

.sdoa_iframe {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

    .sdoa_iframe > div {
        display: flex;
        justify-content: left;
        align-items: center;
        flex-direction: column;
        width: inherit;
        padding: 10px;
    }

        .sdoa_iframe > div > div {
            width: inherit;
        }

            .sdoa_iframe > div > div:first-child {
                font-size: 24px !important;
                font-weight: 600 !important;
                color: #0f79d6 !important;
            }

            .sdoa_iframe > div > div:nth-child(2) {
                padding-top: 20px;
            }

                .sdoa_iframe > div > div:nth-child(2) > div {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-radius: 8px;
                    background-color: #ebebeb !important;
                    height: 530px;
                    overflow-y: auto;
                    -webkit-overflow-scrolling: touch;
                    /*& > div {
      @include flex-left-center;
      padding: 10px;
      text-align: left;
  }*/
                }

                    .sdoa_iframe > div > div:nth-child(2) > div > iframe {
                        width: inherit;
                        height: inherit;
                    }

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

    .newnew_pdf > div {
        display: flex;
        justify-content: left;
        align-items: center;
        flex-direction: column;
    }

        .newnew_pdf > div > div:first-child {
            font-size: 18px !important;
            font-weight: 600 !important;
            color: #0f79d6 !important;
        }

        .newnew_pdf > div > div:nth-child(2) {
            width: 100%;
            height: 450px;
            padding-top: 20px;
            /*& > div {
      border-radius: 8px;
      @extend .bg-f2f4f7;
      max-height: 600px;
      overflow-y: auto;
      @extend .font-content-16-400;*/
            /*  & > div {
          @include flex-left-center;
          padding: 10px;
          text-align: left;
      }*/
            /*}*/
        }

            .newnew_pdf > div > div:nth-child(2) > object {
                width: 100%;
                height: 100%;
            }

.container-fluidbase, .container-fluid {
    padding: 0;
    position: relative;
    width: 100dvw;
    height: 100dvh;
    overflow: hidden;
}

.container-fluid {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    background-color: #fafafa !important;
}

.newnewInit {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit !important;
}

.flex-layout-top {
    max-width: 648px;
    width: 100%;
    height: 48px;
    z-index: 999;
}

    .flex-layout-top > div {
        display: flex;
        justify-content: center;
        align-items: center;
        height: inherit;
        width: inherit;
    }

        .flex-layout-top > div > div {
            width: inherit;
            height: inherit;
            padding-left: 16px;
            display: flex;
            justify-content: center;
            align-items: baseline;
            flex-direction: column;
            box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
        }

            .flex-layout-top > div > div > img {
                max-width: 200px;
                max-height: 24px;
                content: url("../img/yuanta.png");
            }

.fixed-layout {
    max-width: 616px;
    min-width: 328px;
    z-index: 99;
    height: auto;
    overflow: hidden;
    line-height: normal;
    background: #fafafa;
}

@media screen and (max-width: 960px) {
    .fixed-layout {
        width: 328px;
    }
}

@media screen and (min-width: 961px) {
    .fixed-layout {
        width: 616px;
    }
}

.fixed-layout > div {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .fixed-layout > div:first-child {
        height: auto;
        width: 100%;
    }

        .fixed-layout > div:first-child > div {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            width: inherit;
            height: inherit;
            padding: 24px 0px;
        }

            .fixed-layout > div:first-child > div > div:first-child {
                font-size: 18px !important;
                font-weight: 600 !important;
                color: black !important;
                display: flex;
                justify-content: center;
                align-items: center;
                font-weight: bold;
            }

            .fixed-layout > div:first-child > div > div:last-child {
                width: 100%;
            }

                .fixed-layout > div:first-child > div > div:last-child > div {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: row;
                }

                    .fixed-layout > div:first-child > div > div:last-child > div:first-child > div:nth-child(odd) > i {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        color: #f0f0f0;
                        width: 24px;
                        height: 24px;
                        flex-shrink: 0;
                        aspect-ratio: 1/1;
                        position: relative;
                    }

                    .fixed-layout > div:first-child > div > div:last-child > div:first-child > div:nth-child(even) {
                        height: 6px;
                        width: 33.3333333333%;
                        margin: -5px;
                        background: #f0f0f0;
                    }

                    .fixed-layout > div:first-child > div > div:last-child > div:last-child > div {
                        /*  &:first-child {
  }

  &:nth-child(2) {
      & > label {
          width: 100%;
          text-align: center;
      }
  }

  &:last-child {
      & > label {
          width: 100%;
          border-right: 10px #ffffff solid;
          text-align: right;
          box-sizing: border-box;
      }
  }*/
                    }

                        .fixed-layout > div:first-child > div > div:last-child > div:last-child > div:nth-child(odd) {
                            width: 33.3333333333%;
                        }

                            .fixed-layout > div:first-child > div > div:last-child > div:last-child > div:nth-child(odd) > label {
                                width: 100%;
                                text-align: center;
                                box-sizing: border-box;
                                font-size: 15px !important;
                                font-weight: 400 !important;
                                color: #737373 !important;
                            }

                        .fixed-layout > div:first-child > div > div:last-child > div:last-child > div:nth-child(even) {
                            width: 55px;
                        }

    .fixed-layout > div:nth-child(2) {
        display: flex;
        justify-content: center;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
        height: calc(100dvh - var(--divPartialheight));
    }

.flxed-layout-page {
    max-width: 616px;
    min-width: 328px;
    margin: 0 auto;
    z-index: 99;
    height: inherit !important;
    overflow: hidden;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

@media screen and (max-width: 960px) {
    .flxed-layout-page {
        width: 328px;
    }
}

@media screen and (min-width: 961px) {
    .flxed-layout-page {
        width: 616px;
    }
}

.flxed-layout-page > div {
    display: flex;
    justify-content: left;
    align-items: center;
    width: 50%;
    background-color: #ddd;
    height: 7px;
}

    .flxed-layout-page > div > div {
        height: inherit;
    }

    .flxed-layout-page > div > span {
        font-size: 15px !important;
        font-weight: 600 !important;
        text-align: center;
    }

.flxed-layout-page > span {
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center;
}

.flxed-layout-page-submit {
    max-width: 616px;
    min-width: 328px;
    z-index: 99;
    height: inherit !important;
    overflow: hidden;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

@media screen and (max-width: 960px) {
    .flxed-layout-page-submit {
        width: 328px;
    }
}

@media screen and (min-width: 961px) {
    .flxed-layout-page-submit {
        width: 616px;
    }
}

.flxed-layout-page-submit > div {
    display: flex;
    justify-content: left;
    align-items: center;
    width: 50%;
    background-color: #ddd;
    height: 7px;
}

    .flxed-layout-page-submit > div > div {
        height: inherit;
    }

    .flxed-layout-page-submit > div > span {
        font-size: 15px !important;
        font-weight: 600 !important;
        text-align: center;
    }

.flxed-layout-page-submit > span {
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center;
}

.animation-in {
    -webkit-animation-name: slideInLeft;
    -moz-animation-name: slideInLeft;
    -ms-animation-name: slideInLeft;
    -o-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.animation-out {
    -webkit-animation-name: slideOutLeft;
    -moz-animation-name: slideOutLeft;
    -ms-animation-name: slideOutLeft;
    -o-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.animation-finish {
    -webkit-animation-name: slideOutRight;
    -moz-animation-name: slideOutRight;
    -ms-animation-name: slideOutRight;
    -o-animation-name: slideOutRight;
    animation-name: slideOutRight;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.fixed-layout-page-percentage {
    width: var(--percentage);
    background-color: #04AA6D;
}

.phone-verify {
    width: 100%;
}

    .phone-verify > div {
        padding: 40px 40px 0px 40px;
        width: inherit;
    }

        .phone-verify > div > div:first-child {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .phone-verify > div > div:nth-child(2) {
            padding-top: 24px;
        }

            .phone-verify > div > div:nth-child(2) > div {
                display: flex;
                justify-content: left;
                align-items: center;
            }

        .phone-verify > div > div:nth-child(3) {
            padding-top: 16px;
        }

            .phone-verify > div > div:nth-child(3) > div {
                display: flex;
                justify-content: left;
                align-items: center;
            }

        .phone-verify > div > div:nth-child(4) {
            padding-top: 8px;
        }

            .phone-verify > div > div:nth-child(4) > div {
                display: flex;
                justify-content: left;
                align-items: center;
            }

                .phone-verify > div > div:nth-child(4) > div > input[type=search] {
                    border-radius: 8px;
                    border: none;
                    width: 100%;
                    height: 40px;
                    outline: none;
                }

                    .phone-verify > div > div:nth-child(4) > div > input[type=search]::placeholder {
                        padding-left: 16px;
                        padding-right: 16px;
                    }

                    .phone-verify > div > div:nth-child(4) > div > input[type=search]::-webkit-search-cancel-button {
                        position: relative;
                        -webkit-appearance: none;
                        height: 16px;
                        width: 16px;
                        border-radius: 10px;
                        background-image: url("../img/icon_delete.png");
                        cursor: pointer;
                    }

        .phone-verify > div > div:nth-child(5) {
            padding-top: 16px;
        }

            .phone-verify > div > div:nth-child(5) > div {
                display: flex;
                justify-content: left;
                align-items: center;
            }

        .phone-verify > div > div:nth-child(6) {
            padding-top: 8px;
            display: flex;
            justify-content: left;
            align-items: center;
            flex-direction: row;
        }

            .phone-verify > div > div:nth-child(6) > div {
                display: flex;
                justify-content: left;
                align-items: center;
            }

                .phone-verify > div > div:nth-child(6) > div:first-child {
                    width: calc(100% - 120px);
                }

                    .phone-verify > div > div:nth-child(6) > div:first-child > input[type=search] {
                        border-radius: 8px;
                        border: none;
                        width: 100%;
                        height: 40px;
                        outline: none;
                    }

                        .phone-verify > div > div:nth-child(6) > div:first-child > input[type=search]::placeholder {
                            padding-left: 16px;
                            padding-right: 16px;
                        }

                        .phone-verify > div > div:nth-child(6) > div:first-child > input[type=search]::-webkit-search-cancel-button {
                            position: relative;
                            -webkit-appearance: none;
                            height: 16px;
                            width: 16px;
                            border-radius: 10px;
                            background-image: url("../img/icon_delete.png");
                            cursor: pointer;
                        }

                .phone-verify > div > div:nth-child(6) > div:last-child {
                    width: 120px;
                }

        .phone-verify > div > div:nth-child(7) {
            padding-top: 8px;
        }

        .phone-verify > div > div:nth-child(8) {
            padding-top: 16px;
        }

            .phone-verify > div > div:nth-child(8) > div {
                display: flex;
                justify-content: left;
                align-items: center;
            }

        .phone-verify > div > div:nth-child(9) {
            padding-top: 8px;
        }

            .phone-verify > div > div:nth-child(9) > div {
                display: flex;
                justify-content: left;
                align-items: center;
            }

                .phone-verify > div > div:nth-child(9) > div > input[type=search] {
                    border-radius: 8px;
                    border: none;
                    width: 100%;
                    height: 40px;
                    outline: none;
                }

                    .phone-verify > div > div:nth-child(9) > div > input[type=search]::placeholder {
                        padding-left: 16px;
                        padding-right: 16px;
                    }

                    .phone-verify > div > div:nth-child(9) > div > input[type=search]::-webkit-search-cancel-button {
                        position: relative;
                        -webkit-appearance: none;
                        height: 16px;
                        width: 16px;
                        border-radius: 10px;
                        background-image: url("../img/icon_delete.png");
                        cursor: pointer;
                    }

.phone-verify-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 30px;
}

.content_ready {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: inherit;
}

    .content_ready > div {
        width: inherit;
    }

        .content_ready > div:first-child {
            width: 100%;
            padding: 16px 0px;
            border-radius: 8px;
        }

            .content_ready > div:first-child > div:first-child {
                width: 100%;
                font-size: 18px !important;
                font-weight: 600 !important;
            }



    .content_ready .ready-panel-itemlist {
        padding: 12px 16px 12px 16px;
        border: 2px solid #F0F1F3;
        border-radius: 8px;
        background-color: #ffffff;
    }

    .content_ready .ready-itemlist-item-row {
        padding-left: 16px
    }

    .content_ready .ready-itemlist-item-title {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }

    .content_ready .ready-itemlist-item-content {
        font-size: 15px;
        font-weight: 400;
        line-height: 22px;
        color: #737373;
    }

    .content_ready .ready-itemlist-item:not(:last-child) {
        padding-bottom: 24px;
    }

    .content_ready > div:first-child > div:nth-child(3) {
        display: flex;
        justify-content: left;
        align-items: center;
        font-size: 18px !important;
        font-weight: 600 !important;
        width: 100%;
        padding: 24px 0px 0px 0px;
    }

        .content_ready > div:first-child > div:nth-child(3) > div {
            display: flex;
            justify-content: center;
            align-items: center;
            padding-left: 8px;
        }

            .content_ready > div:first-child > div:nth-child(3) > div[data-title] {
                position: relative;
            }

                .content_ready > div:first-child > div:nth-child(3) > div[data-title]:hover:after {
                    opacity: 1;
                    transition: all 0.1s ease 0.5s;
                    visibility: visible;
                }

                .content_ready > div:first-child > div:nth-child(3) > div[data-title]:after {
                    content: attr(data-title);
                    background-color: #E5F3FF;
                    color: black;
                    font-size: 14px;
                    font-weight: 400;
                    position: absolute;
                    padding: 10px;
                    height: 5.5em;
                    top: -6em;
                    left: 0em;
                    width: 20em;
                    opacity: 0;
                    white-space: pre-wrap;
                    border: 0px solid #111111;
                    border-radius: 8px;
                    z-index: 99999;
                    visibility: hidden;
                }

    .content_ready > div:first-child > div:nth-child(4) {
        padding: 12px 0px 24px 0px;
    }

        .content_ready > div:first-child > div:nth-child(4) > div:nth-child(odd):not(:last-child) > div {
            /* box-sizing: border-box;*/
            display: flex;
            width: 100%;
        }

            .content_ready > div:first-child > div:nth-child(4) > div:nth-child(odd):not(:last-child) > div > div:first-child {
                display: flex;
                justify-content: left;
                align-items: flex-start;
            }

                .content_ready > div:first-child > div:nth-child(4) > div:nth-child(odd):not(:last-child) > div > div:first-child > input[type=checkbox] {
                    width: 20px;
                    height: 20px;
                    appearance: none;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    background-color: #ffffff;
                    border: 1px solid #323232;
                    border-radius: 3px;
                    cursor: pointer;
                    position: relative;
                }

                    .content_ready > div:first-child > div:nth-child(4) > div:nth-child(odd):not(:last-child) > div > div:first-child > input[type=checkbox]:checked {
                        background-color: #076ed7;
                        border: 1px solid #ffffff;
                    }

                        .content_ready > div:first-child > div:nth-child(4) > div:nth-child(odd):not(:last-child) > div > div:first-child > input[type=checkbox]:checked::after {
                            width: 20px;
                            height: 20px;
                            content: "";
                            position: absolute;
                            left: 6.6666666667px;
                            top: 2.5px;
                            width: 6px;
                            height: 10px;
                            border-width: 0 2px 2px 0;
                            transform: rotate(40deg);
                            border-color: white;
                            border-style: solid;
                        }

            .content_ready > div:first-child > div:nth-child(4) > div:nth-child(odd):not(:last-child) > div > div:last-child {
                padding-left: 8px;
                font-size: 16px !important;
                font-weight: 400 !important;
            }

                .content_ready > div:first-child > div:nth-child(4) > div:nth-child(odd):not(:last-child) > div > div:last-child > a {
                    text-decoration: underline;
                    cursor: pointer;
                }

        .content_ready > div:first-child > div:nth-child(4) > div:nth-child(odd):last-child {
            padding-top: 6px;
        }

            .content_ready > div:first-child > div:nth-child(4) > div:nth-child(odd):last-child > div {
                width: 100%;
                border-top: 0px #ffffff solid;
                border-bottom: 0px #ffffff solid;
                box-sizing: border-box;
            }

        .content_ready > div:first-child > div:nth-child(4) > div:nth-child(even) {
            height: 8px;
        }

.content_otp {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: inherit;
}

    .content_otp > div {
        width: inherit;
    }

        .content_otp > div > div {
            width: inherit;
        }

            .content_otp > div > div:nth-child(odd) {
                height: 24px;
            }

            .content_otp > div > div:nth-child(even):nth-child(2) {
                font-size: 18px !important;
                font-weight: 600 !important;
                color: #323232 !important;
            }

            .content_otp > div > div:nth-child(even):nth-child(4), .content_otp > div > div:nth-child(even):nth-child(6) {
                width: inherit;
            }

                .content_otp > div > div:nth-child(even):nth-child(4) > div, .content_otp > div > div:nth-child(even):nth-child(6) > div {
                    width: inherit;
                    display: flex;
                    justify-content: center;
                    align-items: baseline;
                    flex-direction: column;
                }

                    .content_otp > div > div:nth-child(even):nth-child(4) > div > div, .content_otp > div > div:nth-child(even):nth-child(6) > div > div {
                        width: inherit;
                    }

        .content_otp div.divTitle {
            font-size: 15px !important;
            font-weight: 600 !important;
            color: #323232;
        }

            .content_otp div.divTitle.disabled {
                color: #BCBCBC;
            }

        .content_otp > div > div:nth-child(even):nth-child(4) > div > div:nth-child(2), .content_otp > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) {
            padding: 4px 0px;
        }

            .content_otp > div > div:nth-child(even):nth-child(4) > div > div:nth-child(2) > div, .content_otp > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div {
                border-radius: 8px;
                height: 48px;
                padding: 4px;
                width: 100%;
                display: flex;
                justify-content: left;
                align-items: center;
                background-color: #f0f0f0 !important;
            }

                .content_otp > div > div:nth-child(even):nth-child(4) > div > div:nth-child(2) > div > input, .content_otp > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div > input {
                    width: calc(100% - 26px);
                    border: none;
                    height: 40px;
                    outline: none;
                    padding: 12px 16px;
                    background-color: #f0f0f0 !important;
                }

                    .content_otp > div > div:nth-child(even):nth-child(4) > div > div:nth-child(2) > div > input::placeholder, .content_otp > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div > input::placeholder {
                        font-size: 16px !important;
                        font-weight: 400 !important;
                        color: #b3b8c4 !important;
                    }

                    .content_otp > div > div:nth-child(even):nth-child(4) > div > div:nth-child(2) > div > input.nonselect, .content_otp > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div > input.nonselect {
                        font-size: 16px !important;
                        font-weight: 400 !important;
                        color: #b3b8c4 !important;
                    }

                    .content_otp > div > div:nth-child(even):nth-child(4) > div > div:nth-child(2) > div > input::-ms-reveal, .content_otp > div > div:nth-child(even):nth-child(4) > div > div:nth-child(2) > div input::-ms-clear, .content_otp > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div > input::-ms-reveal, .content_otp > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div input::-ms-clear {
                        display: none;
                    }

                .content_otp > div > div:nth-child(even):nth-child(4) > div > div:nth-child(2) > div.hastext > img, .content_otp > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div.hastext > img {
                    display: flex;
                    padding-left: 8px;
                    padding-right: 12px;
                    position: relative;
                    z-index: 2;
                    content: url("../img/icon_delete.png");
                    cursor: pointer;
                }

                .content_otp > div > div:nth-child(even):nth-child(4) > div > div:nth-child(2) > div.haserror, .content_otp > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div.haserror {
                    border: 1px solid #de0606;
                }

                    .content_otp > div > div:nth-child(even):nth-child(4) > div > div:nth-child(2) > div.haserror > img, .content_otp > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div.haserror > img {
                        display: flex;
                        padding-left: 8px;
                        padding-right: 12px;
                        position: relative;
                        z-index: 2;
                        content: url("../img/icon_error.png");
                        cursor: pointer;
                    }

        .content_otp > div > div:nth-child(even):nth-child(4) > div > div:last-child > label, .content_otp > div > div:nth-child(even):nth-child(6) > div > div:last-child > label {
            color: #de0606;
        }

        .content_otp > div > div:nth-child(even):nth-child(8), .content_otp > div > div:nth-child(even):nth-child(10), .content_otp > div > div:nth-child(even):nth-child(12), .content_otp > div > div:nth-child(even):nth-child(14) {
            width: inherit;
            font-size: 16px !important;
            font-weight: 400 !important;
            color: #737373 !important;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row;
        }

            .content_otp > div > div:nth-child(even):nth-child(8) > div, .content_otp > div > div:nth-child(even):nth-child(10) > div, .content_otp > div > div:nth-child(even):nth-child(12) > div, .content_otp > div > div:nth-child(even):nth-child(14) > div {
                display: flex;
                justify-content: left;
                align-items: flex-start;
                flex-direction: row;
            }

                .content_otp > div > div:nth-child(even):nth-child(8) > div > div:first-child, .content_otp > div > div:nth-child(even):nth-child(10) > div > div:first-child, .content_otp > div > div:nth-child(even):nth-child(12) > div > div:first-child, .content_otp > div > div:nth-child(even):nth-child(14) > div > div:first-child {
                    display: flex;
                    justify-content: center;
                    align-items: baseline;
                }

    .content_otp .div-checkbox {
        display: flex;
        width: 100%;
    }

        .content_otp .div-checkbox > div {
            display: flex;
            width: 100%;
        }

            .content_otp .div-checkbox > div > div:first-child {
                display: flex;
                justify-content: left;
                align-items: flex-start;
            }

                .content_otp .div-checkbox > div > div:first-child > input[type=checkbox] {
                    width: 20px;
                    height: 20px;
                    appearance: none;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    background-color: #ffffff;
                    border: 1px solid #323232;
                    border-radius: 3px;
                    cursor: pointer;
                    position: relative;
                }

                    .content_otp .div-checkbox > div > div:first-child > input[type=checkbox]:checked {
                        background-color: #076ed7;
                        border: 1px solid #ffffff;
                    }

                        .content_otp .div-checkbox > div > div:first-child > input[type=checkbox]:checked::after {
                            width: 20px;
                            height: 20px;
                            content: "";
                            position: absolute;
                            left: 6.6666666667px;
                            top: 2.5px;
                            width: 6px;
                            height: 10px;
                            border-width: 0 2px 2px 0;
                            transform: rotate(40deg);
                            border-color: white;
                            border-style: solid;
                        }

            .content_otp .div-checkbox > div > div:last-child {
                padding-left: 8px;
                font-size: 16px !important;
                font-weight: 400 !important;
            }

                .content_otp .div-checkbox > div > div:last-child > a {
                    text-decoration: underline;
                    cursor: pointer;
                }

    .content_otp .div-info-text {
        color: #737373 !important;
    }

    .content_otp .div-info-row {
        display: flex;
        justify-content: left;
        align-items: flex-start;
        flex-direction: row;
    }


.content_otpverify {
    width: inherit;
}

    .content_otpverify > div {
        padding: 0px 16px;
        width: inherit;
    }

        .content_otpverify > div > div:nth-child(odd) {
            height: 24px;
        }

        .content_otpverify > div > div:nth-child(even) {
            width: inherit;
        }

            .content_otpverify > div > div:nth-child(even):nth-child(2) > div {
                width: inherit;
            }

                .content_otpverify > div > div:nth-child(even):nth-child(2) > div > div:first-child {
                    font-size: 18px !important;
                    font-weight: 600 !important;
                    color: #323232 !important;
                }

                .content_otpverify > div > div:nth-child(even):nth-child(2) > div > div:last-child {
                    padding-top: 8px;
                    font-size: 15px !important;
                    font-weight: 400 !important;
                    color: #737373 !important;
                }

            .content_otpverify > div > div:nth-child(even):nth-child(4) > div {
                width: inherit;
            }

                .content_otpverify > div > div:nth-child(even):nth-child(4) > div > div:first-child {
                    font-size: 18px !important;
                    font-weight: 600 !important;
                    color: #323232 !important;
                }

                .content_otpverify > div > div:nth-child(even):nth-child(4) > div > div:last-child > div {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    padding-top: 12px;
                }

                    .content_otpverify > div > div:nth-child(even):nth-child(4) > div > div:last-child > div > div {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }

                        .content_otpverify > div > div:nth-child(even):nth-child(4) > div > div:last-child > div > div:nth-child(odd) {
                            box-sizing: border-box;
                            border: 0px;
                            width: calc((100% - 40px) / 3);
                        }

                            .content_otpverify > div > div:nth-child(even):nth-child(4) > div > div:last-child > div > div:nth-child(odd) > img {
                                width: 100%;
                                height: 100%;
                                object-fit: scale-down;
                                cursor: pointer;
                            }

                        .content_otpverify > div > div:nth-child(even):nth-child(4) > div > div:last-child > div > div:nth-child(even) {
                            width: 20px;
                        }

            .content_otpverify > div > div:nth-child(even):nth-child(6) > div {
                width: inherit;
            }

                .content_otpverify > div > div:nth-child(even):nth-child(6) > div > div:first-child {
                    font-size: 18px !important;
                    font-weight: 600 !important;
                    color: #323232 !important;
                }

                .content_otpverify > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div {
                    width: 100%;
                }

                    .content_otpverify > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div:first-child {
                        padding: 12px 0px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        flex-direction: row;
                    }

                        .content_otpverify > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div:first-child > div {
                            padding: 4px;
                        }

                            .content_otpverify > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div:first-child > div > div {
                                border-radius: 8px;
                                height: 48px;
                                padding: 4px;
                                width: 100%;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                background-color: #f2f4f7 !important;
                            }

                                .content_otpverify > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div:first-child > div > div > input {
                                    width: 100%;
                                    border: none;
                                    height: 40px;
                                    outline: none;
                                    padding: 5px;
                                    text-align: center;
                                    font-size: 20px !important;
                                    font-weight: 600 !important;
                                    background-color: #f2f4f7 !important;
                                }
                                    /*safari自動填入變色*/
                                    .content_otpverify > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div:first-child > div > div > input:-webkit-autofill, .content_otpverify > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div:first-child > div > div > input:-webkit-autofill:focus, .content_otpverify > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div:first-child > div > div > input:-webkit-autofill:hover {
                                        background-color: #f2f4f7 !important;
                                    }


                                    .content_otpverify > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div:first-child > div > div > input::-ms-reveal, .content_otpverify > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div:first-child > div > div input::-ms-clear {
                                        display: none;
                                    }

                                    .content_otpverify > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div:first-child > div > div > input[type=number]::-webkit-inner-spin-button, .content_otpverify > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div:first-child > div > div input[type=number]::-webkit-outer-spin-button {
                                        -moz-appearance: textfield;
                                        -webkit-appearance: none;
                                        margin: 0;
                                    }

                                .content_otpverify > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div:first-child > div > div.haserror {
                                    border: 1px solid #de0606;
                                }

                    .content_otpverify > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div:last-child {
                        padding: 4px 0px;
                        display: flex;
                        justify-content: left;
                        align-items: center;
                        flex-direction: row;
                    }

                        .content_otpverify > div > div:nth-child(even):nth-child(6) > div > div:nth-child(2) > div:last-child > label {
                            font-size: 15px !important;
                            font-weight: 400 !important;
                            color: #de0606 !important;
                        }

                .content_otpverify > div > div:nth-child(even):nth-child(6) > div > div:last-child {
                    padding-top: 8px;
                    font-size: 15px !important;
                    font-weight: 400 !important;
                    color: #737373 !important;
                }

            .content_otpverify > div > div:nth-child(even):nth-child(8) > div {
                width: inherit;
                display: flex;
                justify-content: center;
                align-items: baseline;
                flex-direction: column;
                font-size: 16px !important;
                font-weight: 400 !important;
                color: #737373 !important;
            }

                .content_otpverify > div > div:nth-child(even):nth-child(8) > div > div {
                    display: flex;
                    justify-content: center;
                    align-items: baseline;
                }

                    .content_otpverify > div > div:nth-child(even):nth-child(8) > div > div > div:first-child {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }

            .content_otpverify > div > div:nth-child(even):nth-child(10) > div {
                width: inherit;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: row;
            }

                .content_otpverify > div > div:nth-child(even):nth-child(10) > div > div:first-child {
                    width: calc((100% - 16px) / 2);
                }

                .content_otpverify > div > div:nth-child(even):nth-child(10) > div > div:nth-child(2) {
                    width: 16px;
                }

                .content_otpverify > div > div:nth-child(even):nth-child(10) > div > div:last-child {
                    width: calc((100% - 16px) / 2);
                }

.content_menu {
    width: 100%;
    height: 100%;
    background-color: #fafafa;
}

    .content_menu > div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .content_menu > div:first-child {
            width: 100%;
        }

            .content_menu > div:first-child > div {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }

                .content_menu > div:first-child > div:nth-child(odd) {
                    width: 100%;
                }

                    .content_menu > div:first-child > div:nth-child(odd):not(:last-child) > div > div > div {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }

                    .content_menu > div:first-child > div:nth-child(odd):last-child > div {
                        width: 100%;
                        border-top: 0px #ffffff solid;
                        border-bottom: 0px #ffffff solid;
                        box-sizing: border-box;
                    }

                .content_menu > div:first-child > div:nth-child(even) {
                    padding: 4px 0px;
                    height: 24px;
                }

                    .content_menu > div:first-child > div:nth-child(even) > svg {
                        transform: rotate(90deg);
                    }

.div-menuitem {
    background-color: #ffffff;
    border: 1.5px solid #0f79d6;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 20px;
}

    .div-menuitem > div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .div-menuitem > div > div {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .div-menuitem > div > div:first-child {
                font-size: 18px !important;
                font-weight: 600 !important;
                color: #000000 !important;
            }

                .div-menuitem > div > div:first-child > svg:first-child {
                    display: none;
                }

                .div-menuitem > div > div:first-child > svg:not(:first-child) {
                    display: flex;
                }

            .div-menuitem > div > div:last-child {
                display: flex;
                border-top: 16px solid;
                box-sizing: border-box;
                border-color: white !important;
            }

                .div-menuitem > div > div:last-child > btn {
                    border-radius: 8px;
                    white-space: nowrap;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    -webkit-tap-highlight-color: transparent;
                    outline: none;
                    font-size: 16px !important;
                    font-weight: 400 !important;
                    background-color: #0f79d6 !important;
                    color: #ffffff !important;
                    border: 1px solid #0f79d6 !important;
                    width: auto;
                    height: 40px;
                    cursor: pointer;
                    margin: 0px;
                    padding: 0px 16px;
                }

.div-menuitem-complete {
    background-color: #ffffff;
    border: 1.5px solid #e4e8f0;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 20px;
}

    .div-menuitem-complete > div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .div-menuitem-complete > div > div {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .div-menuitem-complete > div > div:first-child {
                font-size: 18px !important;
                font-weight: 600 !important;
                color: #000000 !important;
            }

                .div-menuitem-complete > div > div:first-child > svg:first-child {
                    display: flex;
                }

                .div-menuitem-complete > div > div:first-child > svg:not(:first-child) {
                    display: flex;
                }

            .div-menuitem-complete > div > div:last-child {
                display: flex;
                border-top: 16px solid;
                box-sizing: border-box;
                border-color: white;
            }

                .div-menuitem-complete > div > div:last-child > btn {
                    border-radius: 8px;
                    white-space: nowrap;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    -webkit-tap-highlight-color: transparent;
                    outline: none;
                    font-size: 16px !important;
                    font-weight: 400 !important;
                    background-color: #ffffff !important;
                    color: #0f79d6 !important;
                    border: 1px solid #0f79d6 !important;
                    width: auto;
                    height: 40px;
                    cursor: pointer;
                    margin: 0px;
                    padding: 0px 16px;
                }

.div-menuitem-disabled {
    background-color: #e4e8f0;
    border: 1.5px solid #e4e8f0;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 20px;
}

    .div-menuitem-disabled > div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .div-menuitem-disabled > div > div {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .div-menuitem-disabled > div > div:first-child {
                font-size: 18px !important;
                font-weight: 600 !important;
                color: #8f95a3 !important;
            }

                .div-menuitem-disabled > div > div:first-child > svg:first-child {
                    display: none;
                }

                .div-menuitem-disabled > div > div:first-child > svg:not(:first-child) {
                    display: none;
                }

            .div-menuitem-disabled > div > div:last-child {
                display: none;
            }


.div-menuitem .checkMark {
    display: none;
}

.div-menuitem.div-menuitem-complete .checkMark {
    display: block;
}


.watermark-div {
    position: relative;
    height: 264px;
    /* & > img {
  &:first-child {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  }*/
}

    .watermark-div img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.watermark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1; /*  調整浮水印透明度，0.5表示半透明 */
    z-index: 1; /* 確保浮水印在圖片上方 */
    pointer-events: none; /*  允許點擊穿透浮水印，不影響主圖片 */
}

.content_uploadfile {
    width: 100%;
    height: 100%;
}

    .content_uploadfile > div:first-child {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        border-top: 40px white solid;
        border-bottom: 40px white solid;
        border-left: 80px white solid;
        border-right: 80px white solid;
        box-sizing: border-box;
        border-radius: 8px;
        border: 1px solid #e9e9e9;
    }

        .content_uploadfile > div:first-child > div {
            width: 100%;
            border-radius: 8px;
            border: 1px solid #e9e9e9;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

            .content_uploadfile > div:first-child > div:nth-child(2) {
                padding-top: 40px;
            }

            .content_uploadfile > div:first-child > div > div {
                width: 100%;
                padding: 0px 16px;
            }

                .content_uploadfile > div:first-child > div > div > div:first-child {
                    padding-top: 16px;
                    padding-bottom: 16px;
                    display: flex;
                    justify-content: left;
                    align-items: center;
                }

                .content_uploadfile > div:first-child > div > div > div:nth-child(2) {
                    height: 207px;
                    border-radius: 8px;
                    border: 1px solid #076ed7;
                    /* shadow */
                    cursor: pointer;
                }

                    .content_uploadfile > div:first-child > div > div > div:nth-child(2) > div {
                        width: 100%;
                        height: 100%;
                        padding: 24px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }

                        .content_uploadfile > div:first-child > div > div > div:nth-child(2) > div > div {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            flex-direction: column;
                            width: inherit;
                            height: inherit;
                            /*& > img {*/
                            /*      margin: auto;
  width: 100%;
  height: 100%;
  object-fit: scale-down;*/
                            /*}*/
                        }

                .content_uploadfile > div:first-child > div > div > div:nth-child(3) {
                    padding-top: 16px;
                    padding-bottom: 16px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                    .content_uploadfile > div:first-child > div > div > div:nth-child(3) > btn {
                        font-size: 16px !important;
                        font-weight: 500 !important;
                    }

    .content_uploadfile > div:last-child {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .content_uploadfile > div:last-child > div {
            padding-top: 24px;
            padding-bottom: 24px;
        }

            .content_uploadfile > div:last-child > div:nth-child(odd) {
                display: flex;
                justify-content: center;
                align-items: center;
                width: calc((100% - 16px) / 2);
            }

            .content_uploadfile > div:last-child > div:nth-child(even) {
                width: 16px;
            }

.identity-confirm > table {
    table-layout: fixed;
    width: 100%;
}

    .identity-confirm > table > tbody > tr:first-child > td > div {
        font-size: 21px !important;
        font-weight: 600 !important;
        color: #0f79d6 !important;
        padding-bottom: 24px;
    }

    .identity-confirm > table > tbody > tr:nth-child(2) > td > div {
        padding: 16px;
        border-radius: 8px;
        height: 264px;
        background-color: #f2f4f7 !important;
    }

        .identity-confirm > table > tbody > tr:nth-child(2) > td > div > img {
            /*  &:first-child
  {
      width: 100%;
      height: 100%;
      margin:auto;
      object-fit:scale-down;
  }*/
        }

        .identity-confirm > table > tbody > tr:nth-child(2) > td > div > input[type=file] {
            display: none;
        }

    .identity-confirm > table > tbody > tr:nth-child(3) > td > div {
        padding-top: 24px;
    }

    .identity-confirm > table > tbody > tr:nth-child(4) > td > div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }

        .identity-confirm > table > tbody > tr:nth-child(4) > td > div > div {
            padding-top: 24px;
            width: 100%;
            display: flex;
            justify-content: space-between;
        }

            .identity-confirm > table > tbody > tr:nth-child(4) > td > div > div:first-child > btn {
                width: 100%;
            }

            .identity-confirm > table > tbody > tr:nth-child(4) > td > div > div:nth-child(2) {
                width: 16px;
            }

            .identity-confirm > table > tbody > tr:nth-child(4) > td > div > div:last-child > btn {
                width: 100%;
            }

.identity-confirm2 > table {
    table-layout: fixed;
    width: 100%;
}

    .identity-confirm2 > table > tbody > tr {
        /*    &:nth-child(3) {
      & > td {
          & > div {
              padding-top: 24px;
              @extend .font-content-16-black-bgwhite-400;
          }
      }
  }*/
    }

        .identity-confirm2 > table > tbody > tr:first-child > td > div {
            font-size: 24px !important;
            font-weight: 600 !important;
            color: #0f79d6 !important;
            padding-bottom: 24px;
        }

        .identity-confirm2 > table > tbody > tr:nth-child(2) > td > div {
            padding: 40px;
            border-radius: 8px;
        }

            .identity-confirm2 > table > tbody > tr:nth-child(2) > td > div > img {
                width: 100%;
                height: 100%;
                object-fit: scale-down;
            }

            .identity-confirm2 > table > tbody > tr:nth-child(2) > td > div > input[type=file] {
                display: none;
            }

        .identity-confirm2 > table > tbody > tr:nth-child(3) > td > div {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .identity-confirm2 > table > tbody > tr:nth-child(3) > td > div > div {
                padding-top: 24px;
                width: 100%;
                display: flex;
                justify-content: space-between;
            }

                .identity-confirm2 > table > tbody > tr:nth-child(3) > td > div > div:first-child {
                    width: calc((100% - 16px) / 2);
                }

                    .identity-confirm2 > table > tbody > tr:nth-child(3) > td > div > div:first-child > btn {
                        width: 100%;
                    }

                .identity-confirm2 > table > tbody > tr:nth-child(3) > td > div > div:nth-child(even) {
                    width: 16px;
                }

                .identity-confirm2 > table > tbody > tr:nth-child(3) > td > div > div:last-child {
                    width: calc((100% - 16px) / 2);
                }

                    .identity-confirm2 > table > tbody > tr:nth-child(3) > td > div > div:last-child > btn {
                        width: 100%;
                    }

.uistep2Info > div:first-child {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #0f79d6 !important;
}

.uistep2Info > div:nth-child(2) {
    padding-top: 24px;
    font-size: 18px !important;
    font-weight: 400 !important;
    background-color: white !important;
    color: black !important;
}

.uistep2Info > div:nth-child(3) {
    padding-top: 16px;
}

    .uistep2Info > div:nth-child(3) > div {
        display: flex;
        justify-content: center;
        align-items: baseline;
        flex-direction: column;
        background-color: #f2f4f7 !important;
        border-radius: 8px;
        text-align: left;
    }

        .uistep2Info > div:nth-child(3) > div > div {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: baseline;
            flex-direction: column;
        }

            .uistep2Info > div:nth-child(3) > div > div:first-child {
                font-size: 21px !important;
                font-weight: 600 !important;
                padding: 20px 20px 0px 20px;
            }

            .uistep2Info > div:nth-child(3) > div > div:nth-child(2) {
                font-size: 18px !important;
                font-weight: 400 !important;
                color: black !important;
                padding: 16px 20px 0px 20px;
            }

            .uistep2Info > div:nth-child(3) > div > div:nth-child(3) {
                font-size: 18px !important;
                font-weight: 400 !important;
                color: black !important;
                padding: 4px 20px 20px 20px;
            }

.uistep2Info > div:last-child {
    padding-top: 24px;
}

.content_userinfo_step1 {
    width: 100%;
    height: 100%;
}

    .content_userinfo_step1 > div:first-child {
        height: 110px;
        width: inherit;
        border-radius: 8px;
        border: 1px solid #e9e9e9;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .content_userinfo_step1 > div:first-child > div {
            padding: 16px 16px 0px 16px;
            width: inherit;
            height: inherit;
        }

            .content_userinfo_step1 > div:first-child > div:first-child {
                display: flex;
                justify-content: center;
                align-items: center;
                width: inherit;
                height: inherit;
            }

                .content_userinfo_step1 > div:first-child > div:first-child > span {
                    width: inherit;
                    text-align: left;
                    font-size: 16px !important;
                    font-weight: 400 !important;
                    color: #eb6100;
                    padding-bottom: 16px;
                }

                .content_userinfo_step1 > div:first-child > div:first-child > img {
                    height: inherit;
                    width: 73px;
                    height: 84px;
                }

    .content_userinfo_step1 > div:nth-child(2) {
        height: calc(100% - 144px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        margin-top: 5px;
        padding-top: 24px;
    }

        .content_userinfo_step1 > div:nth-child(2) > div:first-child {
            border-radius: 8px;
            padding: 16px;
            border: 1px solid #e9e9e9;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

            .content_userinfo_step1 > div:nth-child(2) > div:first-child > div {
                display: flex;
                justify-content: center;
                align-items: baseline;
                flex-direction: column;
                max-width: 616px;
                width: 100%;
                /*  &:first-child {
      & > div {
          @include fontsize-weight-fore-color(15px,600,#323232);
      }
  }*/
            }

                .content_userinfo_step1 > div:nth-child(2) > div:first-child > div:not(:first-child) {
                    padding-top: 24px;
                }

                    .content_userinfo_step1 > div:nth-child(2) > div:first-child > div:not(:first-child):last-child {
                        padding-bottom: 24px;
                    }

                .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div {
                    width: 100%;
                }

                    .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(odd) {
                        display: flex;
                        justify-content: left;
                        align-items: center;
                    }

                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(odd) > span {
                            color: #b5022b !important;
                        }

                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(odd) > a {
                            margin-left: auto;
                            margin-right: 0;
                            text-decoration: underline;
                            color: #0f79d6 !important;
                            cursor: pointer;
                        }

                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(odd).disabled {
                            color: #bcbcbc !important;
                        }

                    .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) {
                        font-size: 15px !important;
                        font-weight: 600 !important;
                        padding-top: 8px;
                        /* & > label {
      width: 150px;

      & > input[type=radio] {
          @extend .font-content-18-black-bgwhite-400;
          width: 24px;
          height: 24px;
          vertical-align: middle;
          margin-right: 5px;
      }
  }*/
                    }

                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > input[type=text] {
                            border-radius: 8px;
                            width: 100%;
                            border: none;
                            height: 40px;
                            outline: none;
                            padding: 12px 16px;
                            background-color: #f0f0f0 !important;
                        }

                            .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > input[type=text]::placeholder {
                                font-size: 16px !important;
                                font-weight: 400 !important;
                                color: #b3b8c4 !important;
                            }

                            .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > input[type=text]:disabled {
                                color: #BCBCBC !important;
                            }

                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > btn.dropdown {
                            background: #f0f0f0 url("../img/angle_down.svg");
                            background-size: 1.25rem;
                            background-repeat: no-repeat;
                            background-position: right 12px center;
                        }

                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > btn.calendar {
                            background: #f0f0f0 url("../img/calendar.svg");
                            background-size: 1.25rem;
                            background-repeat: no-repeat;
                            background-position: right 12px center;
                        }

                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > btn.disabled {
                            font-size: 16px !important;
                            font-weight: 400 !important;
                            color: #b3b8c4 !important;
                            cursor: default;
                        }

                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > btn.nonselect {
                            font-size: 16px !important;
                            font-weight: 400 !important;
                        }

                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.officegroup {
                            display: flex;
                            justify-content: left;
                            align-items: center;
                        }

                            .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.officegroup > div {
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }

                                .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.officegroup > div:first-child {
                                    width: 80px;
                                }

                                    .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.officegroup > div:first-child > input[type=text] {
                                        border-radius: 8px;
                                        width: 100%;
                                        border: none;
                                        height: 40px;
                                        outline: none;
                                        padding: 12px 16px;
                                        background-color: #f0f0f0 !important;
                                    }

                                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.officegroup > div:first-child > input[type=text]::placeholder {
                                            font-size: 16px !important;
                                            font-weight: 400 !important;
                                            color: #b3b8c4 !important;
                                        }

                                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.officegroup > div:first-child > input[type=text]:disabled {
                                            color: #BCBCBC !important;
                                        }

                                .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.officegroup > div:nth-child(2) {
                                    width: 10px;
                                    padding: 0px 8px;
                                }

                                .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.officegroup > div:nth-child(3) {
                                    width: calc((100% - 140px) / 10 * 7);
                                }

                                    .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.officegroup > div:nth-child(3) > input[type=text] {
                                        border-radius: 8px;
                                        width: 100%;
                                        border: none;
                                        height: 40px;
                                        outline: none;
                                        padding: 12px 16px;
                                        background-color: #f0f0f0 !important;
                                    }

                                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.officegroup > div:nth-child(3) > input[type=text]::placeholder {
                                            font-size: 16px !important;
                                            font-weight: 400 !important;
                                            color: #b3b8c4 !important;
                                        }

                                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.officegroup > div:nth-child(3) > input[type=text]:disabled {
                                            color: #BCBCBC !important;
                                        }

                                .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.officegroup > div:nth-child(4) {
                                    width: 50px;
                                    padding: 0px 8px;
                                }

                                .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.officegroup > div:last-child {
                                    max-width: 230px;
                                    width: calc((100% - 140px) / 10 * 3);
                                }

                                    .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.officegroup > div:last-child > input[type=text] {
                                        border-radius: 8px;
                                        width: 100%;
                                        border: none;
                                        height: 40px;
                                        outline: none;
                                        padding: 12px 16px;
                                        background-color: #f0f0f0 !important;
                                    }

                                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.officegroup > div:last-child > input[type=text]::placeholder {
                                            font-size: 16px !important;
                                            font-weight: 400 !important;
                                            color: #b3b8c4 !important;
                                        }

                                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.officegroup > div:last-child > input[type=text]:disabled {
                                            color: #BCBCBC !important;
                                        }

                                    .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.officegroup > div:last-child > input[type=text] {
                                        padding: 12px 4px !important;
                                    }

                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.homefaxgroup {
                            display: flex;
                            justify-content: left;
                            align-items: center;
                        }

                            .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.homefaxgroup > div {
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }

                                .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.homefaxgroup > div:first-child {
                                    width: 80px;
                                }

                                    .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.homefaxgroup > div:first-child > input[type=text] {
                                        border-radius: 8px;
                                        width: 100%;
                                        border: none;
                                        height: 40px;
                                        outline: none;
                                        padding: 12px 16px;
                                        background-color: #f0f0f0 !important;
                                    }

                                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.homefaxgroup > div:first-child > input[type=text]::placeholder {
                                            font-size: 16px !important;
                                            font-weight: 400 !important;
                                            color: #b3b8c4 !important;
                                        }

                                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.homefaxgroup > div:first-child > input[type=text]:disabled {
                                            color: #BCBCBC !important;
                                        }

                                .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.homefaxgroup > div:nth-child(2) {
                                    width: 10px;
                                    padding: 0px 8px;
                                }

                                .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.homefaxgroup > div:nth-child(3) {
                                    width: calc(100% - 90px);
                                }

                                    .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.homefaxgroup > div:nth-child(3) > input[type=text] {
                                        border-radius: 8px;
                                        width: 100%;
                                        border: none;
                                        height: 40px;
                                        outline: none;
                                        padding: 12px 16px;
                                        background-color: #f0f0f0 !important;
                                    }

                                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.homefaxgroup > div:nth-child(3) > input[type=text]::placeholder {
                                            font-size: 16px !important;
                                            font-weight: 400 !important;
                                            color: #b3b8c4 !important;
                                        }

                                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.homefaxgroup > div:nth-child(3) > input[type=text]:disabled {
                                            color: #BCBCBC !important;
                                        }

                        .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.btnselectgroup {
                            display: flex;
                            justify-content: left;
                            align-items: center;
                        }

                            .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.btnselectgroup > div {
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }

                                .content_userinfo_step1 > div:nth-child(2) > div:first-child > div > div:nth-child(even) > div.btnselectgroup > div:not(:first-child) {
                                    padding-left: 4px;
                                }

        .content_userinfo_step1 > div:nth-child(2) > div:last-child {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .content_userinfo_step1 > div:nth-child(2) > div:last-child > div {
                padding-top: 24px;
                padding-bottom: 24px;
            }

                .content_userinfo_step1 > div:nth-child(2) > div:last-child > div:nth-child(odd) {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: calc((100% - 16px) / 2);
                }

                .content_userinfo_step1 > div:nth-child(2) > div:last-child > div:nth-child(even) {
                    width: 16px;
                }

    .content_userinfo_step1 div.hint {
        padding-top: 4px;
        font-size: 14px;
        color: #737373;
    }

btn.calendar.disabled {
    background-image: url(../img/calendar-disabled.svg) !important;
}

btn.dropdown.disabled {
    background-image: url(../img/angle_down-disabled.svg) !important;
}

.content_userinfo_step2 {
    width: 100%;
    height: 100%;
    background-color: #fafafa;
}

    .content_userinfo_step2 > div:first-child {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        box-sizing: border-box;
        border-radius: 8px;
        border: 1px solid #e9e9e9;
        padding: 16px;
    }

        .content_userinfo_step2 > div:first-child > div {
            display: flex;
            justify-content: left;
            align-items: center;
        }

            .content_userinfo_step2 > div:first-child > div:nth-child(odd) {
                display: flex;
                justify-content: left;
                align-items: flex-start;
                flex-direction: column;
                width: 100%;
            }

                .content_userinfo_step2 > div:first-child > div:nth-child(odd):first-child > div:first-child {
                    font-size: 16px !important;
                    font-weight: 600 !important;
                    color: black !important;
                }

                .content_userinfo_step2 > div:first-child > div:nth-child(odd):first-child > div:last-child {
                    padding-top: 8px;
                    font-size: 16px !important;
                    font-weight: 400 !important;
                    color: black !important;
                }

                .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(3) > div, .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(5) > div, .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(9) > div {
                    width: 100%;
                }

                    .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(3) > div > div:first-child, .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(5) > div > div:first-child, .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(9) > div > div:first-child {
                        height: 22px;
                        font-size: 15px !important;
                        font-weight: 600 !important;
                        color: #323232 !important;
                    }

                        .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(3) > div > div:first-child > span, .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(5) > div > div:first-child > span, .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(9) > div > div:first-child > span {
                            font-size: 15px !important;
                            font-weight: 600 !important;
                            color: #DE0606 !important;
                        }

                    .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(3) > div > div:last-child, .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(5) > div > div:last-child, .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(9) > div > div:last-child {
                        background: #f0f0f0 url("../img/angle_down.svg");
                        background-size: 1.25rem;
                        background-repeat: no-repeat;
                        background-position: right 12px center;
                    }

                        .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(3) > div > div:last-child > div > btn, .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(5) > div > div:last-child > div > btn, .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(9) > div > div:last-child > div > btn {
                            display: flex;
                            width: 100%;
                        }

                .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(7) {
                    border-radius: 8px;
                    background-color: #f6f7f8;
                    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
                }

                    .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(7) > div {
                        padding: 16px;
                    }

                        .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(7) > div > div {
                            background-color: #f6f7f8;
                        }

                            .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(7) > div > div:first-child {
                                font-size: 16px !important;
                                font-weight: 600 !important;
                                color: #000000 !important;
                            }

                            .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(7) > div > div:nth-child(2) {
                                padding: 12px 0px 0px 0px;
                            }

                                .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(7) > div > div:nth-child(2) > div {
                                    font-size: 16px !important;
                                    font-weight: 400 !important;
                                    color: #000000 !important;
                                }

                                    .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(7) > div > div:nth-child(2) > div > span {
                                        font-size: 16px !important;
                                        font-weight: 400 !important;
                                        color: #000000 !important;
                                    }

                .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(11) {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                }

                    .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(11) > div {
                        width: 100%;
                        display: flex;
                        justify-content: left;
                        align-items: center;
                        flex-direction: row;
                    }

                        .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(11) > div:nth-child(odd):not(:last-child) > div:first-child {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                        }

                            .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(11) > div:nth-child(odd):not(:last-child) > div:first-child > input[type=checkbox] {
                                width: 20px;
                                height: 20px;
                                appearance: none;
                                -webkit-appearance: none;
                                -moz-appearance: none;
                                background-color: #ffffff;
                                border: 1px solid #323232;
                                border-radius: 3px;
                                cursor: pointer;
                                position: relative;
                            }

                                .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(11) > div:nth-child(odd):not(:last-child) > div:first-child > input[type=checkbox]:checked {
                                    background-color: #076ed7;
                                    border: 1px solid #ffffff;
                                }

                                    .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(11) > div:nth-child(odd):not(:last-child) > div:first-child > input[type=checkbox]:checked::after {
                                        width: 20px;
                                        height: 20px;
                                        content: "";
                                        position: absolute;
                                        left: 6.6666666667px;
                                        top: 2.5px;
                                        width: 6px;
                                        height: 10px;
                                        border-width: 0 2px 2px 0;
                                        transform: rotate(40deg);
                                        border-color: white;
                                        border-style: solid;
                                    }

                        .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(11) > div:nth-child(odd):not(:last-child) > div:last-child {
                            padding-left: 8px;
                        }

                        .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(11) > div:nth-child(odd):last-child {
                            font-size: 15px !important;
                            font-weight: 400 !important;
                            color: #737373 !important;
                        }

                            .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(11) > div:nth-child(odd):last-child > div > a {
                                color: #076ed7 !important;
                                cursor: pointer;
                            }

                        .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(11) > div:nth-child(even) {
                            height: 8px;
                        }

                .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(13) > div {
                    width: 100%;
                    display: flex;
                    justify-content: left;
                    align-items: center;
                    flex-direction: row;
                }

                    .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(13) > div > div {
                        font-size: 16px !important;
                        font-weight: 400 !important;
                        color: #000000 !important;
                    }

                .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(15) {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                    .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(15) > div {
                        width: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        flex-direction: row;
                    }

                        .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(15) > div > div:first-child {
                            width: calc((100% - 8px) / 2);
                        }

                        .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(15) > div > div:nth-child(2) {
                            width: 8px;
                        }

                        .content_userinfo_step2 > div:first-child > div:nth-child(odd):nth-child(15) > div > div:last-child {
                            width: calc((100% - 8px) / 2);
                        }

            .content_userinfo_step2 > div:first-child > div:nth-child(even) {
                height: 24px;
            }

.content_usercredit {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-direction: column;
}

    .content_usercredit > div:nth-child(odd) {
        display: flex;
        justify-content: left;
        align-items: center;
        flex-direction: row;
        font-size: 15px !important;
        font-weight: 600 !important;
        height: 22px;
        width: inherit;
    }

        .content_usercredit > div:nth-child(odd) > div > svg {
            cursor: pointer;
        }

    .content_usercredit > div:nth-child(even) {
        display: flex;
        justify-content: left;
        align-items: center;
    }

        .content_usercredit > div:nth-child(even):not(:last-child) {
            flex-wrap: wrap;
        }

            .content_usercredit > div:nth-child(even):not(:last-child) > div {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 5px;
                height: 50px;
            }

        .content_usercredit > div:nth-child(even):last-child {
            flex-wrap: nowrap;
            width: 100%;
        }

            .content_usercredit > div:nth-child(even):last-child > div {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 100%;
            }

                .content_usercredit > div:nth-child(even):last-child > div > div:first-child {
                    width: calc((100% - 16px) / 2);
                }

                .content_usercredit > div:nth-child(even):last-child > div > div:nth-child(2) {
                    width: 16px;
                }

                .content_usercredit > div:nth-child(even):last-child > div > div:last-child {
                    width: calc((100% - 16px) / 2);
                }

.content_paybank {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-direction: column;
}

    .content_paybank > div {
        padding: 16px;
        background: #fafafa;
    }

        .content_paybank > div:nth-child(odd):first-child {
            display: flex;
            justify-content: center;
            align-items: baseline;
            flex-direction: column;
            border-color: #e9e9e9 !important;
            border-radius: 16px;
            border: 1px solid;
            width: inherit;
        }

            .content_paybank > div:nth-child(odd):first-child > div:nth-child(odd):first-child {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: row;
                height: 56px;
                border-top: 8px solid #fafafa;
                box-sizing: border-box;
                width: inherit;
            }

                .content_paybank > div:nth-child(odd):first-child > div:nth-child(odd):first-child > div {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                    width: inherit;
                }

                    .content_paybank > div:nth-child(odd):first-child > div:nth-child(odd):first-child > div > div {
                        display: flex;
                        justify-content: left;
                        align-items: center;
                        width: inherit;
                    }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(odd):first-child > div > div:first-child > input[type=radio] {
                            width: 16px;
                            height: 16px;
                            -webkit-appearance: none;
                            background-color: #ffffff;
                            border: 1px solid #323232;
                            border-radius: 10px;
                            display: inline-block;
                            position: relative;
                        }

                            .content_paybank > div:nth-child(odd):first-child > div:nth-child(odd):first-child > div > div:first-child > input[type=radio]:checked {
                                background: #ffffff;
                                border: 4px solid #005bac;
                            }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(odd):first-child > div > div:first-child > label {
                            padding-left: 8px;
                        }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(odd):first-child > div > div:first-child:checked + label {
                            font-size: 16px !important;
                            font-weight: 600 !important;
                            color: #323232 !important;
                        }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(odd):first-child > div > div:last-child > span {
                            padding-left: 23px;
                            display: flex;
                            justify-content: left;
                            align-items: center;
                            font-size: 16px !important;
                            font-weight: 400 !important;
                            color: #eb6100 !important;
                        }

            .content_paybank > div:nth-child(odd):first-child > div:nth-child(odd):not(:first-child) {
                display: flex;
                justify-content: left;
                align-items: center;
                flex-direction: row;
                height: 48px;
                border-top: 24px solid;
                box-sizing: border-box;
                width: inherit;
                border-color: #fafafa !important;
            }

                .content_paybank > div:nth-child(odd):first-child > div:nth-child(odd):not(:first-child) > input[type=radio] {
                    width: 16px;
                    height: 16px;
                    -webkit-appearance: none;
                    background-color: #ffffff;
                    border: 1px solid #323232;
                    border-radius: 10px;
                    display: inline-block;
                    position: relative;
                }

                    .content_paybank > div:nth-child(odd):first-child > div:nth-child(odd):not(:first-child) > input[type=radio]:checked {
                        background: #ffffff;
                        border: 4px solid #005bac;
                    }

                .content_paybank > div:nth-child(odd):first-child > div:nth-child(odd):not(:first-child) > label {
                    padding-left: 8px;
                }

                .content_paybank > div:nth-child(odd):first-child > div:nth-child(odd):not(:first-child):checked + label {
                    font-size: 16px !important;
                    font-weight: 600 !important;
                    color: #323232 !important;
                }

            .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) {
                display: flex;
                justify-content: center;
                align-items: baseline;
                flex-direction: column;
                font-size: 16px !important;
                font-weight: 400 !important;
                color: #000000 !important;
                width: inherit;
            }

                .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div {
                    display: flex;
                    justify-content: center;
                    align-items: baseline;
                    flex-direction: column;
                    border-color: #fafafa !important;
                    flex-wrap: wrap;
                    width: inherit;
                }

                    .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div > span {
                        font-size: 16px !important;
                        font-weight: 400 !important;
                        color: #eb6100 !important;
                    }

                    .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(2) > div {
                        display: flex;
                        justify-content: center;
                        align-items: baseline;
                        flex-direction: column;
                        background-color: #f0f0f0;
                        border-radius: 16px;
                        width: inherit;
                        width: inherit;
                    }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(2) > div > div {
                            display: flex;
                            justify-content: left;
                            align-items: center;
                        }

                            .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(2) > div > div:first-child {
                                padding: 16px 16px 0px 16px;
                            }

                            .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) {
                                padding: 10px 16px 0px 16px;
                            }

                            .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(2) > div > div:last-child {
                                padding: 10px 16px 16px 16px;
                            }

                    .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(4) > div {
                        width: inherit;
                    }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(4) > div > btn.dropdown {
                            background: #f0f0f0 url("../img/angle_down.svg");
                            background-size: 1.25rem;
                            background-repeat: no-repeat;
                            background-position: right 12px center;
                        }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(4) > div > div {
                            border-radius: 8px;
                            height: 48px;
                            padding: 4px;
                            width: 100%;
                            display: flex;
                            justify-content: left;
                            align-items: center;
                            background-color: #f0f0f0 !important;
                        }

                            .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(4) > div > div > input {
                                width: calc(100% - 26px);
                                border: none;
                                height: 40px;
                                outline: none;
                                padding: 12px 16px;
                                background-color: #f0f0f0 !important;
                            }

                                .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(4) > div > div > input::placeholder {
                                    font-size: 16px !important;
                                    font-weight: 400 !important;
                                    color: #b3b8c4 !important;
                                }

                                .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(4) > div > div > input.nonselect {
                                    font-size: 16px !important;
                                    font-weight: 400 !important;
                                    color: #b3b8c4 !important;
                                }

                                .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(4) > div > div > input::-ms-reveal, .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(4) > div > div input::-ms-clear {
                                    display: none;
                                }

                            .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(4) > div > div.hastext > img {
                                display: flex;
                                padding-left: 8px;
                                padding-right: 12px;
                                position: relative;
                                z-index: 2;
                                content: url("../img/icon_delete.png");
                                cursor: pointer;
                            }

                            .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(4) > div > div.haserror {
                                border: 1px solid #de0606;
                            }

                                .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(4) > div > div.haserror > img {
                                    display: flex;
                                    padding-left: 8px;
                                    padding-right: 12px;
                                    position: relative;
                                    z-index: 2;
                                    content: url("../img/icon_error.png");
                                    cursor: pointer;
                                }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(4) > div:first-child {
                            padding: 16px 0px 0px 0px;
                        }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) {
                            padding: 16px 0px 0px 0px;
                        }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(2) > div:nth-child(4) > div:last-child {
                            padding: 16px 0px 0px 0px;
                        }

            .content_paybank > div:nth-child(odd):first-child > div:nth-child(4) {
                display: flex;
                justify-content: center;
                align-items: baseline;
                flex-direction: column;
                font-size: 16px !important;
                font-weight: 400 !important;
                color: #000000 !important;
                width: inherit;
            }

                .content_paybank > div:nth-child(odd):first-child > div:nth-child(4) > div {
                    display: flex;
                    justify-content: center;
                    align-items: baseline;
                    flex-direction: column;
                    border-color: #fafafa !important;
                    flex-wrap: wrap;
                    border-left: 23px solid;
                    border-top: 16px solid;
                    box-sizing: border-box;
                    width: inherit;
                }

                    .content_paybank > div:nth-child(odd):first-child > div:nth-child(4) > div > btn {
                        width: inherit;
                    }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(4) > div > btn.dropdown {
                            background: #f0f0f0 url("../img/angle_down.svg");
                            background-size: 1.25rem;
                            background-repeat: no-repeat;
                            background-position: right 12px center;
                        }

                    .content_paybank > div:nth-child(odd):first-child > div:nth-child(4) > div:first-child > input[type=text] {
                        border-radius: 8px;
                        width: 100%;
                        border: none;
                        height: 40px;
                        outline: none;
                        padding: 12px 16px;
                        background-color: #f0f0f0 !important;
                    }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(4) > div:first-child > input[type=text]::placeholder {
                            font-size: 16px !important;
                            font-weight: 400 !important;
                            color: #b3b8c4 !important;
                        }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(4) > div:first-child > input[type=text]:disabled {
                            color: #BCBCBC !important;
                        }

                    .content_paybank > div:nth-child(odd):first-child > div:nth-child(4) > div:last-child > div {
                        border-radius: 8px;
                        height: 48px;
                        padding: 4px;
                        width: 100%;
                        display: flex;
                        justify-content: left;
                        align-items: center;
                        background-color: #f0f0f0 !important;
                    }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(4) > div:last-child > div > input {
                            width: calc(100% - 26px);
                            border: none;
                            height: 40px;
                            outline: none;
                            padding: 12px 16px;
                            background-color: #f0f0f0 !important;
                        }

                            .content_paybank > div:nth-child(odd):first-child > div:nth-child(4) > div:last-child > div > input::placeholder {
                                font-size: 16px !important;
                                font-weight: 400 !important;
                                color: #b3b8c4 !important;
                            }

                            .content_paybank > div:nth-child(odd):first-child > div:nth-child(4) > div:last-child > div > input.nonselect {
                                font-size: 16px !important;
                                font-weight: 400 !important;
                                color: #b3b8c4 !important;
                            }

                            .content_paybank > div:nth-child(odd):first-child > div:nth-child(4) > div:last-child > div > input::-ms-reveal, .content_paybank > div:nth-child(odd):first-child > div:nth-child(4) > div:last-child > div input::-ms-clear {
                                display: none;
                            }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(4) > div:last-child > div.hastext > img {
                            display: flex;
                            padding-left: 8px;
                            padding-right: 12px;
                            position: relative;
                            z-index: 2;
                            content: url("../img/icon_delete.png");
                            cursor: pointer;
                        }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(4) > div:last-child > div.haserror {
                            border: 1px solid #de0606;
                        }

                            .content_paybank > div:nth-child(odd):first-child > div:nth-child(4) > div:last-child > div.haserror > img {
                                display: flex;
                                padding-left: 8px;
                                padding-right: 12px;
                                position: relative;
                                z-index: 2;
                                content: url("../img/icon_error.png");
                                cursor: pointer;
                            }

            .content_paybank > div:nth-child(odd):first-child > div:nth-child(6) {
                display: flex;
                justify-content: center;
                align-items: baseline;
                flex-direction: column;
                font-size: 16px !important;
                font-weight: 400 !important;
                color: #000000 !important;
                width: inherit;
            }

                .content_paybank > div:nth-child(odd):first-child > div:nth-child(6) > div {
                    display: flex;
                    justify-content: center;
                    align-items: baseline;
                    flex-direction: column;
                    border-color: #fafafa !important;
                    flex-wrap: wrap;
                    border-left: 23px solid;
                    border-top: 0px solid;
                    box-sizing: border-box;
                    width: inherit;
                }

                    .content_paybank > div:nth-child(odd):first-child > div:nth-child(6) > div > div:first-child > span {
                        font-size: 16px !important;
                        font-weight: 400 !important;
                        color: #eb6100 !important;
                    }

                    .content_paybank > div:nth-child(odd):first-child > div:nth-child(6) > div > div:nth-child(2) {
                        width: inherit;
                    }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(6) > div > div:nth-child(2):first-child {
                            padding: 0px;
                        }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(6) > div > div:nth-child(2):nth-child(2) {
                            padding: 0px;
                        }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(6) > div > div:nth-child(2):last-child {
                            padding: 16px 0px 0px 0px;
                        }

                        .content_paybank > div:nth-child(odd):first-child > div:nth-child(6) > div > div:nth-child(2) > span {
                            font-size: 16px !important;
                            font-weight: 400 !important;
                            color: #0f79d6 !important;
                            cursor: pointer;
                        }

        .content_paybank > div:nth-child(odd):nth-child(3), .content_paybank > div:nth-child(odd):nth-child(5) {
            display: flex;
            justify-content: center;
            align-items: baseline;
            flex-direction: column;
            border-color: #e9e9e9 !important;
            border-radius: 16px;
            padding-top: 24px;
            border: 1px solid;
            width: inherit;
        }

            .content_paybank > div:nth-child(odd):nth-child(3) > div:nth-child(odd) > label, .content_paybank > div:nth-child(odd):nth-child(5) > div:nth-child(odd) > label {
                font-size: 16px !important;
                font-weight: 600 !important;
                color: #323232 !important;
            }

            .content_paybank > div:nth-child(odd):nth-child(3) > div:nth-child(even), .content_paybank > div:nth-child(odd):nth-child(5) > div:nth-child(even) {
                width: inherit;
            }

                .content_paybank > div:nth-child(odd):nth-child(3) > div:nth-child(even) > div > input[type=text], .content_paybank > div:nth-child(odd):nth-child(5) > div:nth-child(even) > div > input[type=text] {
                    border-radius: 8px;
                    width: 100%;
                    border: none;
                    height: 40px;
                    outline: none;
                    padding: 12px 16px;
                    background-color: #f0f0f0 !important;
                }

                    .content_paybank > div:nth-child(odd):nth-child(3) > div:nth-child(even) > div > input[type=text]::placeholder, .content_paybank > div:nth-child(odd):nth-child(5) > div:nth-child(even) > div > input[type=text]::placeholder {
                        font-size: 16px !important;
                        font-weight: 400 !important;
                        color: #b3b8c4 !important;
                    }

                    .content_paybank > div:nth-child(odd):nth-child(3) > div:nth-child(even) > div > input[type=text]:disabled, .content_paybank > div:nth-child(odd):nth-child(5) > div:nth-child(even) > div > input[type=text]:disabled {
                        color: #BCBCBC !important;
                    }

                .content_paybank > div:nth-child(odd):nth-child(3) > div:nth-child(even) > div:first-child, .content_paybank > div:nth-child(odd):nth-child(5) > div:nth-child(even) > div:first-child {
                    padding: 16px 0px 0px 0px;
                }

                .content_paybank > div:nth-child(odd):nth-child(3) > div:nth-child(even) > div:nth-child(2), .content_paybank > div:nth-child(odd):nth-child(5) > div:nth-child(even) > div:nth-child(2) {
                    padding: 16px 0px 0px 0px;
                }

                .content_paybank > div:nth-child(odd):nth-child(3) > div:nth-child(even) > div:last-child, .content_paybank > div:nth-child(odd):nth-child(5) > div:nth-child(even) > div:last-child {
                    padding: 16px 0px 0px 0px;
                }

        .content_paybank > div:nth-child(odd):last-child {
            display: flex;
            justify-content: center;
            align-items: center;
            width: inherit;
        }

            .content_paybank > div:nth-child(odd):last-child > div:first-child {
                width: calc((100% - 16px) / 2);
            }

            .content_paybank > div:nth-child(odd):last-child > div:nth-child(2) {
                width: 16px;
            }

            .content_paybank > div:nth-child(odd):last-child > div:last-child {
                width: calc((100% - 16px) / 2);
            }

        .content_paybank > div:nth-child(even) {
            height: 24px;
        }

.content_menudoc {
    width: inherit;
    height: inherit;
}

    .content_menudoc > div {
        width: inherit;
        padding: 16px;
    }

        .content_menudoc > div:first-child > div {
            width: inherit;
        }

            .content_menudoc > div:first-child > div:nth-child(even) {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 30px;
            }

        .content_menudoc > div:last-child {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row;
        }

            .content_menudoc > div:last-child > div {
                width: 100%;
            }

                .content_menudoc > div:last-child > div:first-child {
                    width: calc((100% - 16px) / 2);
                    /*  & > btn {
      margin: 0px 10px 0px 0px
  }*/
                }

                .content_menudoc > div:last-child > div:nth-child(2) {
                    width: 16px;
                }

                .content_menudoc > div:last-child > div:last-child {
                    width: calc((100% - 16px) / 2);
                    /*& > btn {
      margin: 0px 0px 0px 10px
  }*/
                }

.content_contract {
    width: inherit;
}

    .content_contract > div:nth-child(odd) {
        width: inherit;
    }

        .content_contract > div:nth-child(odd):not(:last-child) {
            padding: 16px;
            border: 1px solid;
            border-radius: 8px;
            border-color: #e9e9e9 !important;
            display: flex;
            justify-content: left;
            align-items: center;
            flex-direction: column;
        }

    .content_contract > div:nth-child(even) {
        height: 30px;
    }

    .content_contract > div:first-child > div {
        width: inherit;
    }

        .content_contract > div:first-child > div:first-child {
            display: flex;
            justify-content: left;
            align-items: center;
            flex-direction: row;
            cursor: pointer;
        }

            .content_contract > div:first-child > div:first-child > div {
                display: flex;
                justify-content: left;
                align-items: center;
                flex-direction: row;
            }

                .content_contract > div:first-child > div:first-child > div:first-child {
                    width: calc(100% - 30px);
                    font-size: 16px !important;
                    font-weight: 600 !important;
                    color: #000000 !important;
                }

                .content_contract > div:first-child > div:first-child > div:last-child {
                    width: 30px;
                    cursor: pointer;
                }

                    .content_contract > div:first-child > div:first-child > div:last-child > svg > path {
                        stroke: #323232;
                    }

        .content_contract > div:first-child > div:last-child {
            width: inherit;
        }

            .content_contract > div:first-child > div:last-child > div {
                width: inherit;
            }

                .content_contract > div:first-child > div:last-child > div:first-child {
                    padding: 10px 0px 0px 0px;
                }

                    .content_contract > div:first-child > div:last-child > div:first-child > div {
                        padding: 10px 0px 0px 0px;
                    }

                        .content_contract > div:first-child > div:last-child > div:first-child > div:first-child {
                            display: flex;
                            justify-content: left;
                            align-items: flex-start;
                        }

                            .content_contract > div:first-child > div:last-child > div:first-child > div:first-child > input[type=checkbox] {
                                width: 20px;
                                height: 20px;
                                appearance: none;
                                -webkit-appearance: none;
                                -moz-appearance: none;
                                background-color: #ffffff;
                                border: 1px solid #323232;
                                border-radius: 3px;
                                cursor: pointer;
                                position: relative;
                            }

                                .content_contract > div:first-child > div:last-child > div:first-child > div:first-child > input[type=checkbox]:checked {
                                    background-color: #076ed7;
                                    border: 1px solid #ffffff;
                                }

                                    .content_contract > div:first-child > div:last-child > div:first-child > div:first-child > input[type=checkbox]:checked::after {
                                        width: 20px;
                                        height: 20px;
                                        content: "";
                                        position: absolute;
                                        left: 6.6666666667px;
                                        top: 2.5px;
                                        width: 6px;
                                        height: 10px;
                                        border-width: 0 2px 2px 0;
                                        transform: rotate(40deg);
                                        border-color: white;
                                        border-style: solid;
                                    }

                            .content_contract > div:first-child > div:last-child > div:first-child > div:first-child > label {
                                padding-left: 8px;
                            }

                                .content_contract > div:first-child > div:last-child > div:first-child > div:first-child > label > a {
                                    font-size: 16px !important;
                                    font-weight: 500 !important;
                                    color: #0f79d6 !important;
                                    cursor: pointer;
                                    text-decoration: underline;
                                }

                        .content_contract > div:first-child > div:last-child > div:first-child > div:not(:first-child) {
                            padding-left: 32px;
                        }

                            .content_contract > div:first-child > div:last-child > div:first-child > div:not(:first-child) > label {
                                font-size: 16px !important;
                                font-weight: 500 !important;
                                color: #0f79d6 !important;
                            }

                                .content_contract > div:first-child > div:last-child > div:first-child > div:not(:first-child) > label > a {
                                    font-size: 16px !important;
                                    font-weight: 500 !important;
                                    color: #0f79d6 !important;
                                    cursor: pointer;
                                    text-decoration: underline;
                                }

                .content_contract > div:first-child > div:last-child > div:not(:first-child) {
                    padding: 10px 0px 0px 0px;
                }

                    .content_contract > div:first-child > div:last-child > div:not(:first-child) > div {
                        padding: 10px 0px 0px 0px;
                        display: flex;
                        justify-content: left;
                        align-items: center;
                    }

                        .content_contract > div:first-child > div:last-child > div:not(:first-child) > div > label {
                            padding-left: 8px;
                        }

                            .content_contract > div:first-child > div:last-child > div:not(:first-child) > div > label > a {
                                font-size: 16px !important;
                                font-weight: 500 !important;
                                color: #0f79d6 !important;
                                cursor: pointer;
                                text-decoration: underline;
                            }

                    .content_contract > div:first-child > div:last-child > div:not(:first-child):not(:last-child) > div > input[type=checkbox] {
                        width: 20px;
                        height: 20px;
                        appearance: none;
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        background-color: #ffffff;
                        border: 1px solid #323232;
                        border-radius: 3px;
                        cursor: pointer;
                        position: relative;
                    }

                        .content_contract > div:first-child > div:last-child > div:not(:first-child):not(:last-child) > div > input[type=checkbox]:checked {
                            background-color: #076ed7;
                            border: 1px solid #ffffff;
                        }

                            .content_contract > div:first-child > div:last-child > div:not(:first-child):not(:last-child) > div > input[type=checkbox]:checked::after {
                                width: 20px;
                                height: 20px;
                                content: "";
                                position: absolute;
                                left: 6.6666666667px;
                                top: 2.5px;
                                width: 6px;
                                height: 10px;
                                border-width: 0 2px 2px 0;
                                transform: rotate(40deg);
                                border-color: white;
                                border-style: solid;
                            }

                    .content_contract > div:first-child > div:last-child > div:not(:first-child):last-child > div > input[type=checkbox] {
                        width: 16px;
                        height: 16px;
                        appearance: none;
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        background-color: #ffffff;
                        border: 1px solid #323232;
                        border-radius: 3px;
                        cursor: pointer;
                        position: relative;
                    }

                        .content_contract > div:first-child > div:last-child > div:not(:first-child):last-child > div > input[type=checkbox]:checked {
                            background-color: #076ed7;
                            border: 1px solid #ffffff;
                        }

                            .content_contract > div:first-child > div:last-child > div:not(:first-child):last-child > div > input[type=checkbox]:checked::after {
                                width: 16px;
                                height: 16px;
                                content: "";
                                position: absolute;
                                left: 5.3333333333px;
                                top: 2px;
                                width: 4.8px;
                                height: 8px;
                                border-width: 0 2px 2px 0;
                                transform: rotate(40deg);
                                border-color: white;
                                border-style: solid;
                            }

                    .content_contract > div:first-child > div:last-child > div:not(:first-child):last-child > div > input[type=checkbox] {
                        width: 20px;
                        height: 20px;
                        cursor: default;
                        background-color: #e9e9e9;
                        border: 1px solid #e9e9e9;
                    }

                        .content_contract > div:first-child > div:last-child > div:not(:first-child):last-child > div > input[type=checkbox]:checked {
                            background-color: #e9e9e9;
                            border: 1px solid #e9e9e9;
                        }

                            .content_contract > div:first-child > div:last-child > div:not(:first-child):last-child > div > input[type=checkbox]:checked::after {
                                width: 20px;
                                height: 20px;
                                left: 6.6666666667px;
                                top: 2.5px;
                                width: 6px;
                                height: 10px;
                                border-color: #bcbcbc;
                                border-style: solid;
                            }

    .content_contract > div:nth-child(3) > div {
        width: inherit;
    }

        .content_contract > div:nth-child(3) > div:first-child {
            display: flex;
            justify-content: left;
            align-items: center;
            flex-direction: row;
            cursor: pointer;
        }

            .content_contract > div:nth-child(3) > div:first-child > div {
                display: flex;
                justify-content: left;
                align-items: center;
                flex-direction: row;
            }

                .content_contract > div:nth-child(3) > div:first-child > div:first-child {
                    width: calc(100% - 30px);
                    font-size: 16px !important;
                    font-weight: 600 !important;
                    color: #000000 !important;
                }

                .content_contract > div:nth-child(3) > div:first-child > div:last-child {
                    width: 30px;
                    cursor: pointer;
                }

                    .content_contract > div:nth-child(3) > div:first-child > div:last-child > svg > path {
                        stroke: #323232;
                    }

        .content_contract > div:nth-child(3) > div:last-child {
            width: inherit;
        }

            .content_contract > div:nth-child(3) > div:last-child > div {
                width: inherit;
            }

                .content_contract > div:nth-child(3) > div:last-child > div:first-child {
                    padding: 10px 0px 0px 0px;
                }

                    .content_contract > div:nth-child(3) > div:last-child > div:first-child > div {
                        padding: 10px 0px 0px 0px;
                    }

                        .content_contract > div:nth-child(3) > div:last-child > div:first-child > div:first-child {
                            display: flex;
                            justify-content: left;
                            align-items: flex-start;
                        }

                            .content_contract > div:nth-child(3) > div:last-child > div:first-child > div:first-child > input[type=checkbox] {
                                width: 20px;
                                height: 20px;
                                appearance: none;
                                -webkit-appearance: none;
                                -moz-appearance: none;
                                background-color: #ffffff;
                                border: 1px solid #323232;
                                border-radius: 3px;
                                cursor: pointer;
                                position: relative;
                            }

                                .content_contract > div:nth-child(3) > div:last-child > div:first-child > div:first-child > input[type=checkbox]:checked {
                                    background-color: #076ed7;
                                    border: 1px solid #ffffff;
                                }

                                    .content_contract > div:nth-child(3) > div:last-child > div:first-child > div:first-child > input[type=checkbox]:checked::after {
                                        width: 20px;
                                        height: 20px;
                                        content: "";
                                        position: absolute;
                                        left: 6.6666666667px;
                                        top: 2.5px;
                                        width: 6px;
                                        height: 10px;
                                        border-width: 0 2px 2px 0;
                                        transform: rotate(40deg);
                                        border-color: white;
                                        border-style: solid;
                                    }

                            .content_contract > div:nth-child(3) > div:last-child > div:first-child > div:first-child > label {
                                padding-left: 8px;
                            }

                                .content_contract > div:nth-child(3) > div:last-child > div:first-child > div:first-child > label > a {
                                    font-size: 16px !important;
                                    font-weight: 500 !important;
                                    color: #0f79d6 !important;
                                    cursor: pointer;
                                    text-decoration: underline;
                                }

                        .content_contract > div:nth-child(3) > div:last-child > div:first-child > div:not(:first-child) {
                            padding-left: 32px;
                        }

                            .content_contract > div:nth-child(3) > div:last-child > div:first-child > div:not(:first-child) > label {
                                font-size: 16px !important;
                                font-weight: 500 !important;
                                color: #0f79d6 !important;
                            }

                                .content_contract > div:nth-child(3) > div:last-child > div:first-child > div:not(:first-child) > label > a {
                                    font-size: 16px !important;
                                    font-weight: 500 !important;
                                    color: #0f79d6 !important;
                                    cursor: pointer;
                                    text-decoration: underline;
                                }

                .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child) {
                    padding: 10px 0px 0px 0px;
                }

                    .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child) > div {
                        padding: 10px 0px 0px 0px;
                        display: flex;
                        justify-content: left;
                        align-items: flex-start;
                    }

                        .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child) > div > input[type=checkbox] {
                            width: 20px;
                            height: 20px;
                            appearance: none;
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            background-color: #ffffff;
                            border: 1px solid #323232;
                            border-radius: 3px;
                            cursor: pointer;
                            position: relative;
                        }

                            .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child) > div > input[type=checkbox]:checked {
                                background-color: #076ed7;
                                border: 1px solid #ffffff;
                            }

                                .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child) > div > input[type=checkbox]:checked::after {
                                    width: 20px;
                                    height: 20px;
                                    content: "";
                                    position: absolute;
                                    left: 6.6666666667px;
                                    top: 2.5px;
                                    width: 6px;
                                    height: 10px;
                                    border-width: 0 2px 2px 0;
                                    transform: rotate(40deg);
                                    border-color: white;
                                    border-style: solid;
                                }

                        .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child) > div > label {
                            padding-left: 8px;
                        }

                            .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child) > div > label > a {
                                font-size: 16px !important;
                                font-weight: 500 !important;
                                color: #0f79d6 !important;
                                cursor: pointer;
                                text-decoration: underline;
                            }

                    .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child):not(:last-child) {
                        padding: 10px 0px 0px 0px;
                    }

                        .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child):not(:last-child) > div > div:first-child {
                            width: 32px;
                        }

                            .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child):not(:last-child) > div > div:first-child > input[type=checkbox] {
                                width: 20px;
                                height: 20px;
                                appearance: none;
                                -webkit-appearance: none;
                                -moz-appearance: none;
                                background-color: #ffffff;
                                border: 1px solid #323232;
                                border-radius: 3px;
                                cursor: pointer;
                                position: relative;
                            }

                                .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child):not(:last-child) > div > div:first-child > input[type=checkbox]:checked {
                                    background-color: #076ed7;
                                    border: 1px solid #ffffff;
                                }

                                    .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child):not(:last-child) > div > div:first-child > input[type=checkbox]:checked::after {
                                        width: 20px;
                                        height: 20px;
                                        content: "";
                                        position: absolute;
                                        left: 6.6666666667px;
                                        top: 2.5px;
                                        width: 6px;
                                        height: 10px;
                                        border-width: 0 2px 2px 0;
                                        transform: rotate(40deg);
                                        border-color: white;
                                        border-style: solid;
                                    }

                        .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child):not(:last-child) > div > div:last-child {
                            width: auto;
                        }

                            .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child):not(:last-child) > div > div:last-child > label > a {
                                font-size: 16px !important;
                                font-weight: 500 !important;
                                color: #0f79d6 !important;
                                cursor: pointer;
                                border-bottom: 1px solid #0f79d6;
                            }

                    .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child):last-child > div > input[type=checkbox] {
                        width: 16px;
                        height: 16px;
                        appearance: none;
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        background-color: #ffffff;
                        border: 1px solid #323232;
                        border-radius: 3px;
                        cursor: pointer;
                        position: relative;
                    }

                        .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child):last-child > div > input[type=checkbox]:checked {
                            background-color: #076ed7;
                            border: 1px solid #ffffff;
                        }

                            .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child):last-child > div > input[type=checkbox]:checked::after {
                                width: 16px;
                                height: 16px;
                                content: "";
                                position: absolute;
                                left: 5.3333333333px;
                                top: 2px;
                                width: 4.8px;
                                height: 8px;
                                border-width: 0 2px 2px 0;
                                transform: rotate(40deg);
                                border-color: white;
                                border-style: solid;
                            }

                    .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child):last-child > div > input[type=checkbox] {
                        width: 20px;
                        height: 20px;
                        cursor: default;
                        background-color: #e9e9e9;
                        border: 1px solid #e9e9e9;
                    }

                        .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child):last-child > div > input[type=checkbox]:checked {
                            background-color: #e9e9e9;
                            border: 1px solid #e9e9e9;
                        }

                            .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child):last-child > div > input[type=checkbox]:checked::after {
                                width: 20px;
                                height: 20px;
                                left: 6.6666666667px;
                                top: 2.5px;
                                width: 6px;
                                height: 10px;
                                border-color: #bcbcbc;
                                border-style: solid;
                            }

                    .content_contract > div:nth-child(3) > div:last-child > div:not(:first-child):last-child > div > label > a {
                        font-size: 16px !important;
                        font-weight: 500 !important;
                        color: #0f79d6 !important;
                        cursor: pointer;
                        text-decoration: underline;
                    }

    .content_contract > div:nth-child(5) > div {
        width: inherit;
    }

        .content_contract > div:nth-child(5) > div:first-child {
            display: flex;
            justify-content: left;
            align-items: center;
            flex-direction: row;
            cursor: pointer;
        }

            .content_contract > div:nth-child(5) > div:first-child > div {
                display: flex;
                justify-content: left;
                align-items: center;
                flex-direction: row;
            }

                .content_contract > div:nth-child(5) > div:first-child > div:first-child {
                    width: calc(100% - 30px);
                    font-size: 16px !important;
                    font-weight: 600 !important;
                    color: #000000 !important;
                }

                .content_contract > div:nth-child(5) > div:first-child > div:last-child {
                    width: 30px;
                    cursor: pointer;
                }

                    .content_contract > div:nth-child(5) > div:first-child > div:last-child > svg > path {
                        stroke: #323232;
                    }

        .content_contract > div:nth-child(5) > div:last-child {
            width: inherit;
        }

            .content_contract > div:nth-child(5) > div:last-child > div {
                width: inherit;
            }

                .content_contract > div:nth-child(5) > div:last-child > div:first-child {
                    padding: 10px 0px 0px 0px;
                }

                    .content_contract > div:nth-child(5) > div:last-child > div:first-child > div {
                        padding: 10px 0px 0px 0px;
                        display: flex;
                        justify-content: left;
                        align-items: flex-start;
                    }

                        .content_contract > div:nth-child(5) > div:last-child > div:first-child > div:first-child > input[type=checkbox] {
                            width: 20px;
                            height: 20px;
                            appearance: none;
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            background-color: #ffffff;
                            border: 1px solid #323232;
                            border-radius: 3px;
                            cursor: pointer;
                            position: relative;
                        }

                            .content_contract > div:nth-child(5) > div:last-child > div:first-child > div:first-child > input[type=checkbox]:checked {
                                background-color: #076ed7;
                                border: 1px solid #ffffff;
                            }

                                .content_contract > div:nth-child(5) > div:last-child > div:first-child > div:first-child > input[type=checkbox]:checked::after {
                                    width: 20px;
                                    height: 20px;
                                    content: "";
                                    position: absolute;
                                    left: 6.6666666667px;
                                    top: 2.5px;
                                    width: 6px;
                                    height: 10px;
                                    border-width: 0 2px 2px 0;
                                    transform: rotate(40deg);
                                    border-color: white;
                                    border-style: solid;
                                }

                        .content_contract > div:nth-child(5) > div:last-child > div:first-child > div:first-child > label {
                            padding-left: 8px;
                        }

                        .content_contract > div:nth-child(5) > div:last-child > div:first-child > div:not(:first-child) {
                            padding-left: 24px;
                        }

                            .content_contract > div:nth-child(5) > div:last-child > div:first-child > div:not(:first-child) > label {
                                font-size: 16px !important;
                                font-weight: 500 !important;
                                color: #0f79d6 !important;
                                cursor: pointer;
                                border-bottom: 1px solid #0f79d6;
                            }

                .content_contract > div:nth-child(5) > div:last-child > div:not(:first-child) {
                    padding: 10px 0px 0px 0px;
                }

                    .content_contract > div:nth-child(5) > div:last-child > div:not(:first-child) > div {
                        padding: 10px 0px 0px 0px;
                        display: flex;
                        justify-content: left;
                        align-items: flex-start;
                    }

                        .content_contract > div:nth-child(5) > div:last-child > div:not(:first-child) > div > input[type=checkbox] {
                            width: 20px;
                            height: 20px;
                            appearance: none;
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            background-color: #ffffff;
                            border: 1px solid #323232;
                            border-radius: 3px;
                            cursor: pointer;
                            position: relative;
                        }

                            .content_contract > div:nth-child(5) > div:last-child > div:not(:first-child) > div > input[type=checkbox]:checked {
                                background-color: #076ed7;
                                border: 1px solid #ffffff;
                            }

                                .content_contract > div:nth-child(5) > div:last-child > div:not(:first-child) > div > input[type=checkbox]:checked::after {
                                    width: 20px;
                                    height: 20px;
                                    content: "";
                                    position: absolute;
                                    left: 6.6666666667px;
                                    top: 2.5px;
                                    width: 6px;
                                    height: 10px;
                                    border-width: 0 2px 2px 0;
                                    transform: rotate(40deg);
                                    border-color: white;
                                    border-style: solid;
                                }

                        .content_contract > div:nth-child(5) > div:last-child > div:not(:first-child) > div > label {
                            padding-left: 8px;
                        }

                            .content_contract > div:nth-child(5) > div:last-child > div:not(:first-child) > div > label > a {
                                font-size: 16px !important;
                                font-weight: 500 !important;
                                color: #0f79d6 !important;
                                cursor: pointer;
                                border-bottom: 1px solid #0f79d6;
                            }

    .content_contract > div:nth-child(7) > div {
        width: inherit;
    }

        .content_contract > div:nth-child(7) > div:first-child {
            display: flex;
            justify-content: left;
            align-items: center;
            flex-direction: row;
            cursor: pointer;
        }

            .content_contract > div:nth-child(7) > div:first-child > div {
                display: flex;
                justify-content: left;
                align-items: center;
                flex-direction: row;
            }

                .content_contract > div:nth-child(7) > div:first-child > div:first-child {
                    width: calc(100% - 30px);
                    font-size: 16px !important;
                    font-weight: 600 !important;
                    color: #000000 !important;
                }

                .content_contract > div:nth-child(7) > div:first-child > div:last-child {
                    width: 30px;
                    cursor: pointer;
                }

                    .content_contract > div:nth-child(7) > div:first-child > div:last-child > svg > path {
                        stroke: #323232;
                    }

        .content_contract > div:nth-child(7) > div:nth-child(2) {
            width: inherit;
        }

            .content_contract > div:nth-child(7) > div:nth-child(2) > div {
                width: inherit;
                padding: 10px 0px 0px 0px;
            }

                .content_contract > div:nth-child(7) > div:nth-child(2) > div > div {
                    padding: 10px 0px 0px 0px;
                    display: flex;
                    justify-content: left;
                    align-items: center;
                }

                    .content_contract > div:nth-child(7) > div:nth-child(2) > div > div > input[type=radio] {
                        width: 16px;
                        height: 16px;
                        -webkit-appearance: none;
                        background-color: #ffffff;
                        border: 1px solid #323232;
                        border-radius: 10px;
                        display: inline-block;
                        position: relative;
                    }

                        .content_contract > div:nth-child(7) > div:nth-child(2) > div > div > input[type=radio]:checked {
                            background: #ffffff;
                            border: 4px solid #005bac;
                        }

                    .content_contract > div:nth-child(7) > div:nth-child(2) > div > div > label {
                        padding-left: 8px;
                    }

                    .content_contract > div:nth-child(7) > div:nth-child(2) > div > div > a {
                        font-size: 16px !important;
                        font-weight: 500 !important;
                        color: #0f79d6 !important;
                        cursor: pointer;
                        text-decoration: underline;
                    }

        .content_contract > div:nth-child(7) > div:last-child {
            width: inherit;
            font-size: 16px !important;
            font-weight: 500 !important;
            color: #bcbcbc !important;
        }

            .content_contract > div:nth-child(7) > div:last-child > div {
                padding: 10px 0px 0px 15px;
            }

                .content_contract > div:nth-child(7) > div:last-child > div > div {
                    display: flex;
                    justify-content: left;
                    align-items: flex-start;
                    max-height: 190px;
                    overflow-y: auto;
                    -webkit-overflow-scrolling: touch;
                }

    .content_contract > div:last-child {
        width: inherit;
    }

        .content_contract > div:last-child > div {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row;
            cursor: pointer;
            width: inherit;
        }

            .content_contract > div:last-child > div > div {
                width: 50%;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }

                .content_contract > div:last-child > div > div:first-child {
                    padding-right: 10px;
                }

                .content_contract > div:last-child > div > div:last-child {
                    padding-left: 10px;
                }

    .content_contract #labWMT4 {
        padding-left:8px;
    }

    .content_finish {
        width: inherit;
        height: inherit;
    }

    .content_finish > div {
        width: inherit;
    }

        .content_finish > div:first-child {
            padding: 24px 0px;
        }

            .content_finish > div:first-child > div {
                width: inherit;
                height: 200px;
                border-radius: 8px;
                border: 1px solid;
                background-color: #ffffff !important;
                border-color: #e9e9e9 !important;
            }

                .content_finish > div:first-child > div > div {
                    padding: 8px;
                }

                    .content_finish > div:first-child > div > div > div {
                        padding: 16px;
                    }

#divFinishTitle {
    font-size: 16px !important;
    font-weight: 600 !important;
}

#divFinishMessage, #divFinishRemark {
    font-size: 16px !important;
    font-weight: 400 !important;
}

    #divFinishMessage span {
        text-decoration: underline;
    }

.content_finish > div:last-child {
    padding: 16px 0px 24px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

    .content_finish > div:last-child > div {
        width: 100%;
    }

.content_password {
    width: inherit;
}

    .content_password > div {
        display: flex;
        justify-content: center;
        align-items: baseline;
        flex-direction: column;
    }

        .content_password > div:first-child {
            width: inherit;
            padding: 16px;
            border: 1px solid;
            border-radius: 8px;
            border-color: #e9e9e9 !important;
        }

            .content_password > div:first-child > div {
                font-size: 18px !important;
                font-weight: 600 !important;
                padding-top: 10px;
                width: inherit;
            }

                .content_password > div:first-child > div > div {
                    width: inherit;
                }

                    .content_password > div:first-child > div > div:first-child > input[type=radio] {
                        width: 16px;
                        height: 16px;
                        -webkit-appearance: none;
                        background-color: #ffffff;
                        border: 1px solid #323232;
                        border-radius: 10px;
                        display: inline-block;
                        position: relative;
                    }

                        .content_password > div:first-child > div > div:first-child > input[type=radio]:checked {
                            background: #ffffff;
                            border: 4px solid #005bac;
                        }

                    .content_password > div:first-child > div > div:first-child > label {
                        padding-left: 8px;
                    }

                    .content_password > div:first-child > div > div:first-child > div {
                        padding-left: 24px;
                    }

                        .content_password > div:first-child > div > div:first-child > div:nth-child(-n+2) {
                            padding-top: 10px;
                            width: inherit;
                        }

                        .content_password > div:first-child > div > div:first-child > div:nth-child(3) {
                            padding-top: 10px;
                            width: inherit;
                        }

                        .content_password > div:first-child > div > div:first-child > div:nth-child(n+4) {
                            padding-top: 5px;
                            width: inherit;
                        }

                            .content_password > div:first-child > div > div:first-child > div:nth-child(n+4) > div {
                                font-size: 16px !important;
                                font-weight: 400 !important;
                            }

                                .content_password > div:first-child > div > div:first-child > div:nth-child(n+4) > div:first-child {
                                    width: 20px;
                                }

                                .content_password > div:first-child > div > div:first-child > div:nth-child(n+4) > div:last-child {
                                    width: calc(100% - 20px);
                                }

                    .content_password > div:first-child > div > div > div {
                        padding-left: 24px;
                    }

                        .content_password > div:first-child > div > div > div:nth-child(-n+2) {
                            padding-top: 10px;
                            width: inherit;
                            /*  &:first-child {
      @extend .input-default-eye;
  }

  &:nth-child(2) {*/
                            /*}*/
                        }

                        .content_password > div:first-child > div > div > div:nth-child(3) {
                            padding-top: 10px;
                            width: inherit;
                        }

                        .content_password > div:first-child > div > div > div:nth-child(n+4) {
                            padding-top: 5px;
                            width: inherit;
                        }

                            .content_password > div:first-child > div > div > div:nth-child(n+4) > div:first-child {
                                width: 20px;
                            }

                            .content_password > div:first-child > div > div > div:nth-child(n+4) > div:last-child {
                                width: calc(100% - 20px);
                            }

        .content_password > div:nth-child(2) {
            width: inherit;
            padding: 16px;
            border: 1px solid;
            border-radius: 8px;
            border-color: #e9e9e9 !important;
        }

            .content_password > div:nth-child(2) > div {
                font-size: 18px !important;
                font-weight: 600 !important;
                padding-top: 10px;
                width: inherit;
            }

                .content_password > div:nth-child(2) > div:nth-of-type(n+5) {
                    display: flex;
                    justify-content: center;
                    align-items: baseline;
                    font-size: 16px !important;
                    font-weight: 400 !important;
                }

        .content_password > div:nth-child(3) {
            height: 30px;
        }

        .content_password > div:nth-child(4) {
            width: inherit;
        }

            .content_password > div:nth-child(4) > div {
                width: inherit;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: row;
            }

                .content_password > div:nth-child(4) > div > div {
                    width: 50%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                }

                    .content_password > div:nth-child(4) > div > div:first-child {
                        padding-right: 10px;
                    }

                    .content_password > div:nth-child(4) > div > div:last-child {
                        padding-left: 10px;
                    }

        .content_password > div:nth-child(5) {
            height: 30px;
        }

        .content_password > div:last-child {
            width: inherit;
        }

            .content_password > div:last-child > div {
                width: inherit;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: row;
            }

                .content_password > div:last-child > div > div {
                    width: 50%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                }

                    .content_password > div:last-child > div > div:first-child {
                        padding-right: 10px;
                    }

                    .content_password > div:last-child > div > div:last-child {
                        padding-left: 10px;
                    }

.content_bankandfinancial {
    width: inherit;
}

    .content_bankandfinancial > div:nth-child(odd) {
        width: inherit;
    }

        .content_bankandfinancial > div:nth-child(odd):not(:last-child) {
            padding: 16px;
            border: 1px solid;
            border-radius: 8px;
            border-color: #e9e9e9 !important;
            display: flex;
            justify-content: left;
            align-items: center;
            flex-direction: column;
        }

    .content_bankandfinancial > div:nth-child(even) {
        height: 30px;
    }

    .content_bankandfinancial > div:first-child > div {
        width: inherit;
    }

        .content_bankandfinancial > div:first-child > div:first-child {
            display: flex;
            justify-content: left;
            align-items: center;
            flex-direction: row;
            cursor: pointer;
        }

            .content_bankandfinancial > div:first-child > div:first-child > div {
                display: flex;
                justify-content: left;
                align-items: center;
                flex-direction: row;
            }

                .content_bankandfinancial > div:first-child > div:first-child > div:first-child {
                    width: calc(100% - 30px);
                }

                .content_bankandfinancial > div:first-child > div:first-child > div:last-child {
                    width: 30px;
                    cursor: pointer;
                }

                    .content_bankandfinancial > div:first-child > div:first-child > div:last-child > svg > path {
                        stroke: #323232;
                    }

        .content_bankandfinancial > div:first-child > div:nth-child(2) {
            width: inherit;
        }

            .content_bankandfinancial > div:first-child > div:nth-child(2) > div {
                width: inherit;
            }

                .content_bankandfinancial > div:first-child > div:nth-child(2) > div:first-child > div {
                    padding-top: 10px;
                }

                    .content_bankandfinancial > div:first-child > div:nth-child(2) > div:first-child > div:last-child {
                        width: inherit;
                    }

                        .content_bankandfinancial > div:first-child > div:nth-child(2) > div:first-child > div:last-child > div {
                            width: inherit;
                            border-radius: 8px;
                        }

                            .content_bankandfinancial > div:first-child > div:nth-child(2) > div:first-child > div:last-child > div > div {
                                width: inherit;
                            }

                                .content_bankandfinancial > div:first-child > div:nth-child(2) > div:first-child > div:last-child > div > div:first-child {
                                    padding: 16px 10px 0px 10px;
                                }

                                .content_bankandfinancial > div:first-child > div:nth-child(2) > div:first-child > div:last-child > div > div:nth-child(2) {
                                    padding: 5px 10px 0px 10px;
                                }

                                .content_bankandfinancial > div:first-child > div:nth-child(2) > div:first-child > div:last-child > div > div:last-child {
                                    padding: 5px 10px 16px 10px;
                                }

                .content_bankandfinancial > div:first-child > div:nth-child(2) > div:nth-child(2) {
                    padding-top: 16px;
                }

                    .content_bankandfinancial > div:first-child > div:nth-child(2) > div:nth-child(2) > div {
                        width: inherit;
                    }

                .content_bankandfinancial > div:first-child > div:nth-child(2) > div:nth-child(3) {
                    width: inherit;
                    padding-top: 16px;
                }

                    .content_bankandfinancial > div:first-child > div:nth-child(2) > div:nth-child(3) > div {
                        height: 264px;
                        border-radius: 8px;
                        border: 1px solid;
                        /* shadow */
                        cursor: pointer;
                    }

                        .content_bankandfinancial > div:first-child > div:nth-child(2) > div:nth-child(3) > div > div {
                            width: 100%;
                            height: 100%;
                            padding: 30px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                        }

                            .content_bankandfinancial > div:first-child > div:nth-child(2) > div:nth-child(3) > div > div > div {
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                flex-direction: column;
                                width: inherit;
                                height: inherit;
                            }

                                .content_bankandfinancial > div:first-child > div:nth-child(2) > div:nth-child(3) > div > div > div > img {
                                    margin: auto;
                                    width: 100%;
                                    height: 100%;
                                    object-fit: scale-down;
                                }

                .content_bankandfinancial > div:first-child > div:nth-child(2) > div:nth-child(4) {
                    width: inherit;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

    .content_bankandfinancial > div:nth-child(3) > div {
        width: inherit;
    }

        .content_bankandfinancial > div:nth-child(3) > div:first-child {
            display: flex;
            justify-content: left;
            align-items: center;
            flex-direction: row;
            cursor: pointer;
        }

            .content_bankandfinancial > div:nth-child(3) > div:first-child > div {
                display: flex;
                justify-content: left;
                align-items: center;
                flex-direction: row;
            }

                .content_bankandfinancial > div:nth-child(3) > div:first-child > div:first-child {
                    width: calc(100% - 30px);
                }

                .content_bankandfinancial > div:nth-child(3) > div:first-child > div:last-child {
                    width: 30px;
                    cursor: pointer;
                }

                    .content_bankandfinancial > div:nth-child(3) > div:first-child > div:last-child > svg > path {
                        stroke: #323232;
                    }

        .content_bankandfinancial > div:nth-child(3) > div:nth-child(2) {
            width: inherit;
        }

            .content_bankandfinancial > div:nth-child(3) > div:nth-child(2) > div {
                padding-top: 16px;
            }

                .content_bankandfinancial > div:nth-child(3) > div:nth-child(2) > div:first-child > div {
                    width: inherit;
                }

                    .content_bankandfinancial > div:nth-child(3) > div:nth-child(2) > div:first-child > div:first-child {
                        font-size: 16px !important;
                        font-weight: 400 !important;
                        color: 737373 !important;
                    }

                .content_bankandfinancial > div:nth-child(3) > div:nth-child(2) > div:last-child {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                    .content_bankandfinancial > div:nth-child(3) > div:nth-child(2) > div:last-child > div {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: inherit;
                    }

    .content_bankandfinancial > div:nth-child(5) > div {
        padding: 16px;
    }

        .content_bankandfinancial > div:nth-child(5) > div > div {
            font-size: 18px !important;
            font-weight: 600 !important;
            color: 323232 !important;
        }

    .content_bankandfinancial > div:last-child {
        width: inherit;
    }

        .content_bankandfinancial > div:last-child > div {
            width: inherit;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row;
        }

            .content_bankandfinancial > div:last-child > div > div {
                width: 50%;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }

                .content_bankandfinancial > div:last-child > div > div:first-child {
                    padding-right: 10px;
                }

                .content_bankandfinancial > div:last-child > div > div:last-child {
                    padding-left: 10px;
                }

    .content_bankandfinancial > div:first-child > div:nth-child(2) > div:nth-child(2) > div:last-child {
        font-size: 16px !important;
        font-weight: 400 !important;
        color: #737373 !important;
    }

.Financial_Files_item {
    width: 100%;
}

    .Financial_Files_item > div {
        width: inherit;
    }

        .Financial_Files_item > div:nth-child(odd) > div {
            width: inherit;
            padding-top: 16px;
        }

            .Financial_Files_item > div:nth-child(odd) > div > div {
                height: 264px;
                border-radius: 8px;
                border: 1px solid;
                display: flex;
                justify-content: center;
                align-items: center;
                /* shadow */
                cursor: pointer;
            }

                .Financial_Files_item > div:nth-child(odd) > div > div > div {
                    width: 100%;
                    height: 100%;
                    padding: 30px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                    .Financial_Files_item > div:nth-child(odd) > div > div > div > img {
                        margin: auto;
                        width: 100%;
                        height: 100%;
                        object-fit: scale-down;
                    }

        .Financial_Files_item > div:nth-child(even) {
            display: flex;
            justify-content: center;
            align-items: center;
        }

.content_submit {
    width: 328px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .content_submit > div:nth-child(2) {
        height: 15px;
        width: inherit;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .content_submit > div:nth-child(2) > div {
            height: inherit;
        }

            .content_submit > div:nth-child(2) > div:first-child {
                width: 30%;
            }

            .content_submit > div:nth-child(2) > div:nth-child(2) {
                background-color: #ddd;
                width: 40%;
            }

            .content_submit > div:nth-child(2) > div:last-child {
                width: 30%;
            }

    .content_submit > div:nth-child(3) {
        height: 30px;
        width: inherit;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .content_submit > div:nth-child(3) > div {
            height: inherit;
        }

            .content_submit > div:nth-child(3) > div:first-child {
                width: 30%;
            }

            .content_submit > div:nth-child(3) > div:nth-child(2) {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 40%;
            }

            .content_submit > div:nth-child(3) > div:last-child {
                width: 30%;
            }

.account_dialog {
    background-color: #f0f0f0 !important;
    border-radius: 8px;
}

    .account_dialog > div {
        padding: 0px 16px;
    }

        .account_dialog > div > div {
            padding: 12px 0px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }

            .account_dialog > div > div > div {
                font-size: 18px !important;
                font-weight: 400 !important;
                color: #000000 !important;
            }

.sdoa_content_ready {
    width: inherit;
}

    .sdoa_content_ready > div {
        width: inherit;
        padding: 0px 16px;
        display: flex;
        justify-content: left;
        align-items: center;
        flex-direction: column;
    }

        .sdoa_content_ready > div > div {
            width: inherit;
            display: flex;
            justify-content: left;
            align-items: center;
            justify-content: left !important;
        }

            .sdoa_content_ready > div > div:nth-child(odd) {
                font-size: 18px !important;
                font-weight: 600 !important;
                color: #323232 !important;
            }

                .sdoa_content_ready > div > div:nth-child(odd):nth-child(1) {
                    width: inherit;
                }

                    .sdoa_content_ready > div > div:nth-child(odd):nth-child(1) > div {
                        font-size: 18px !important;
                        font-weight: 400 !important;
                        color: #737373 !important;
                    }

                .sdoa_content_ready > div > div:nth-child(odd):nth-child(3) {
                    width: inherit;
                }

                    .sdoa_content_ready > div > div:nth-child(odd):nth-child(3) > div {
                        width: inherit;
                    }

                        .sdoa_content_ready > div > div:nth-child(odd):nth-child(3) > div > div {
                            width: inherit;
                        }

                            .sdoa_content_ready > div > div:nth-child(odd):nth-child(3) > div > div:nth-child(2) {
                                padding: 4px 0px;
                            }

                                .sdoa_content_ready > div > div:nth-child(odd):nth-child(3) > div > div:nth-child(2) > div {
                                    border-radius: 8px;
                                    height: 48px;
                                    padding: 4px;
                                    width: 100%;
                                    display: flex;
                                    justify-content: left;
                                    align-items: center;
                                    background-color: #f0f0f0 !important;
                                }

                                    .sdoa_content_ready > div > div:nth-child(odd):nth-child(3) > div > div:nth-child(2) > div > input {
                                        width: calc(100% - 26px);
                                        border: none;
                                        height: 40px;
                                        outline: none;
                                        padding: 12px 16px;
                                        background-color: #f0f0f0 !important;
                                    }

                                        .sdoa_content_ready > div > div:nth-child(odd):nth-child(3) > div > div:nth-child(2) > div > input::placeholder {
                                            font-size: 16px !important;
                                            font-weight: 400 !important;
                                            color: #b3b8c4 !important;
                                        }

                                        .sdoa_content_ready > div > div:nth-child(odd):nth-child(3) > div > div:nth-child(2) > div > input.nonselect {
                                            font-size: 16px !important;
                                            font-weight: 400 !important;
                                            color: #b3b8c4 !important;
                                        }

                                        .sdoa_content_ready > div > div:nth-child(odd):nth-child(3) > div > div:nth-child(2) > div > input::-ms-reveal, .sdoa_content_ready > div > div:nth-child(odd):nth-child(3) > div > div:nth-child(2) > div input::-ms-clear {
                                            display: none;
                                        }

                                    .sdoa_content_ready > div > div:nth-child(odd):nth-child(3) > div > div:nth-child(2) > div.hastext > img {
                                        display: flex;
                                        padding-left: 8px;
                                        padding-right: 12px;
                                        position: relative;
                                        z-index: 2;
                                        content: url("../img/icon_delete.png");
                                        cursor: pointer;
                                    }

                                    .sdoa_content_ready > div > div:nth-child(odd):nth-child(3) > div > div:nth-child(2) > div.haserror {
                                        border: 1px solid #de0606;
                                    }

                                        .sdoa_content_ready > div > div:nth-child(odd):nth-child(3) > div > div:nth-child(2) > div.haserror > img {
                                            display: flex;
                                            padding-left: 8px;
                                            padding-right: 12px;
                                            position: relative;
                                            z-index: 2;
                                            content: url("../img/icon_error.png");
                                            cursor: pointer;
                                        }

                            .sdoa_content_ready > div > div:nth-child(odd):nth-child(3) > div > div:last-child > label {
                                font-size: 16px !important;
                                font-weight: 400 !important;
                                color: #de0606 !important;
                            }

                .sdoa_content_ready > div > div:nth-child(odd):nth-child(5) {
                    width: inherit;
                }

                    .sdoa_content_ready > div > div:nth-child(odd):nth-child(5) > div {
                        width: inherit;
                    }

                        .sdoa_content_ready > div > div:nth-child(odd):nth-child(5) > div > div {
                            width: inherit;
                        }

                            .sdoa_content_ready > div > div:nth-child(odd):nth-child(5) > div > div:last-child {
                                padding: 4px 0px;
                            }

                                .sdoa_content_ready > div > div:nth-child(odd):nth-child(5) > div > div:last-child > div > btn {
                                    height: 48px !important;
                                }

                                    .sdoa_content_ready > div > div:nth-child(odd):nth-child(5) > div > div:last-child > div > btn.dropdown {
                                        background: #f0f0f0 url("../img/angle_down.svg");
                                        background-size: 1.25rem;
                                        background-repeat: no-repeat;
                                        background-position: right 12px center;
                                    }

                                    .sdoa_content_ready > div > div:nth-child(odd):nth-child(5) > div > div:last-child > div > btn.calendar {
                                        background: #f0f0f0 url("../img/calendar.svg");
                                        background-size: 1.25rem;
                                        background-repeat: no-repeat;
                                        background-position: right 12px center;
                                        padding: 12px 20px;
                                    }

                                    .sdoa_content_ready > div > div:nth-child(odd):nth-child(5) > div > div:last-child > div > btn.nonselect {
                                        font-size: 16px !important;
                                        font-weight: 400 !important;
                                        color: #b3b8c4 !important;
                                    }

                .sdoa_content_ready > div > div:nth-child(odd):nth-child(7) {
                    width: inherit;
                }

                    .sdoa_content_ready > div > div:nth-child(odd):nth-child(7) > div {
                        width: inherit;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }

                        .sdoa_content_ready > div > div:nth-child(odd):nth-child(7) > div > div {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            width: 180px;
                            height: 40px;
                            background: #F2F4F7;
                            border: 1px solid #bcbcbc;
                            border-radius: 8px;
                            /*& > iframe{
      height:180px;
      width:100%;

  }*/
                        }

                            .sdoa_content_ready > div > div:nth-child(odd):nth-child(7) > div > div:hover {
                                text-decoration: none;
                                opacity: 0.75;
                            }

                            .sdoa_content_ready > div > div:nth-child(odd):nth-child(7) > div > div > div {
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }

                                .sdoa_content_ready > div > div:nth-child(odd):nth-child(7) > div > div > div:first-child {
                                    width: 20px;
                                    height: 16px;
                                    padding: 2px;
                                }

                                    .sdoa_content_ready > div > div:nth-child(odd):nth-child(7) > div > div > div:first-child > i {
                                        width: 16px;
                                        height: 16px;
                                    }

                                .sdoa_content_ready > div > div:nth-child(odd):nth-child(7) > div > div > div:last-child {
                                    cursor: pointer;
                                }

                                    .sdoa_content_ready > div > div:nth-child(odd):nth-child(7) > div > div > div:last-child > btn {
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                    }

                .sdoa_content_ready > div > div:nth-child(odd):nth-child(9) {
                    width: 100%;
                }

                    .sdoa_content_ready > div > div:nth-child(odd):nth-child(9) > div {
                        width: 100% !important;
                    }

                        .sdoa_content_ready > div > div:nth-child(odd):nth-child(9) > div > div {
                            width: inherit;
                        }

            .sdoa_content_ready > div > div:nth-child(even) {
                height: 24px;
            }

.sdoa_title {
    padding: 0px 16px;
    justify-content: left !important;
}

.sdoa_content_main {
    width: 100%;
}

    .sdoa_content_main > div {
        width: inherit;
        padding: 0px 16px;
        display: flex;
        justify-content: left;
        align-items: center;
        flex-direction: column;
    }

        .sdoa_content_main > div > div {
            width: inherit;
            display: flex;
            justify-content: left;
            align-items: center;
            justify-content: left !important;
        }

            .sdoa_content_main > div > div:nth-child(odd) {
                font-size: 18px !important;
                font-weight: 600 !important;
                color: #323232 !important;
            }

                .sdoa_content_main > div > div:nth-child(odd):nth-child(1) {
                    width: inherit;
                }

                    .sdoa_content_main > div > div:nth-child(odd):nth-child(1) > div {
                        width: inherit;
                    }

                        .sdoa_content_main > div > div:nth-child(odd):nth-child(1) > div > btn {
                            /*    &.nonselect {
      @extend .font-content-16-b3b8c4-400;
  }*/
                        }

                            .sdoa_content_main > div > div:nth-child(odd):nth-child(1) > div > btn.dropdown {
                                background: #f0f0f0 url("../img/angle_down.svg");
                                background-size: 1.25rem;
                                background-repeat: no-repeat;
                                background-position: right 12px center;
                            }

                .sdoa_content_main > div > div:nth-child(odd):nth-child(3) {
                    width: inherit;
                }

                    .sdoa_content_main > div > div:nth-child(odd):nth-child(3) > div {
                        width: 100% !important;
                    }

                        .sdoa_content_main > div > div:nth-child(odd):nth-child(3) > div > div {
                            width: inherit;
                        }

                            .sdoa_content_main > div > div:nth-child(odd):nth-child(3) > div > div:nth-child(2) {
                                height: 12px;
                            }

            .sdoa_content_main > div > div:nth-child(even) {
                height: 24px;
            }

.sdoa_patchMain {
    width: inherit;
    padding-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

    .sdoa_patchMain > div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .sdoa_patchMain > div:first-child {
            flex-direction: column;
            width: 15px;
        }

            .sdoa_patchMain > div:first-child > div {
                flex-direction: column;
            }

                .sdoa_patchMain > div:first-child > div:first-child {
                    border-radius: 50%;
                    width: 14px;
                    height: 14px;
                    background: #076ed7;
                }

                .sdoa_patchMain > div:first-child > div:nth-child(2) {
                    width: 2px;
                    background: #076ed7;
                    height: 19px;
                }

        .sdoa_patchMain > div:nth-child(2) {
            width: 8px;
        }

        .sdoa_patchMain > div:last-child {
            width: calc(100% - 15px);
            flex-direction: column;
            align-items: flex-start;
        }

            .sdoa_patchMain > div:last-child > div:first-child {
                font-size: 15px !important;
                font-weight: 400 !important;
                color: #323232 !important;
                height: 22px;
                margin-top: -7px;
            }

            .sdoa_patchMain > div:last-child > div:nth-child(2) {
                height: 11px;
            }

.sdoa_patchPreDetail {
    width: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

    .sdoa_patchPreDetail > div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .sdoa_patchPreDetail > div:first-child {
            flex-direction: column;
            width: 15px;
        }

            .sdoa_patchPreDetail > div:first-child > div {
                flex-direction: column;
            }

                .sdoa_patchPreDetail > div:first-child > div:first-child {
                    width: 2px;
                    height: 34px;
                    background: #076ed7;
                }

        .sdoa_patchPreDetail > div:nth-child(2) {
            width: 8px;
        }

        .sdoa_patchPreDetail > div:last-child {
            width: calc(100% - 15px);
            flex-direction: column;
            align-items: flex-start;
        }

            .sdoa_patchPreDetail > div:last-child > div:first-child {
                font-size: 15px !important;
                font-weight: 400 !important;
                color: #757575 !important;
                height: 34px;
            }

.sdoa_patchDetailTitle {
    width: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

    .sdoa_patchDetailTitle > div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .sdoa_patchDetailTitle > div:first-child {
            flex-direction: column;
            width: 15px;
        }

            .sdoa_patchDetailTitle > div:first-child > div {
                flex-direction: column;
            }

                .sdoa_patchDetailTitle > div:first-child > div:first-child {
                    width: 2px;
                    height: 34px;
                    background: #076ed7;
                }

        .sdoa_patchDetailTitle > div:nth-child(2) {
            width: 8px;
        }

        .sdoa_patchDetailTitle > div:last-child {
            width: calc(100% - 15px);
            flex-direction: row;
            align-items: center;
        }

            .sdoa_patchDetailTitle > div:last-child > div {
                font-size: 15px !important;
                font-weight: 400 !important;
                color: #323232 !important;
            }

                .sdoa_patchDetailTitle > div:last-child > div:first-child {
                    width: 20px;
                }

                .sdoa_patchDetailTitle > div:last-child > div:last-child {
                    width: calc(100% - 20px);
                }

.sdoa_patchDetail {
    width: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

    .sdoa_patchDetail > div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .sdoa_patchDetail > div:first-child {
            flex-direction: column;
            width: 15px;
        }

            .sdoa_patchDetail > div:first-child > div {
                flex-direction: column;
                min-height: 40px;
            }

                .sdoa_patchDetail > div:first-child > div:first-child {
                    width: 2px;
                    height: 100%;
                    background: #076ed7;
                }

        .sdoa_patchDetail > div:nth-child(2) {
            width: 8px;
        }

        .sdoa_patchDetail > div:last-child {
            width: calc(100% - 15px);
            flex-direction: row;
            align-items: flex-start;
        }

            .sdoa_patchDetail > div:last-child > div {
                font-size: 15px !important;
                font-weight: 400 !important;
                color: #de0606 !important;
                height: auto;
            }

                .sdoa_patchDetail > div:last-child > div:first-child {
                    width: 20px;
                }

                .sdoa_patchDetail > div:last-child > div:last-child {
                    width: calc(100% - 20px);
                }

.sdoa_patchdetailscroll {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100dvh - 220px);
}

    .sdoa_patchdetailscroll > div:last-child {
        padding-top: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .sdoa_patchdetailscroll > div:last-child > div {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row;
        }

            .sdoa_patchdetailscroll > div:last-child > div > div:first-child {
                width: calc((100% - 8px) / 2);
            }

            .sdoa_patchdetailscroll > div:last-child > div > div:nth-child(2) {
                width: 8px;
            }

            .sdoa_patchdetailscroll > div:last-child > div > div:last-child {
                width: calc((100% - 8px) / 2);
            }

.prevent-click {
    pointer-events: none;
}

.flex-direction-row {
    flex-direction: row;
}

.flex-direction-column {
    flex-direction: column;
}

.btnDeleteImg {
    position: fixed;
    right: 25px;
    margin-top: 5px;
}

.lackoffile-main {
    border-radius: 8px;
    padding: 16px;
    background-color: #ffffff;
}

.lackoffile-panel-info {
    border-radius: 8px;
    padding: 12px 16px 12px 16px;
    background-color: #FFF7EA;
}

.lackoffile-info-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.lackoffile-info-content {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.lackoffile-panel-itemlist {
    padding: 12px 16px 0 16px;
}

.lackoffile-itemlist-item-row {
    padding-left: 16px
}

.lackoffile-itemlist-item-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.lackoffile-itemlist-item-content {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: #737373;
}

.lackoffile-itemlist-item:not(:last-child) {
    padding-bottom: 24px;
}


/*#region my modal dialog*/

.my-modal-dialog div.modal-container {
    display: flex;
    justify-content: center;
}

.my-modal-dialog div.modal-dialog {
    --bs-modal-width: 100dvw;
    width: 100%;
    max-width: 616px;
    min-width: 328px;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    margin: auto 16px;
    font-family: PingFang TC;
}

.my-modal-dialog div.modal-content {
    padding: 24px 16px;
    border-radius: 16px;
    max-height: 616px;
}

.my-modal-header {
    color: #076ed7;
    text-align: center;
}

    .my-modal-header h5 {
        margin: 0;
        font-size: 21px;
        font-weight: 600;
        line-height: 28px;
    }

.my-modal-body {
    text-align: center;
    border-radius: 8px;
}

.my-modal-footer {
    display: flex;
    justify-content: space-between;
}

    .my-modal-footer button {
        font-size: 16px;
        font-weight: 500;
        height: 48px;
        padding: 12px 16px;
    }

#myConfirmDialogContent, #myNotieceDialogContent {
    border-radius:8px;
    font-size: 18px;
    font-weight: 400;
    overflow: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

#myConfirmDialogCancel {
    border-radius: 8px;
    color: #076ed7;
    background-color: #ffffff;
    border: 1px solid #076ed7;
    flex: 1 1 auto;
    margin-right: 8px;
}

#myConfirmDialogOk, #myNoticeDialogOk, #myDocumentDialogOk {
    border-radius: 8px;
    color: #ffffff;
    background-color: #076ed7;
    flex: 1 1 auto;
}

#myNoticeDialogCancel {
    position: absolute;
    right: 16px;
}

.my-modal-footer button:disabled {
    pointer-events: none;
    color: #BCBCBC !important;
    background-color: #E9E9E9 !important;
    opacity: 1;
}

#myDocumentDialog div.my-modal-body {
    background: #F0F0F0;
    text-align: left;
}

#myDocumentDialogContent {
    overflow: auto;
    padding: 0px 24px;
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

    #myConfirmDialogContent::-webkit-scrollbar, #myNotieceDialogContent::-webkit-scrollbar, #myDocumentDialogContent::-webkit-scrollbar {
        background: transparent;
        width: 4px;
    }

    #myConfirmDialogContent::-webkit-scrollbar-button, #myNotieceDialogContent::-webkit-scrollbar-button, #myDocumentDialogContent::-webkit-scrollbar-button {
        visibility: collapse;
    }

    #myConfirmDialogContent::-webkit-scrollbar-thumb, #myNotieceDialogContent::-webkit-scrollbar-thumb, #myDocumentDialogContent::-webkit-scrollbar-thumb {
        background: #CACED9;
        border-radius: 2px;
    }

    #myConfirmDialogContent::-webkit-scrollbar-track, #myNotieceDialogContent::-webkit-scrollbar-track, #myDocumentDialogContent::-webkit-scrollbar-track {
        background: transparent;
    }

    #myConfirmDialogContent::-webkit-scrollbar-track-piece, #myNotieceDialogContent::-webkit-scrollbar-track-piece, #myDocumentDialogContent::-webkit-scrollbar-track-piece {
        background: transparent;
    }

.my-modal-dialog .my-modal-scroll-to-end {
    position: absolute;
    bottom: 112px;
    left: 0px;
    background: linear-gradient(to bottom, transparent, #ffffff);
    max-width: 616px;
    min-width: 328px;
    width: 100%;
    padding: 10px 0;
}

    .my-modal-dialog .my-modal-scroll-to-end .my-modal-dialog-scroll-to-end-button {
        display: flex;
        align-items: center;
        padding: 6px 16px;
        border: 1px solid #005BAC;
        border-radius: 8px;
        width: 129px;
        box-sizing: content-box;
        margin: auto;
    }

        .my-modal-dialog .my-modal-scroll-to-end .my-modal-dialog-scroll-to-end-button .my-modal-dialog-scroll-to-end-button-text {
            font-weight: 500;
            font-size: 15px;
            color: #005BAC;
            padding-right: 8px;
        }

/*#endregion*/


#tooltip {
    position: absolute; /* 脫離父層限制 */
    font-size: 13px;
    font-weight: 400;
    color: black;
    background-color: #E5F3FF;
    border: 0px solid #111111;
    border-radius: 8px;
    padding: 5px;
    height: 45px;
    white-space: normal;
    width: 136px;
    z-index: 9999; /* 確保顯示在最上層 */
    display: none; /* 預設隱藏 */
}

    #tooltip.show {
        display: block;
    }

.myToolTip svg {
    pointer-events: none;
}