@font-face {
    font-family: NotoSerifCJKtc;
    src: url(../fonts/NotoSerifTC-Light.otf) format("opentype");
    font-weight: 200
}

@font-face {
    font-family: NotoSerifCJKtc;
    src: url(../fonts/NotoSerifTC-Medium.otf) format("opentype");
    font-weight: 300
}

@font-face {
    font-family: NotoSerifCJKtc;
    src: url(../fonts/NotoSerifTC-SemiBold.otf) format("opentype");
    font-weight: 400
}

@font-face {
    font-family: NotoSerifCJKtc;
    src: url(../fonts/NotoSerifTC-Bold.otf) format("opentype");
    font-weight: 500
}

@font-face {
    font-family: NotoSerifCJKtc;
    src: url(../fonts/NotoSerifTC-Black.otf) format("opentype");
    font-weight: 600
}

* {
    -webkit-tap-highlight-color: transparent;
    font-family: NotoSerifCJKtc,sans-serif,"Microsoft Jhenghei"
}

*::selection {
    background: #9ad2cb;
    color: #ffffff
}

table {
    border-collapse: collapse
}

a {
    cursor: pointer;
    display: block
}

.clearfix {
    clear: both
}

.center {
    text-align: center
}

.pd-top-0 {
    padding-top: 0px !important
}

.pd-top-1 {
    padding-top: 1px !important
}

.pd-top-2 {
    padding-top: 2px !important
}

.pd-top-3 {
    padding-top: 3px !important
}

.pd-top-4 {
    padding-top: 4px !important
}

.pd-top-5 {
    padding-top: 5px !important
}

.pd-top-6 {
    padding-top: 6px !important
}

.pd-top-7 {
    padding-top: 7px !important
}

.pd-top-8 {
    padding-top: 8px !important
}

.pd-top-9 {
    padding-top: 9px !important
}

.pd-top-10 {
    padding-top: 10px !important
}

.pd-top-11 {
    padding-top: 11px !important
}

.pd-top-12 {
    padding-top: 12px !important
}

.pd-top-13 {
    padding-top: 13px !important
}

.pd-top-14 {
    padding-top: 14px !important
}

.pd-top-15 {
    padding-top: 15px !important
}

.pd-top-16 {
    padding-top: 16px !important
}

.pd-top-17 {
    padding-top: 17px !important
}

.pd-top-18 {
    padding-top: 18px !important
}

.pd-top-19 {
    padding-top: 19px !important
}

.pd-top-20 {
    padding-top: 20px !important
}

.pd-top-21 {
    padding-top: 21px !important
}

.pd-top-22 {
    padding-top: 22px !important
}

.pd-top-23 {
    padding-top: 23px !important
}

.pd-top-24 {
    padding-top: 24px !important
}

.pd-top-25 {
    padding-top: 25px !important
}

.pd-top-26 {
    padding-top: 26px !important
}

.pd-top-27 {
    padding-top: 27px !important
}

.pd-top-28 {
    padding-top: 28px !important
}

.pd-top-29 {
    padding-top: 29px !important
}

.pd-top-30 {
    padding-top: 30px !important
}

.pd-top-31 {
    padding-top: 31px !important
}

.pd-top-32 {
    padding-top: 32px !important
}

.pd-top-33 {
    padding-top: 33px !important
}

.pd-top-34 {
    padding-top: 34px !important
}

.pd-top-35 {
    padding-top: 35px !important
}

.pd-top-36 {
    padding-top: 36px !important
}

.pd-top-37 {
    padding-top: 37px !important
}

.pd-top-38 {
    padding-top: 38px !important
}

.pd-top-39 {
    padding-top: 39px !important
}

.pd-top-40 {
    padding-top: 40px !important
}

.pd-top-41 {
    padding-top: 41px !important
}

.pd-top-42 {
    padding-top: 42px !important
}

.pd-top-43 {
    padding-top: 43px !important
}

.pd-top-44 {
    padding-top: 44px !important
}

.pd-top-45 {
    padding-top: 45px !important
}

.pd-top-46 {
    padding-top: 46px !important
}

.pd-top-47 {
    padding-top: 47px !important
}

.pd-top-48 {
    padding-top: 48px !important
}

.pd-top-49 {
    padding-top: 49px !important
}

.pd-top-50 {
    padding-top: 50px !important
}

.pd-right-0 {
    padding-right: 0px !important
}

.pd-right-1 {
    padding-right: 1px !important
}

.pd-right-2 {
    padding-right: 2px !important
}

.pd-right-3 {
    padding-right: 3px !important
}

.pd-right-4 {
    padding-right: 4px !important
}

.pd-right-5 {
    padding-right: 5px !important
}

.pd-right-6 {
    padding-right: 6px !important
}

.pd-right-7 {
    padding-right: 7px !important
}

.pd-right-8 {
    padding-right: 8px !important
}

.pd-right-9 {
    padding-right: 9px !important
}

.pd-right-10 {
    padding-right: 10px !important
}

.pd-right-11 {
    padding-right: 11px !important
}

.pd-right-12 {
    padding-right: 12px !important
}

.pd-right-13 {
    padding-right: 13px !important
}

.pd-right-14 {
    padding-right: 14px !important
}

.pd-right-15 {
    padding-right: 15px !important
}

.pd-right-16 {
    padding-right: 16px !important
}

.pd-right-17 {
    padding-right: 17px !important
}

.pd-right-18 {
    padding-right: 18px !important
}

.pd-right-19 {
    padding-right: 19px !important
}

.pd-right-20 {
    padding-right: 20px !important
}

.pd-right-21 {
    padding-right: 21px !important
}

.pd-right-22 {
    padding-right: 22px !important
}

.pd-right-23 {
    padding-right: 23px !important
}

.pd-right-24 {
    padding-right: 24px !important
}

.pd-right-25 {
    padding-right: 25px !important
}

.pd-right-26 {
    padding-right: 26px !important
}

.pd-right-27 {
    padding-right: 27px !important
}

.pd-right-28 {
    padding-right: 28px !important
}

.pd-right-29 {
    padding-right: 29px !important
}

.pd-right-30 {
    padding-right: 30px !important
}

.pd-right-31 {
    padding-right: 31px !important
}

.pd-right-32 {
    padding-right: 32px !important
}

.pd-right-33 {
    padding-right: 33px !important
}

.pd-right-34 {
    padding-right: 34px !important
}

.pd-right-35 {
    padding-right: 35px !important
}

.pd-right-36 {
    padding-right: 36px !important
}

.pd-right-37 {
    padding-right: 37px !important
}

.pd-right-38 {
    padding-right: 38px !important
}

.pd-right-39 {
    padding-right: 39px !important
}

.pd-right-40 {
    padding-right: 40px !important
}

.pd-right-41 {
    padding-right: 41px !important
}

.pd-right-42 {
    padding-right: 42px !important
}

.pd-right-43 {
    padding-right: 43px !important
}

.pd-right-44 {
    padding-right: 44px !important
}

.pd-right-45 {
    padding-right: 45px !important
}

.pd-right-46 {
    padding-right: 46px !important
}

.pd-right-47 {
    padding-right: 47px !important
}

.pd-right-48 {
    padding-right: 48px !important
}

.pd-right-49 {
    padding-right: 49px !important
}

.pd-right-50 {
    padding-right: 50px !important
}

.pd-bottom-0 {
    padding-bottom: 0px !important
}

.pd-bottom-1 {
    padding-bottom: 1px !important
}

.pd-bottom-2 {
    padding-bottom: 2px !important
}

.pd-bottom-3 {
    padding-bottom: 3px !important
}

.pd-bottom-4 {
    padding-bottom: 4px !important
}

.pd-bottom-5 {
    padding-bottom: 5px !important
}

.pd-bottom-6 {
    padding-bottom: 6px !important
}

.pd-bottom-7 {
    padding-bottom: 7px !important
}

.pd-bottom-8 {
    padding-bottom: 8px !important
}

.pd-bottom-9 {
    padding-bottom: 9px !important
}

.pd-bottom-10 {
    padding-bottom: 10px !important
}

.pd-bottom-11 {
    padding-bottom: 11px !important
}

.pd-bottom-12 {
    padding-bottom: 12px !important
}

.pd-bottom-13 {
    padding-bottom: 13px !important
}

.pd-bottom-14 {
    padding-bottom: 14px !important
}

.pd-bottom-15 {
    padding-bottom: 15px !important
}

.pd-bottom-16 {
    padding-bottom: 16px !important
}

.pd-bottom-17 {
    padding-bottom: 17px !important
}

.pd-bottom-18 {
    padding-bottom: 18px !important
}

.pd-bottom-19 {
    padding-bottom: 19px !important
}

.pd-bottom-20 {
    padding-bottom: 20px !important
}

.pd-bottom-21 {
    padding-bottom: 21px !important
}

.pd-bottom-22 {
    padding-bottom: 22px !important
}

.pd-bottom-23 {
    padding-bottom: 23px !important
}

.pd-bottom-24 {
    padding-bottom: 24px !important
}

.pd-bottom-25 {
    padding-bottom: 25px !important
}

.pd-bottom-26 {
    padding-bottom: 26px !important
}

.pd-bottom-27 {
    padding-bottom: 27px !important
}

.pd-bottom-28 {
    padding-bottom: 28px !important
}

.pd-bottom-29 {
    padding-bottom: 29px !important
}

.pd-bottom-30 {
    padding-bottom: 30px !important
}

.pd-bottom-31 {
    padding-bottom: 31px !important
}

.pd-bottom-32 {
    padding-bottom: 32px !important
}

.pd-bottom-33 {
    padding-bottom: 33px !important
}

.pd-bottom-34 {
    padding-bottom: 34px !important
}

.pd-bottom-35 {
    padding-bottom: 35px !important
}

.pd-bottom-36 {
    padding-bottom: 36px !important
}

.pd-bottom-37 {
    padding-bottom: 37px !important
}

.pd-bottom-38 {
    padding-bottom: 38px !important
}

.pd-bottom-39 {
    padding-bottom: 39px !important
}

.pd-bottom-40 {
    padding-bottom: 40px !important
}

.pd-bottom-41 {
    padding-bottom: 41px !important
}

.pd-bottom-42 {
    padding-bottom: 42px !important
}

.pd-bottom-43 {
    padding-bottom: 43px !important
}

.pd-bottom-44 {
    padding-bottom: 44px !important
}

.pd-bottom-45 {
    padding-bottom: 45px !important
}

.pd-bottom-46 {
    padding-bottom: 46px !important
}

.pd-bottom-47 {
    padding-bottom: 47px !important
}

.pd-bottom-48 {
    padding-bottom: 48px !important
}

.pd-bottom-49 {
    padding-bottom: 49px !important
}

.pd-bottom-50 {
    padding-bottom: 50px !important
}

.pd-left-0 {
    padding-left: 0px !important
}

.pd-left-1 {
    padding-left: 1px !important
}

.pd-left-2 {
    padding-left: 2px !important
}

.pd-left-3 {
    padding-left: 3px !important
}

.pd-left-4 {
    padding-left: 4px !important
}

.pd-left-5 {
    padding-left: 5px !important
}

.pd-left-6 {
    padding-left: 6px !important
}

.pd-left-7 {
    padding-left: 7px !important
}

.pd-left-8 {
    padding-left: 8px !important
}

.pd-left-9 {
    padding-left: 9px !important
}

.pd-left-10 {
    padding-left: 10px !important
}

.pd-left-11 {
    padding-left: 11px !important
}

.pd-left-12 {
    padding-left: 12px !important
}

.pd-left-13 {
    padding-left: 13px !important
}

.pd-left-14 {
    padding-left: 14px !important
}

.pd-left-15 {
    padding-left: 15px !important
}

.pd-left-16 {
    padding-left: 16px !important
}

.pd-left-17 {
    padding-left: 17px !important
}

.pd-left-18 {
    padding-left: 18px !important
}

.pd-left-19 {
    padding-left: 19px !important
}

.pd-left-20 {
    padding-left: 20px !important
}

.pd-left-21 {
    padding-left: 21px !important
}

.pd-left-22 {
    padding-left: 22px !important
}

.pd-left-23 {
    padding-left: 23px !important
}

.pd-left-24 {
    padding-left: 24px !important
}

.pd-left-25 {
    padding-left: 25px !important
}

.pd-left-26 {
    padding-left: 26px !important
}

.pd-left-27 {
    padding-left: 27px !important
}

.pd-left-28 {
    padding-left: 28px !important
}

.pd-left-29 {
    padding-left: 29px !important
}

.pd-left-30 {
    padding-left: 30px !important
}

.pd-left-31 {
    padding-left: 31px !important
}

.pd-left-32 {
    padding-left: 32px !important
}

.pd-left-33 {
    padding-left: 33px !important
}

.pd-left-34 {
    padding-left: 34px !important
}

.pd-left-35 {
    padding-left: 35px !important
}

.pd-left-36 {
    padding-left: 36px !important
}

.pd-left-37 {
    padding-left: 37px !important
}

.pd-left-38 {
    padding-left: 38px !important
}

.pd-left-39 {
    padding-left: 39px !important
}

.pd-left-40 {
    padding-left: 40px !important
}

.pd-left-41 {
    padding-left: 41px !important
}

.pd-left-42 {
    padding-left: 42px !important
}

.pd-left-43 {
    padding-left: 43px !important
}

.pd-left-44 {
    padding-left: 44px !important
}

.pd-left-45 {
    padding-left: 45px !important
}

.pd-left-46 {
    padding-left: 46px !important
}

.pd-left-47 {
    padding-left: 47px !important
}

.pd-left-48 {
    padding-left: 48px !important
}

.pd-left-49 {
    padding-left: 49px !important
}

.pd-left-50 {
    padding-left: 50px !important
}

.mg-top-0 {
    margin-top: 0px !important
}

.mg-top-1 {
    margin-top: 1px !important
}

.mg-top-2 {
    margin-top: 2px !important
}

.mg-top-3 {
    margin-top: 3px !important
}

.mg-top-4 {
    margin-top: 4px !important
}

.mg-top-5 {
    margin-top: 5px !important
}

.mg-top-6 {
    margin-top: 6px !important
}

.mg-top-7 {
    margin-top: 7px !important
}

.mg-top-8 {
    margin-top: 8px !important
}

.mg-top-9 {
    margin-top: 9px !important
}

.mg-top-10 {
    margin-top: 10px !important
}

.mg-top-11 {
    margin-top: 11px !important
}

.mg-top-12 {
    margin-top: 12px !important
}

.mg-top-13 {
    margin-top: 13px !important
}

.mg-top-14 {
    margin-top: 14px !important
}

.mg-top-15 {
    margin-top: 15px !important
}

.mg-top-16 {
    margin-top: 16px !important
}

.mg-top-17 {
    margin-top: 17px !important
}

.mg-top-18 {
    margin-top: 18px !important
}

.mg-top-19 {
    margin-top: 19px !important
}

.mg-top-20 {
    margin-top: 20px !important
}

.mg-top-21 {
    margin-top: 21px !important
}

.mg-top-22 {
    margin-top: 22px !important
}

.mg-top-23 {
    margin-top: 23px !important
}

.mg-top-24 {
    margin-top: 24px !important
}

.mg-top-25 {
    margin-top: 25px !important
}

.mg-top-26 {
    margin-top: 26px !important
}

.mg-top-27 {
    margin-top: 27px !important
}

.mg-top-28 {
    margin-top: 28px !important
}

.mg-top-29 {
    margin-top: 29px !important
}

.mg-top-30 {
    margin-top: 30px !important
}

.mg-top-31 {
    margin-top: 31px !important
}

.mg-top-32 {
    margin-top: 32px !important
}

.mg-top-33 {
    margin-top: 33px !important
}

.mg-top-34 {
    margin-top: 34px !important
}

.mg-top-35 {
    margin-top: 35px !important
}

.mg-top-36 {
    margin-top: 36px !important
}

.mg-top-37 {
    margin-top: 37px !important
}

.mg-top-38 {
    margin-top: 38px !important
}

.mg-top-39 {
    margin-top: 39px !important
}

.mg-top-40 {
    margin-top: 40px !important
}

.mg-top-41 {
    margin-top: 41px !important
}

.mg-top-42 {
    margin-top: 42px !important
}

.mg-top-43 {
    margin-top: 43px !important
}

.mg-top-44 {
    margin-top: 44px !important
}

.mg-top-45 {
    margin-top: 45px !important
}

.mg-top-46 {
    margin-top: 46px !important
}

.mg-top-47 {
    margin-top: 47px !important
}

.mg-top-48 {
    margin-top: 48px !important
}

.mg-top-49 {
    margin-top: 49px !important
}

.mg-top-50 {
    margin-top: 50px !important
}

.mg-right-0 {
    margin-right: 0px !important
}

.mg-right-1 {
    margin-right: 1px !important
}

.mg-right-2 {
    margin-right: 2px !important
}

.mg-right-3 {
    margin-right: 3px !important
}

.mg-right-4 {
    margin-right: 4px !important
}

.mg-right-5 {
    margin-right: 5px !important
}

.mg-right-6 {
    margin-right: 6px !important
}

.mg-right-7 {
    margin-right: 7px !important
}

.mg-right-8 {
    margin-right: 8px !important
}

.mg-right-9 {
    margin-right: 9px !important
}

.mg-right-10 {
    margin-right: 10px !important
}

.mg-right-11 {
    margin-right: 11px !important
}

.mg-right-12 {
    margin-right: 12px !important
}

.mg-right-13 {
    margin-right: 13px !important
}

.mg-right-14 {
    margin-right: 14px !important
}

.mg-right-15 {
    margin-right: 15px !important
}

.mg-right-16 {
    margin-right: 16px !important
}

.mg-right-17 {
    margin-right: 17px !important
}

.mg-right-18 {
    margin-right: 18px !important
}

.mg-right-19 {
    margin-right: 19px !important
}

.mg-right-20 {
    margin-right: 20px !important
}

.mg-right-21 {
    margin-right: 21px !important
}

.mg-right-22 {
    margin-right: 22px !important
}

.mg-right-23 {
    margin-right: 23px !important
}

.mg-right-24 {
    margin-right: 24px !important
}

.mg-right-25 {
    margin-right: 25px !important
}

.mg-right-26 {
    margin-right: 26px !important
}

.mg-right-27 {
    margin-right: 27px !important
}

.mg-right-28 {
    margin-right: 28px !important
}

.mg-right-29 {
    margin-right: 29px !important
}

.mg-right-30 {
    margin-right: 30px !important
}

.mg-right-31 {
    margin-right: 31px !important
}

.mg-right-32 {
    margin-right: 32px !important
}

.mg-right-33 {
    margin-right: 33px !important
}

.mg-right-34 {
    margin-right: 34px !important
}

.mg-right-35 {
    margin-right: 35px !important
}

.mg-right-36 {
    margin-right: 36px !important
}

.mg-right-37 {
    margin-right: 37px !important
}

.mg-right-38 {
    margin-right: 38px !important
}

.mg-right-39 {
    margin-right: 39px !important
}

.mg-right-40 {
    margin-right: 40px !important
}

.mg-right-41 {
    margin-right: 41px !important
}

.mg-right-42 {
    margin-right: 42px !important
}

.mg-right-43 {
    margin-right: 43px !important
}

.mg-right-44 {
    margin-right: 44px !important
}

.mg-right-45 {
    margin-right: 45px !important
}

.mg-right-46 {
    margin-right: 46px !important
}

.mg-right-47 {
    margin-right: 47px !important
}

.mg-right-48 {
    margin-right: 48px !important
}

.mg-right-49 {
    margin-right: 49px !important
}

.mg-right-50 {
    margin-right: 50px !important
}

.mg-bottom-0 {
    margin-bottom: 0px !important
}

.mg-bottom-1 {
    margin-bottom: 1px !important
}

.mg-bottom-2 {
    margin-bottom: 2px !important
}

.mg-bottom-3 {
    margin-bottom: 3px !important
}

.mg-bottom-4 {
    margin-bottom: 4px !important
}

.mg-bottom-5 {
    margin-bottom: 5px !important
}

.mg-bottom-6 {
    margin-bottom: 6px !important
}

.mg-bottom-7 {
    margin-bottom: 7px !important
}

.mg-bottom-8 {
    margin-bottom: 8px !important
}

.mg-bottom-9 {
    margin-bottom: 9px !important
}

.mg-bottom-10 {
    margin-bottom: 10px !important
}

.mg-bottom-11 {
    margin-bottom: 11px !important
}

.mg-bottom-12 {
    margin-bottom: 12px !important
}

.mg-bottom-13 {
    margin-bottom: 13px !important
}

.mg-bottom-14 {
    margin-bottom: 14px !important
}

.mg-bottom-15 {
    margin-bottom: 15px !important
}

.mg-bottom-16 {
    margin-bottom: 16px !important
}

.mg-bottom-17 {
    margin-bottom: 17px !important
}

.mg-bottom-18 {
    margin-bottom: 18px !important
}

.mg-bottom-19 {
    margin-bottom: 19px !important
}

.mg-bottom-20 {
    margin-bottom: 20px !important
}

.mg-bottom-21 {
    margin-bottom: 21px !important
}

.mg-bottom-22 {
    margin-bottom: 22px !important
}

.mg-bottom-23 {
    margin-bottom: 23px !important
}

.mg-bottom-24 {
    margin-bottom: 24px !important
}

.mg-bottom-25 {
    margin-bottom: 25px !important
}

.mg-bottom-26 {
    margin-bottom: 26px !important
}

.mg-bottom-27 {
    margin-bottom: 27px !important
}

.mg-bottom-28 {
    margin-bottom: 28px !important
}

.mg-bottom-29 {
    margin-bottom: 29px !important
}

.mg-bottom-30 {
    margin-bottom: 30px !important
}

.mg-bottom-31 {
    margin-bottom: 31px !important
}

.mg-bottom-32 {
    margin-bottom: 32px !important
}

.mg-bottom-33 {
    margin-bottom: 33px !important
}

.mg-bottom-34 {
    margin-bottom: 34px !important
}

.mg-bottom-35 {
    margin-bottom: 35px !important
}

.mg-bottom-36 {
    margin-bottom: 36px !important
}

.mg-bottom-37 {
    margin-bottom: 37px !important
}

.mg-bottom-38 {
    margin-bottom: 38px !important
}

.mg-bottom-39 {
    margin-bottom: 39px !important
}

.mg-bottom-40 {
    margin-bottom: 40px !important
}

.mg-bottom-41 {
    margin-bottom: 41px !important
}

.mg-bottom-42 {
    margin-bottom: 42px !important
}

.mg-bottom-43 {
    margin-bottom: 43px !important
}

.mg-bottom-44 {
    margin-bottom: 44px !important
}

.mg-bottom-45 {
    margin-bottom: 45px !important
}

.mg-bottom-46 {
    margin-bottom: 46px !important
}

.mg-bottom-47 {
    margin-bottom: 47px !important
}

.mg-bottom-48 {
    margin-bottom: 48px !important
}

.mg-bottom-49 {
    margin-bottom: 49px !important
}

.mg-bottom-50 {
    margin-bottom: 50px !important
}

.mg-left-0 {
    margin-left: 0px !important
}

.mg-left-1 {
    margin-left: 1px !important
}

.mg-left-2 {
    margin-left: 2px !important
}

.mg-left-3 {
    margin-left: 3px !important
}

.mg-left-4 {
    margin-left: 4px !important
}

.mg-left-5 {
    margin-left: 5px !important
}

.mg-left-6 {
    margin-left: 6px !important
}

.mg-left-7 {
    margin-left: 7px !important
}

.mg-left-8 {
    margin-left: 8px !important
}

.mg-left-9 {
    margin-left: 9px !important
}

.mg-left-10 {
    margin-left: 10px !important
}

.mg-left-11 {
    margin-left: 11px !important
}

.mg-left-12 {
    margin-left: 12px !important
}

.mg-left-13 {
    margin-left: 13px !important
}

.mg-left-14 {
    margin-left: 14px !important
}

.mg-left-15 {
    margin-left: 15px !important
}

.mg-left-16 {
    margin-left: 16px !important
}

.mg-left-17 {
    margin-left: 17px !important
}

.mg-left-18 {
    margin-left: 18px !important
}

.mg-left-19 {
    margin-left: 19px !important
}

.mg-left-20 {
    margin-left: 20px !important
}

.mg-left-21 {
    margin-left: 21px !important
}

.mg-left-22 {
    margin-left: 22px !important
}

.mg-left-23 {
    margin-left: 23px !important
}

.mg-left-24 {
    margin-left: 24px !important
}

.mg-left-25 {
    margin-left: 25px !important
}

.mg-left-26 {
    margin-left: 26px !important
}

.mg-left-27 {
    margin-left: 27px !important
}

.mg-left-28 {
    margin-left: 28px !important
}

.mg-left-29 {
    margin-left: 29px !important
}

.mg-left-30 {
    margin-left: 30px !important
}

.mg-left-31 {
    margin-left: 31px !important
}

.mg-left-32 {
    margin-left: 32px !important
}

.mg-left-33 {
    margin-left: 33px !important
}

.mg-left-34 {
    margin-left: 34px !important
}

.mg-left-35 {
    margin-left: 35px !important
}

.mg-left-36 {
    margin-left: 36px !important
}

.mg-left-37 {
    margin-left: 37px !important
}

.mg-left-38 {
    margin-left: 38px !important
}

.mg-left-39 {
    margin-left: 39px !important
}

.mg-left-40 {
    margin-left: 40px !important
}

.mg-left-41 {
    margin-left: 41px !important
}

.mg-left-42 {
    margin-left: 42px !important
}

.mg-left-43 {
    margin-left: 43px !important
}

.mg-left-44 {
    margin-left: 44px !important
}

.mg-left-45 {
    margin-left: 45px !important
}

.mg-left-46 {
    margin-left: 46px !important
}

.mg-left-47 {
    margin-left: 47px !important
}

.mg-left-48 {
    margin-left: 48px !important
}

.mg-left-49 {
    margin-left: 49px !important
}

.mg-left-50 {
    margin-left: 50px !important
}

.font-size-1 {
    font-size: 1px !important
}

.font-size-2 {
    font-size: 2px !important
}

.font-size-3 {
    font-size: 3px !important
}

.font-size-4 {
    font-size: 4px !important
}

.font-size-5 {
    font-size: 5px !important
}

.font-size-6 {
    font-size: 6px !important
}

.font-size-7 {
    font-size: 7px !important
}

.font-size-8 {
    font-size: 8px !important
}

.font-size-9 {
    font-size: 9px !important
}

.font-size-10 {
    font-size: 10px !important
}

.font-size-11 {
    font-size: 11px !important
}

.font-size-12 {
    font-size: 12px !important
}

.font-size-13 {
    font-size: 13px !important
}

.font-size-14 {
    font-size: 14px !important
}

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

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

.font-size-17 {
    font-size: 17px !important
}

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

.font-size-19 {
    font-size: 19px !important
}

.font-size-20 {
    font-size: 20px !important
}

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

.font-size-22 {
    font-size: 22px !important
}

.font-size-23 {
    font-size: 23px !important
}

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

.font-size-25 {
    font-size: 25px !important
}

.font-size-26 {
    font-size: 26px !important
}

.font-size-27 {
    font-size: 27px !important
}

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

.font-size-29 {
    font-size: 29px !important
}

.font-size-30 {
    font-size: 30px !important
}

.font-size-31 {
    font-size: 31px !important
}

.font-size-32 {
    font-size: 32px !important
}

.font-size-33 {
    font-size: 33px !important
}

.font-size-34 {
    font-size: 34px !important
}

.font-size-35 {
    font-size: 35px !important
}

.font-size-36 {
    font-size: 36px !important
}

.font-size-37 {
    font-size: 37px !important
}

.font-size-38 {
    font-size: 38px !important
}

.font-size-39 {
    font-size: 39px !important
}

.font-size-40 {
    font-size: 40px !important
}

.font-size-41 {
    font-size: 41px !important
}

.font-size-42 {
    font-size: 42px !important
}

.font-size-43 {
    font-size: 43px !important
}

.font-size-44 {
    font-size: 44px !important
}

.font-size-45 {
    font-size: 45px !important
}

.font-size-46 {
    font-size: 46px !important
}

.font-size-47 {
    font-size: 47px !important
}

.font-size-48 {
    font-size: 48px !important
}

.font-size-49 {
    font-size: 49px !important
}

.font-size-50 {
    font-size: 50px !important
}

.font-size-51 {
    font-size: 51px !important
}

.font-size-52 {
    font-size: 52px !important
}

.font-size-53 {
    font-size: 53px !important
}

.font-size-54 {
    font-size: 54px !important
}

.font-size-55 {
    font-size: 55px !important
}

.font-size-56 {
    font-size: 56px !important
}

.font-size-57 {
    font-size: 57px !important
}

.font-size-58 {
    font-size: 58px !important
}

.font-size-59 {
    font-size: 59px !important
}

.font-size-60 {
    font-size: 60px !important
}

.font-size-61 {
    font-size: 61px !important
}

.font-size-62 {
    font-size: 62px !important
}

.font-size-63 {
    font-size: 63px !important
}

.font-size-64 {
    font-size: 64px !important
}

.font-size-65 {
    font-size: 65px !important
}

.font-size-66 {
    font-size: 66px !important
}

.font-size-67 {
    font-size: 67px !important
}

.font-size-68 {
    font-size: 68px !important
}

.font-size-69 {
    font-size: 69px !important
}

.font-size-70 {
    font-size: 70px !important
}

.font-size-71 {
    font-size: 71px !important
}

.font-size-72 {
    font-size: 72px !important
}

.font-size-73 {
    font-size: 73px !important
}

.font-size-74 {
    font-size: 74px !important
}

.font-size-75 {
    font-size: 75px !important
}

.font-size-76 {
    font-size: 76px !important
}

.font-size-77 {
    font-size: 77px !important
}

.font-size-78 {
    font-size: 78px !important
}

.font-size-79 {
    font-size: 79px !important
}

.font-size-80 {
    font-size: 80px !important
}

.font-size-81 {
    font-size: 81px !important
}

.font-size-82 {
    font-size: 82px !important
}

.font-size-83 {
    font-size: 83px !important
}

.font-size-84 {
    font-size: 84px !important
}

.font-size-85 {
    font-size: 85px !important
}

.font-size-86 {
    font-size: 86px !important
}

.font-size-87 {
    font-size: 87px !important
}

.font-size-88 {
    font-size: 88px !important
}

.font-size-89 {
    font-size: 89px !important
}

.font-size-90 {
    font-size: 90px !important
}

.font-size-91 {
    font-size: 91px !important
}

.font-size-92 {
    font-size: 92px !important
}

.font-size-93 {
    font-size: 93px !important
}

.font-size-94 {
    font-size: 94px !important
}

.font-size-95 {
    font-size: 95px !important
}

.font-size-96 {
    font-size: 96px !important
}

.font-size-97 {
    font-size: 97px !important
}

.font-size-98 {
    font-size: 98px !important
}

.font-size-99 {
    font-size: 99px !important
}

.font-size-100 {
    font-size: 100px !important
}

.bread {
    position: relative;
    z-index: 3;
    padding-top: 20px;
    padding-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -5px
}

.bread.dark>a {
    color: #333
}

.bread.light>a {
    color: #cccccc
}

.bread>a {
    font-size: 16px;
    padding: 5px 5px 0 0;
    font-weight: 400;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.bread>a:hover {
    color: #d01774
}

.bread>a:before {
    content: ">";
    position: relative;
    margin-right: 5px;
    transform-origin: center;
    display: inline-block;
    transform: scaleX(1.2) scaleY(1);
    color: #333;
    font-weight: 100
}

.bread>a:first-child:before {
    display: none
}

.form-grid {
    display: grid;
    display: -ms-grid;
    margin: -13px -17px
}

.form-grid.cf-grid-th1 {
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr
}

.form-grid.cf-grid-th2 {
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr
}

.form-grid.cf-grid-th2>div {
    -ms-flex-item-align: center;
    align-self: center;
    -ms-grid-row-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-grid.cf-grid-th2>div.cf-grid-col-span2-1 {
    grid-column: 1/3;
    -ms-grid-column-span: 2;
    -ms-grid-column: 1 !important
}

.form-grid.cf-grid-th2_2 {
    grid-template-columns: max-content 1fr;
    -ms-grid-columns: max-content 1fr
}

.form-grid.cf-grid-th2_2>div {
    -ms-flex-item-align: center;
    align-self: center;
    -ms-grid-row-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-grid.cf-grid-th4_1 {
    grid-template-columns: max-content 1fr max-content 1fr;
    -ms-grid-columns: max-content 1fr max-content 1fr
}

.form-grid.cf-grid-th4_1>div {
    -ms-flex-item-align: center;
    align-self: center;
    -ms-grid-row-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-grid.cf-grid-th4_1>.cf-grid-col-span3-2 {
    grid-column: 2/5;
    -ms-grid-column-span: 3;
    -ms-grid-column: 2 !important
}

.form-grid.cf-grid-th4_1>.cf-grid-col-3 {
    padding-left: 20px;
    padding-top: 26px;
    padding-bottom: 26px;
    -ms-flex-item-align: start;
    align-self: start;
    -ms-grid-row-align: start
}

.form-grid.cf-grid-th4_1>.cf-grid-col-1 {
    padding-top: 26px;
    padding-bottom: 26px;
    -ms-flex-item-align: start;
    align-self: start;
    -ms-grid-row-align: start
}

.form-grid.cf-grid-sub-th3_1 {
    grid-template-columns: auto auto 1fr;
    -ms-grid-columns: minmax(min-content, max-content) minmax(min-content, max-content) 1fr
}

.form-grid.cf-grid-sub-th3_1>div:nth-child(1) {
    -ms-grid-column: 1
}

.form-grid.cf-grid-sub-th3_1>div:nth-child(2) {
    -ms-grid-column: 2
}

.form-grid.cf-grid-sub-th3_1>div:nth-child(3) {
    -ms-grid-column: 3
}

.form-grid.cf-grid-sub-th3_2 {
    grid-template-columns: 1fr auto auto;
    -ms-grid-columns: 1fr minmax(min-content, max-content) minmax(min-content, max-content)
}

.form-grid.cf-grid-sub-th3_2>div:nth-child(1) {
    -ms-grid-column: 1
}

.form-grid.cf-grid-sub-th3_2>div:nth-child(1)>div {
    width: 100%
}

.form-grid.cf-grid-sub-th3_2>div:nth-child(2) {
    -ms-grid-column: 2
}

.form-grid.cf-grid-sub-th3_2>div:nth-child(2)>div {
    width: 100%
}

.form-grid.cf-grid-sub-th3_2>div:nth-child(3) {
    -ms-grid-column: 3
}

.form-grid.cf-grid-sub-th3_2>div:nth-child(3)>div {
    width: 100%
}

.form-grid.cf-grid-sub-nopadding {
    margin: 0 -6px
}

.form-grid.cf-grid-sub-nopadding>div {
    padding: 0 6px
}

.form-grid .cf-col-mg-right12 {
    margin-right: 12px
}

.form-grid>div {
    padding: 13px 17px
}

.form-grid>div>div {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    box-sizing: border-box
}

.form-grid select {
    padding: 12px 14px 11px 14px
}

.form-grid select>option {
    line-height: 0px
}

.form-grid .word {
    font-size: 18px
}

.cf-grid-col-1 {
    grid-column: 1;
    -ms-grid-column: 1 !important
}

.cf-grid-col-2 {
    grid-column: 2;
    -ms-grid-column: 2 !important
}

.cf-grid-col-3 {
    grid-column: 3;
    -ms-grid-column: 3 !important
}

.cf-grid-col-4 {
    grid-column: 4;
    -ms-grid-column: 4 !important
}

.cf-grid-col-5 {
    grid-column: 5;
    -ms-grid-column: 5 !important
}

.cf-grid-col-6 {
    grid-column: 6;
    -ms-grid-column: 6 !important
}

.cf-grid-col-7 {
    grid-column: 7;
    -ms-grid-column: 7 !important
}

.cf-grid-col-8 {
    grid-column: 8;
    -ms-grid-column: 8 !important
}

.cf-grid-col-9 {
    grid-column: 9;
    -ms-grid-column: 9 !important
}

.cf-grid-col-10 {
    grid-column: 10;
    -ms-grid-column: 10 !important
}

.cf-grid-col-11 {
    grid-column: 11;
    -ms-grid-column: 11 !important
}

.cf-grid-col-12 {
    grid-column: 12;
    -ms-grid-column: 12 !important
}

.cf-grid-col-13 {
    grid-column: 13;
    -ms-grid-column: 13 !important
}

.cf-grid-col-14 {
    grid-column: 14;
    -ms-grid-column: 14 !important
}

.cf-grid-col-15 {
    grid-column: 15;
    -ms-grid-column: 15 !important
}

.cf-grid-col-16 {
    grid-column: 16;
    -ms-grid-column: 16 !important
}

.cf-grid-col-17 {
    grid-column: 17;
    -ms-grid-column: 17 !important
}

.cf-grid-col-18 {
    grid-column: 18;
    -ms-grid-column: 18 !important
}

.cf-grid-col-19 {
    grid-column: 19;
    -ms-grid-column: 19 !important
}

.cf-grid-col-20 {
    grid-column: 20;
    -ms-grid-column: 20 !important
}

.cf-grid-col-21 {
    grid-column: 21;
    -ms-grid-column: 21 !important
}

.cf-grid-col-22 {
    grid-column: 22;
    -ms-grid-column: 22 !important
}

.cf-grid-col-23 {
    grid-column: 23;
    -ms-grid-column: 23 !important
}

.cf-grid-col-24 {
    grid-column: 24;
    -ms-grid-column: 24 !important
}

.cf-grid-col-25 {
    grid-column: 25;
    -ms-grid-column: 25 !important
}

.cf-grid-col-26 {
    grid-column: 26;
    -ms-grid-column: 26 !important
}

.cf-grid-col-27 {
    grid-column: 27;
    -ms-grid-column: 27 !important
}

.cf-grid-col-28 {
    grid-column: 28;
    -ms-grid-column: 28 !important
}

.cf-grid-col-29 {
    grid-column: 29;
    -ms-grid-column: 29 !important
}

.cf-grid-col-30 {
    grid-column: 30;
    -ms-grid-column: 30 !important
}

.cf-grid-col-31 {
    grid-column: 31;
    -ms-grid-column: 31 !important
}

.cf-grid-col-32 {
    grid-column: 32;
    -ms-grid-column: 32 !important
}

.cf-grid-col-33 {
    grid-column: 33;
    -ms-grid-column: 33 !important
}

.cf-grid-col-34 {
    grid-column: 34;
    -ms-grid-column: 34 !important
}

.cf-grid-col-35 {
    grid-column: 35;
    -ms-grid-column: 35 !important
}

.cf-grid-col-36 {
    grid-column: 36;
    -ms-grid-column: 36 !important
}

.cf-grid-col-37 {
    grid-column: 37;
    -ms-grid-column: 37 !important
}

.cf-grid-col-38 {
    grid-column: 38;
    -ms-grid-column: 38 !important
}

.cf-grid-col-39 {
    grid-column: 39;
    -ms-grid-column: 39 !important
}

.cf-grid-col-40 {
    grid-column: 40;
    -ms-grid-column: 40 !important
}

.cf-grid-col-41 {
    grid-column: 41;
    -ms-grid-column: 41 !important
}

.cf-grid-col-42 {
    grid-column: 42;
    -ms-grid-column: 42 !important
}

.cf-grid-col-43 {
    grid-column: 43;
    -ms-grid-column: 43 !important
}

.cf-grid-col-44 {
    grid-column: 44;
    -ms-grid-column: 44 !important
}

.cf-grid-col-45 {
    grid-column: 45;
    -ms-grid-column: 45 !important
}

.cf-grid-col-46 {
    grid-column: 46;
    -ms-grid-column: 46 !important
}

.cf-grid-col-47 {
    grid-column: 47;
    -ms-grid-column: 47 !important
}

.cf-grid-col-48 {
    grid-column: 48;
    -ms-grid-column: 48 !important
}

.cf-grid-col-49 {
    grid-column: 49;
    -ms-grid-column: 49 !important
}

.cf-grid-col-50 {
    grid-column: 50;
    -ms-grid-column: 50 !important
}

.cf-grid-col-51 {
    grid-column: 51;
    -ms-grid-column: 51 !important
}

.cf-grid-col-52 {
    grid-column: 52;
    -ms-grid-column: 52 !important
}

.cf-grid-col-53 {
    grid-column: 53;
    -ms-grid-column: 53 !important
}

.cf-grid-col-54 {
    grid-column: 54;
    -ms-grid-column: 54 !important
}

.cf-grid-col-55 {
    grid-column: 55;
    -ms-grid-column: 55 !important
}

.cf-grid-col-56 {
    grid-column: 56;
    -ms-grid-column: 56 !important
}

.cf-grid-col-57 {
    grid-column: 57;
    -ms-grid-column: 57 !important
}

.cf-grid-col-58 {
    grid-column: 58;
    -ms-grid-column: 58 !important
}

.cf-grid-col-59 {
    grid-column: 59;
    -ms-grid-column: 59 !important
}

.cf-grid-col-60 {
    grid-column: 60;
    -ms-grid-column: 60 !important
}

.cf-grid-col-61 {
    grid-column: 61;
    -ms-grid-column: 61 !important
}

.cf-grid-col-62 {
    grid-column: 62;
    -ms-grid-column: 62 !important
}

.cf-grid-col-63 {
    grid-column: 63;
    -ms-grid-column: 63 !important
}

.cf-grid-col-64 {
    grid-column: 64;
    -ms-grid-column: 64 !important
}

.cf-grid-col-65 {
    grid-column: 65;
    -ms-grid-column: 65 !important
}

.cf-grid-col-66 {
    grid-column: 66;
    -ms-grid-column: 66 !important
}

.cf-grid-col-67 {
    grid-column: 67;
    -ms-grid-column: 67 !important
}

.cf-grid-col-68 {
    grid-column: 68;
    -ms-grid-column: 68 !important
}

.cf-grid-col-69 {
    grid-column: 69;
    -ms-grid-column: 69 !important
}

.cf-grid-col-70 {
    grid-column: 70;
    -ms-grid-column: 70 !important
}

.cf-grid-col-71 {
    grid-column: 71;
    -ms-grid-column: 71 !important
}

.cf-grid-col-72 {
    grid-column: 72;
    -ms-grid-column: 72 !important
}

.cf-grid-col-73 {
    grid-column: 73;
    -ms-grid-column: 73 !important
}

.cf-grid-col-74 {
    grid-column: 74;
    -ms-grid-column: 74 !important
}

.cf-grid-col-75 {
    grid-column: 75;
    -ms-grid-column: 75 !important
}

.cf-grid-col-76 {
    grid-column: 76;
    -ms-grid-column: 76 !important
}

.cf-grid-col-77 {
    grid-column: 77;
    -ms-grid-column: 77 !important
}

.cf-grid-col-78 {
    grid-column: 78;
    -ms-grid-column: 78 !important
}

.cf-grid-col-79 {
    grid-column: 79;
    -ms-grid-column: 79 !important
}

.cf-grid-col-80 {
    grid-column: 80;
    -ms-grid-column: 80 !important
}

.cf-grid-col-81 {
    grid-column: 81;
    -ms-grid-column: 81 !important
}

.cf-grid-col-82 {
    grid-column: 82;
    -ms-grid-column: 82 !important
}

.cf-grid-col-83 {
    grid-column: 83;
    -ms-grid-column: 83 !important
}

.cf-grid-col-84 {
    grid-column: 84;
    -ms-grid-column: 84 !important
}

.cf-grid-col-85 {
    grid-column: 85;
    -ms-grid-column: 85 !important
}

.cf-grid-col-86 {
    grid-column: 86;
    -ms-grid-column: 86 !important
}

.cf-grid-col-87 {
    grid-column: 87;
    -ms-grid-column: 87 !important
}

.cf-grid-col-88 {
    grid-column: 88;
    -ms-grid-column: 88 !important
}

.cf-grid-col-89 {
    grid-column: 89;
    -ms-grid-column: 89 !important
}

.cf-grid-col-90 {
    grid-column: 90;
    -ms-grid-column: 90 !important
}

.cf-grid-col-91 {
    grid-column: 91;
    -ms-grid-column: 91 !important
}

.cf-grid-col-92 {
    grid-column: 92;
    -ms-grid-column: 92 !important
}

.cf-grid-col-93 {
    grid-column: 93;
    -ms-grid-column: 93 !important
}

.cf-grid-col-94 {
    grid-column: 94;
    -ms-grid-column: 94 !important
}

.cf-grid-col-95 {
    grid-column: 95;
    -ms-grid-column: 95 !important
}

.cf-grid-col-96 {
    grid-column: 96;
    -ms-grid-column: 96 !important
}

.cf-grid-col-97 {
    grid-column: 97;
    -ms-grid-column: 97 !important
}

.cf-grid-col-98 {
    grid-column: 98;
    -ms-grid-column: 98 !important
}

.cf-grid-col-99 {
    grid-column: 99;
    -ms-grid-column: 99 !important
}

.cf-grid-col-100 {
    grid-column: 100;
    -ms-grid-column: 100 !important
}

.cf-grid-col-span-1 {
    -ms-grid-column-span: 1
}

.cf-grid-col-span-2 {
    -ms-grid-column-span: 2
}

.cf-grid-col-span-3 {
    -ms-grid-column-span: 3
}

.cf-grid-col-span-4 {
    -ms-grid-column-span: 4
}

.cf-grid-col-span-5 {
    -ms-grid-column-span: 5
}

.cf-grid-col-span-6 {
    -ms-grid-column-span: 6
}

.cf-grid-col-span-7 {
    -ms-grid-column-span: 7
}

.cf-grid-col-span-8 {
    -ms-grid-column-span: 8
}

.cf-grid-col-span-9 {
    -ms-grid-column-span: 9
}

.cf-grid-col-span-10 {
    -ms-grid-column-span: 10
}

.cf-grid-col-span-11 {
    -ms-grid-column-span: 11
}

.cf-grid-col-span-12 {
    -ms-grid-column-span: 12
}

.cf-grid-col-span-13 {
    -ms-grid-column-span: 13
}

.cf-grid-col-span-14 {
    -ms-grid-column-span: 14
}

.cf-grid-col-span-15 {
    -ms-grid-column-span: 15
}

.cf-grid-col-span-16 {
    -ms-grid-column-span: 16
}

.cf-grid-col-span-17 {
    -ms-grid-column-span: 17
}

.cf-grid-col-span-18 {
    -ms-grid-column-span: 18
}

.cf-grid-col-span-19 {
    -ms-grid-column-span: 19
}

.cf-grid-col-span-20 {
    -ms-grid-column-span: 20
}

.cf-grid-col-span-21 {
    -ms-grid-column-span: 21
}

.cf-grid-col-span-22 {
    -ms-grid-column-span: 22
}

.cf-grid-col-span-23 {
    -ms-grid-column-span: 23
}

.cf-grid-col-span-24 {
    -ms-grid-column-span: 24
}

.cf-grid-col-span-25 {
    -ms-grid-column-span: 25
}

.cf-grid-col-span-26 {
    -ms-grid-column-span: 26
}

.cf-grid-col-span-27 {
    -ms-grid-column-span: 27
}

.cf-grid-col-span-28 {
    -ms-grid-column-span: 28
}

.cf-grid-col-span-29 {
    -ms-grid-column-span: 29
}

.cf-grid-col-span-30 {
    -ms-grid-column-span: 30
}

.cf-grid-col-span-31 {
    -ms-grid-column-span: 31
}

.cf-grid-col-span-32 {
    -ms-grid-column-span: 32
}

.cf-grid-col-span-33 {
    -ms-grid-column-span: 33
}

.cf-grid-col-span-34 {
    -ms-grid-column-span: 34
}

.cf-grid-col-span-35 {
    -ms-grid-column-span: 35
}

.cf-grid-col-span-36 {
    -ms-grid-column-span: 36
}

.cf-grid-col-span-37 {
    -ms-grid-column-span: 37
}

.cf-grid-col-span-38 {
    -ms-grid-column-span: 38
}

.cf-grid-col-span-39 {
    -ms-grid-column-span: 39
}

.cf-grid-col-span-40 {
    -ms-grid-column-span: 40
}

.cf-grid-col-span-41 {
    -ms-grid-column-span: 41
}

.cf-grid-col-span-42 {
    -ms-grid-column-span: 42
}

.cf-grid-col-span-43 {
    -ms-grid-column-span: 43
}

.cf-grid-col-span-44 {
    -ms-grid-column-span: 44
}

.cf-grid-col-span-45 {
    -ms-grid-column-span: 45
}

.cf-grid-col-span-46 {
    -ms-grid-column-span: 46
}

.cf-grid-col-span-47 {
    -ms-grid-column-span: 47
}

.cf-grid-col-span-48 {
    -ms-grid-column-span: 48
}

.cf-grid-col-span-49 {
    -ms-grid-column-span: 49
}

.cf-grid-col-span-50 {
    -ms-grid-column-span: 50
}

.cf-grid-col-span-51 {
    -ms-grid-column-span: 51
}

.cf-grid-col-span-52 {
    -ms-grid-column-span: 52
}

.cf-grid-col-span-53 {
    -ms-grid-column-span: 53
}

.cf-grid-col-span-54 {
    -ms-grid-column-span: 54
}

.cf-grid-col-span-55 {
    -ms-grid-column-span: 55
}

.cf-grid-col-span-56 {
    -ms-grid-column-span: 56
}

.cf-grid-col-span-57 {
    -ms-grid-column-span: 57
}

.cf-grid-col-span-58 {
    -ms-grid-column-span: 58
}

.cf-grid-col-span-59 {
    -ms-grid-column-span: 59
}

.cf-grid-col-span-60 {
    -ms-grid-column-span: 60
}

.cf-grid-col-span-61 {
    -ms-grid-column-span: 61
}

.cf-grid-col-span-62 {
    -ms-grid-column-span: 62
}

.cf-grid-col-span-63 {
    -ms-grid-column-span: 63
}

.cf-grid-col-span-64 {
    -ms-grid-column-span: 64
}

.cf-grid-col-span-65 {
    -ms-grid-column-span: 65
}

.cf-grid-col-span-66 {
    -ms-grid-column-span: 66
}

.cf-grid-col-span-67 {
    -ms-grid-column-span: 67
}

.cf-grid-col-span-68 {
    -ms-grid-column-span: 68
}

.cf-grid-col-span-69 {
    -ms-grid-column-span: 69
}

.cf-grid-col-span-70 {
    -ms-grid-column-span: 70
}

.cf-grid-col-span-71 {
    -ms-grid-column-span: 71
}

.cf-grid-col-span-72 {
    -ms-grid-column-span: 72
}

.cf-grid-col-span-73 {
    -ms-grid-column-span: 73
}

.cf-grid-col-span-74 {
    -ms-grid-column-span: 74
}

.cf-grid-col-span-75 {
    -ms-grid-column-span: 75
}

.cf-grid-col-span-76 {
    -ms-grid-column-span: 76
}

.cf-grid-col-span-77 {
    -ms-grid-column-span: 77
}

.cf-grid-col-span-78 {
    -ms-grid-column-span: 78
}

.cf-grid-col-span-79 {
    -ms-grid-column-span: 79
}

.cf-grid-col-span-80 {
    -ms-grid-column-span: 80
}

.cf-grid-col-span-81 {
    -ms-grid-column-span: 81
}

.cf-grid-col-span-82 {
    -ms-grid-column-span: 82
}

.cf-grid-col-span-83 {
    -ms-grid-column-span: 83
}

.cf-grid-col-span-84 {
    -ms-grid-column-span: 84
}

.cf-grid-col-span-85 {
    -ms-grid-column-span: 85
}

.cf-grid-col-span-86 {
    -ms-grid-column-span: 86
}

.cf-grid-col-span-87 {
    -ms-grid-column-span: 87
}

.cf-grid-col-span-88 {
    -ms-grid-column-span: 88
}

.cf-grid-col-span-89 {
    -ms-grid-column-span: 89
}

.cf-grid-col-span-90 {
    -ms-grid-column-span: 90
}

.cf-grid-col-span-91 {
    -ms-grid-column-span: 91
}

.cf-grid-col-span-92 {
    -ms-grid-column-span: 92
}

.cf-grid-col-span-93 {
    -ms-grid-column-span: 93
}

.cf-grid-col-span-94 {
    -ms-grid-column-span: 94
}

.cf-grid-col-span-95 {
    -ms-grid-column-span: 95
}

.cf-grid-col-span-96 {
    -ms-grid-column-span: 96
}

.cf-grid-col-span-97 {
    -ms-grid-column-span: 97
}

.cf-grid-col-span-98 {
    -ms-grid-column-span: 98
}

.cf-grid-col-span-99 {
    -ms-grid-column-span: 99
}

.cf-grid-col-span-100 {
    -ms-grid-column-span: 100
}

.ms-grid-row-1 {
    -ms-grid-row: 1
}

.ms-grid-row-2 {
    -ms-grid-row: 2
}

.ms-grid-row-3 {
    -ms-grid-row: 3
}

.ms-grid-row-4 {
    -ms-grid-row: 4
}

.ms-grid-row-5 {
    -ms-grid-row: 5
}

.ms-grid-row-6 {
    -ms-grid-row: 6
}

.ms-grid-row-7 {
    -ms-grid-row: 7
}

.ms-grid-row-8 {
    -ms-grid-row: 8
}

.ms-grid-row-9 {
    -ms-grid-row: 9
}

.ms-grid-row-10 {
    -ms-grid-row: 10
}

.ms-grid-row-11 {
    -ms-grid-row: 11
}

.ms-grid-row-12 {
    -ms-grid-row: 12
}

.ms-grid-row-13 {
    -ms-grid-row: 13
}

.ms-grid-row-14 {
    -ms-grid-row: 14
}

.ms-grid-row-15 {
    -ms-grid-row: 15
}

.ms-grid-row-16 {
    -ms-grid-row: 16
}

.ms-grid-row-17 {
    -ms-grid-row: 17
}

.ms-grid-row-18 {
    -ms-grid-row: 18
}

.ms-grid-row-19 {
    -ms-grid-row: 19
}

.ms-grid-row-20 {
    -ms-grid-row: 20
}

.ms-grid-row-21 {
    -ms-grid-row: 21
}

.ms-grid-row-22 {
    -ms-grid-row: 22
}

.ms-grid-row-23 {
    -ms-grid-row: 23
}

.ms-grid-row-24 {
    -ms-grid-row: 24
}

.ms-grid-row-25 {
    -ms-grid-row: 25
}

.ms-grid-row-26 {
    -ms-grid-row: 26
}

.ms-grid-row-27 {
    -ms-grid-row: 27
}

.ms-grid-row-28 {
    -ms-grid-row: 28
}

.ms-grid-row-29 {
    -ms-grid-row: 29
}

.ms-grid-row-30 {
    -ms-grid-row: 30
}

.ms-grid-row-31 {
    -ms-grid-row: 31
}

.ms-grid-row-32 {
    -ms-grid-row: 32
}

.ms-grid-row-33 {
    -ms-grid-row: 33
}

.ms-grid-row-34 {
    -ms-grid-row: 34
}

.ms-grid-row-35 {
    -ms-grid-row: 35
}

.ms-grid-row-36 {
    -ms-grid-row: 36
}

.ms-grid-row-37 {
    -ms-grid-row: 37
}

.ms-grid-row-38 {
    -ms-grid-row: 38
}

.ms-grid-row-39 {
    -ms-grid-row: 39
}

.ms-grid-row-40 {
    -ms-grid-row: 40
}

.ms-grid-row-41 {
    -ms-grid-row: 41
}

.ms-grid-row-42 {
    -ms-grid-row: 42
}

.ms-grid-row-43 {
    -ms-grid-row: 43
}

.ms-grid-row-44 {
    -ms-grid-row: 44
}

.ms-grid-row-45 {
    -ms-grid-row: 45
}

.ms-grid-row-46 {
    -ms-grid-row: 46
}

.ms-grid-row-47 {
    -ms-grid-row: 47
}

.ms-grid-row-48 {
    -ms-grid-row: 48
}

.ms-grid-row-49 {
    -ms-grid-row: 49
}

.ms-grid-row-50 {
    -ms-grid-row: 50
}

.ms-grid-row-51 {
    -ms-grid-row: 51
}

.ms-grid-row-52 {
    -ms-grid-row: 52
}

.ms-grid-row-53 {
    -ms-grid-row: 53
}

.ms-grid-row-54 {
    -ms-grid-row: 54
}

.ms-grid-row-55 {
    -ms-grid-row: 55
}

.ms-grid-row-56 {
    -ms-grid-row: 56
}

.ms-grid-row-57 {
    -ms-grid-row: 57
}

.ms-grid-row-58 {
    -ms-grid-row: 58
}

.ms-grid-row-59 {
    -ms-grid-row: 59
}

.ms-grid-row-60 {
    -ms-grid-row: 60
}

.ms-grid-row-61 {
    -ms-grid-row: 61
}

.ms-grid-row-62 {
    -ms-grid-row: 62
}

.ms-grid-row-63 {
    -ms-grid-row: 63
}

.ms-grid-row-64 {
    -ms-grid-row: 64
}

.ms-grid-row-65 {
    -ms-grid-row: 65
}

.ms-grid-row-66 {
    -ms-grid-row: 66
}

.ms-grid-row-67 {
    -ms-grid-row: 67
}

.ms-grid-row-68 {
    -ms-grid-row: 68
}

.ms-grid-row-69 {
    -ms-grid-row: 69
}

.ms-grid-row-70 {
    -ms-grid-row: 70
}

.ms-grid-row-71 {
    -ms-grid-row: 71
}

.ms-grid-row-72 {
    -ms-grid-row: 72
}

.ms-grid-row-73 {
    -ms-grid-row: 73
}

.ms-grid-row-74 {
    -ms-grid-row: 74
}

.ms-grid-row-75 {
    -ms-grid-row: 75
}

.ms-grid-row-76 {
    -ms-grid-row: 76
}

.ms-grid-row-77 {
    -ms-grid-row: 77
}

.ms-grid-row-78 {
    -ms-grid-row: 78
}

.ms-grid-row-79 {
    -ms-grid-row: 79
}

.ms-grid-row-80 {
    -ms-grid-row: 80
}

.ms-grid-row-81 {
    -ms-grid-row: 81
}

.ms-grid-row-82 {
    -ms-grid-row: 82
}

.ms-grid-row-83 {
    -ms-grid-row: 83
}

.ms-grid-row-84 {
    -ms-grid-row: 84
}

.ms-grid-row-85 {
    -ms-grid-row: 85
}

.ms-grid-row-86 {
    -ms-grid-row: 86
}

.ms-grid-row-87 {
    -ms-grid-row: 87
}

.ms-grid-row-88 {
    -ms-grid-row: 88
}

.ms-grid-row-89 {
    -ms-grid-row: 89
}

.ms-grid-row-90 {
    -ms-grid-row: 90
}

.ms-grid-row-91 {
    -ms-grid-row: 91
}

.ms-grid-row-92 {
    -ms-grid-row: 92
}

.ms-grid-row-93 {
    -ms-grid-row: 93
}

.ms-grid-row-94 {
    -ms-grid-row: 94
}

.ms-grid-row-95 {
    -ms-grid-row: 95
}

.ms-grid-row-96 {
    -ms-grid-row: 96
}

.ms-grid-row-97 {
    -ms-grid-row: 97
}

.ms-grid-row-98 {
    -ms-grid-row: 98
}

.ms-grid-row-99 {
    -ms-grid-row: 99
}

.ms-grid-row-100 {
    -ms-grid-row: 100
}

.input_textbox_pad {
    padding: 0 0 0px 0;
    position: relative
}

.input-style {
    width: 100%
}

.selecttype_custom {
    position: relative
}

.selecttype_custom>select {
    box-shadow: none;
    background-image: none;
    -webkit-appearance: none;
    padding-right: 30px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    white-space: pre-line
}

.selecttype_custom>select ~ .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: -2;
    border-radius: 10px;
    transition: 0.3s
}

.selecttype_custom.white>select {
    background-color: #ffffff;
    color: #999999
}

.selecttype_custom.white:after {
    border-top: 6px solid #999999;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.selecttype_custom.orange>select {
    background-color: #f08200;
    color: #ffffff
}

.selecttype_custom.orange:after {
    border-top: 6px solid #ffffff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.selecttype_custom.green1>select {
    background-color: #008764;
    color: #ffffff
}

.selecttype_custom.green1:after {
    border-top: 6px solid #ffffff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.selecttype_custom:after {
    content: "";
    display: block;
    position: absolute;
    border-top: 6px solid #858585;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    z-index: 3;
    border-radius: 5px
}

.selecttype_custom.disabled:after {
    border-top-color: #b2b2b2
}

select::-ms-expand {
    display: none;
    border: 0px;
    background-color: transparent
}

input[type="password"] {
    font-family: sans-serif !important
}

input[type="password"]:-ms-input-placeholder {
    font-family: NotoSerifCJKtc,sans-serif,"Microsoft Jhenghei"
}

input[type="password"]::placeholder {
    font-family: NotoSerifCJKtc,sans-serif,"Microsoft Jhenghei"
}

input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="number"],select {
    height: 55px
}

textarea {
    min-height: 140px;
    display: block
}

input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="number"],select,textarea {
    box-shadow: none;
    border: 1px solid #dddddd;
    padding: 12px 16px 12px 25px;
    color: #4281a4;
    font-size: 20px;
    font-weight: 400;
    background: transparent;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    display: block;
    border-radius: 10px;
    transition: all 0.3s cubic-bezier(0.38, 0.47, 0.24, 0.82)
}

input[type="text"]:disabled,input[type="email"]:disabled,input[type="tel"]:disabled,input[type="password"]:disabled,input[type="number"]:disabled,select:disabled,textarea:disabled {
    cursor: not-allowed;
    border-radius: 0;
    background: #ebebeb;
    border: 0px;
    color: #333333
}

input[type="text"].black,input[type="email"].black,input[type="tel"].black,input[type="password"].black,input[type="number"].black,select.black,textarea.black {
    color: #333
}

input[type="text"].noborder,input[type="email"].noborder,input[type="tel"].noborder,input[type="password"].noborder,input[type="number"].noborder,select.noborder,textarea.noborder {
    border: 0px
}

input[type="text"]:-ms-input-placeholder,input[type="email"]:-ms-input-placeholder,input[type="tel"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder,input[type="number"]:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #555555;
    font-size: 20px
}

input[type="text"]::placeholder,input[type="email"]::placeholder,input[type="tel"]::placeholder,input[type="password"]::placeholder,input[type="number"]::placeholder,select::placeholder,textarea::placeholder {
    color: #555555;
    font-size: 20px
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type="number"] {
    -moz-appearance: textfield
}

.words_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.words_ellipsis.clamp_1 {
    -webkit-line-clamp: 1
}

.words_ellipsis.clamp_2 {
    -webkit-line-clamp: 2
}

.words_ellipsis.clamp_3 {
    -webkit-line-clamp: 3
}

.words_ellipsis.clamp_4 {
    -webkit-line-clamp: 4
}

.words_ellipsis.clamp_5 {
    -webkit-line-clamp: 5
}

.words_ellipsis.clamp_6 {
    -webkit-line-clamp: 6
}

.words_ellipsis.clamp_7 {
    -webkit-line-clamp: 7
}

.words_ellipsis.clamp_8 {
    -webkit-line-clamp: 8
}

.words_ellipsis.clamp_9 {
    -webkit-line-clamp: 9
}

.words_ellipsis.clamp_10 {
    -webkit-line-clamp: 10
}

.mouse_grab {
    cursor: grab
}

.mouse_grabing {
    cursor: grabbing
}

.left .lazyload_outer img {
    transform: translate3d(20%, 0, 0)
}

.left .lazyload_outer.imgloaded .bgCover_lazyload {
    animation: Banner_bgCover_slide_white .7s 1 cubic-bezier(0.88, 0.15, 0.15, 0.77);
    animation-fill-mode: forwards
}

.left .lazyload_outer.imgloaded .bgCover_lazyload:before {
    animation: Banner_bgCover_slide_slash .7s 1 linear;
    animation-fill-mode: forwards
}

.lazyload_outer {
    position: relative;
    overflow: hidden;
    transform: scale(0.3) rotate(45deg);
    transition: all 0.6s cubic-bezier(0.45, 0.47, 0, 1.45)
}

.lazyload_outer .bgCover_lazyload {
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.lazyload_outer .bgCover_lazyload:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #fff
}

.lazyload_outer img {
    opacity: 0
}

.lazyload_outer.imgloaded {
    transform: none
}

.lazyload_outer.imgloaded .bgCover_lazyload {
    animation: Banner_bgCover_slide_white_reverse .7s 1 cubic-bezier(0.88, 0.15, 0.15, 0.77);
    animation-fill-mode: forwards
}

.lazyload_outer.imgloaded .bgCover_lazyload:before {
    animation: Banner_bgCover_slide_slash_reverse .7s 1 linear;
    animation-fill-mode: forwards
}

.lazyload_outer.imgloaded img {
    opacity: 1;
    transform: none;
    transition: all 0.5s cubic-bezier(0.14, 0.68, 0.23, 1)
}

.lazyload_outer.imgloaded .imgSpinner {
    opacity: 0;
    transition: all 0.3s linear
}

.lazyload_outer.imgloaded .imgSpinner .imgSpinner:before,.lazyload_outer.imgloaded .imgSpinner .imgSpinner:after {
    animation-play-state: paused
}

.lazyload_outer.imgloadederror {
    background: url(../images/bannerAnime/g.svg) no-repeat center center;
    background-size: 50%
}

.lazyload_outer.imgloadederror img {
    opacity: 0;
    transition: none
}

.lazyload_outer .imgSpinner,.lazyload_outer .imgSpinner:before,.lazyload_outer .imgSpinner:after {
    border-radius: 50%
}

.lazyload_outer .imgSpinner {
    color: #9ad2cb;
    font-size: 11px;
    text-indent: -99999em;
    position: absolute;
    z-index: -1;
    left: 25%;
    top: 25%;
    width: 50%;
    height: 50%;
    box-shadow: inset 0 0 0 1em;
    transform: translateZ(0)
}

.lazyload_outer .imgSpinner:before,.lazyload_outer .imgSpinner:after {
    position: absolute;
    content: ""
}

.lazyload_outer .imgSpinner:before {
    width: 50%;
    height: 100%;
    background: #ffffff;
    border-radius: 10.2em 0 0 10.2em;
    top: 0;
    left: 0;
    transform-origin: 100% 50%;
    animation: load2 2s infinite ease 1.5s
}

.lazyload_outer .imgSpinner:after {
    width: 50%;
    height: 100%;
    background: #ffffff;
    border-radius: 0 10.2em 10.2em 0;
    top: 0;
    left: 50%;
    transform-origin: 0% 50%;
    animation: load2 2s infinite ease
}

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

    100% {
        transform: rotate(360deg)
    }
}

.radioStyleBox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.radioStyleBox>div {
    margin-right: 25px
}

.radiotype_custom {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.18, 0.28, 0, 0.86)
}

.radiotype_custom:hover input[type="radio"]:not([disabled]):not(:checked) ~ .checkmark {
    border: 1px solid #4281a4;
    transform: scale(1.15)
}

.radiotype_custom.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.radiotype_custom.reverse .checkmark {
    margin-left: 4px;
    margin-right: 0
}

.radiotype_custom input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    box-sizing: inherit;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.radiotype_custom input[type="radio"]:focus ~ .checkmark {
    border: 1px solid #4281a4;
    transform: scale(1.15);
    box-shadow: 0 0 0 0.2rem orange !important
}

.radiotype_custom input[type="radio"]:checked ~ label {
    color: #333333
}

.radiotype_custom input[type="radio"]:checked ~ .checkmark:before {
    animation: radio_checked 0.5s 1 cubic-bezier(0.16, 0.9, 0.29, 0.97);
    animation-fill-mode: forwards
}

.radiotype_custom input[type="radio"]:checked ~ .checkmark:after {
    transform: translate(-50%, -50%) scale(1)
}

.radiotype_custom input[type="radio"]:disabled ~ .checkmark {
    background-color: #efefef;
    border: 1px solid #dcdcdc
}

.radiotype_custom input[type="radio"]:disabled:hover {
    cursor: not-allowed
}

.radiotype_custom input[type="radio"]:disabled ~ .checkmark {
    border-color: #999999
}

.radiotype_custom input[type="radio"]:disabled ~ .checkmark:hover {
    cursor: not-allowed
}

.radiotype_custom input[type="radio"]:disabled ~ label {
    color: #999999
}

.radiotype_custom input[type="radio"]:disabled ~ label:hover {
    cursor: not-allowed
}

.radiotype_custom label {
    font-size: 20px;
    color: #333333;
    padding-top: 4px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%
}

.radiotype_custom label .unit {
    font-size: 15px;
    margin-left: 4px
}

.radiotype_custom .label {
    font-size: 20px;
    color: #333333;
    width: 100%
}

.radiotype_custom.samll1 {
    -ms-flex-align: center;
    align-items: center
}

.radiotype_custom.samll1 label {
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    padding-top: 1px
}

.radiotype_custom.samll1 .checkmark {
    height: 20px;
    width: 20px;
    min-width: 20px;
    background-color: #fbfbfb
}

.radiotype_custom.samll1 .checkmark:after {
    height: 12px;
    width: 12px
}

.radiotype_custom .checkmark {
    transition: all 0.2s cubic-bezier(0.17, 0.7, 0.47, 0.96);
    height: 30px;
    width: 30px;
    min-width: 30px;
    border-radius: 99em;
    border: 1px solid #dddddd;
    margin-right: 7px;
    position: relative
}

.radiotype_custom .checkmark:before {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    height: 100%;
    width: 100%;
    border-radius: 99em;
    transform: translate(-50%, -50%) scale(0.6);
    opacity: 0;
    transform-origin: center;
    background-color: #4281a4
}

.radiotype_custom .checkmark:after {
    content: "";
    transition: all 0.4s cubic-bezier(0.13, 2.69, 0.47, 0.96);
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    height: 18px;
    width: 18px;
    border-radius: 99em;
    transform: translate(-50%, -50%) scale(0);
    transform-origin: center;
    background-color: #4281a4
}

.checkboxStyleBox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.checkboxStyleBox>div {
    margin-right: 25px
}

.checkboxtype_custom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #333333;
    font-size: 20px;
    transition: all 0.3s cubic-bezier(0.18, 0.28, 0, 0.86)
}

.checkboxtype_custom:hover input[type="checkbox"]:not([disabled]):not(:checked) ~ .checkmark {
    border: 1px solid #4281a4;
    transform: scale(1.15)
}

.checkboxtype_custom.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.checkboxtype_custom.reverse .checkmark {
    margin-left: 4px;
    margin-right: 0
}

.checkboxtype_custom.error .checkmark {
    border: 1px solid red
}

.checkboxtype_custom.samll1 .label {
    font-size: 16px
}

.checkboxtype_custom a {
    display: inline-block;
    color: #4281a4;
    text-decoration: underline
}

.checkboxtype_custom a.g {
    color: #d01774;
    padding-bottom: 4px;
    border-bottom: 1px solid #d01774;
    transform: translate(0px, 3px)
}

.checkboxtype_custom input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    box-sizing: inherit
}

.checkboxtype_custom input[type="checkbox"]:focus ~ .checkmark {
    border: 1px solid #4281a4;
    transform: scale(1.15);
    box-shadow: 0 0 0 0.2rem orange !important
}

.checkboxtype_custom input[type="checkbox"]:checked ~ .checkmark:after {
    transform: rotate(45deg) scale(1)
}

.checkboxtype_custom input[type="checkbox"]:checked ~ .checkmark:before {
    animation: checkbox_checked 0.5s 1 cubic-bezier(0.16, 0.9, 0.29, 0.97);
    animation-fill-mode: forwards
}

.checkboxtype_custom input[type="checkbox"] ~ .checkmark {
    display: inline-block;
    transition: all 0.2s cubic-bezier(0.17, 0.7, 0.47, 0.96);
    width: 20px;
    height: 20px;
    min-width: 20px;
    background-color: transparent;
    border-radius: 0;
    margin-right: 10px;
    position: relative;
    border: 1px solid #dddddd
}

.checkboxtype_custom input[type="checkbox"] ~ .checkmark ~ .label {
    display: inline-block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%
}

.checkboxtype_custom input[type="checkbox"] ~ .checkmark ~ .label>span {
    float: left
}

.checkboxtype_custom input[type="checkbox"] ~ .checkmark:before,.checkboxtype_custom input[type="checkbox"] ~ .checkmark:after {
    content: "";
    transition: all 0.2s cubic-bezier(0.17, 0.7, 0.13, 2.02);
    position: absolute;
    display: block;
    left: 4px;
    top: .17647px;
    width: 6px;
    height: 11px;
    border: solid #4281a4;
    border-radius: 2px;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg) scale(0)
}

.checkboxtype_custom input[type="checkbox"]:disabled ~ .checkmark {
    background-color: #efefef
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gmap-wrapper {
    position: relative;
    padding-bottom: 64.3006263%;
    overflow: hidden
}

.gmap-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
    .words_ellipsis {
        white-space:nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        position: relative
    }
}

@keyframes radio_checked {
    0% {
        transform: translate(-50%, -50%) scale(0.6);
        transform-origin: center
    }

    40% {
        opacity: 0.3;
        transform-origin: center
    }

    99% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.8);
        transform-origin: center;
        z-index: 0
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.8);
        transform-origin: center;
        z-index: -1
    }
}

@keyframes checkbox_checked {
    0% {
        transform: rotate(45deg) scale(0.6);
        transform-origin: center
    }

    40% {
        opacity: 0.3;
        transform-origin: center
    }

    99% {
        opacity: 0;
        transform: rotate(45deg) scale(2.5);
        transform-origin: center;
        z-index: 0
    }

    100% {
        opacity: 0;
        transform: rotate(45deg) scale(2.5);
        transform-origin: center;
        z-index: -1
    }
}

@keyframes reveal {
    0% {
        transform: scale(1.05);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes imgloaded_bgremove1 {
    0% {
        transform: scaleX(1)
    }

    100% {
        transform: scaleX(0)
    }
}

@keyframes imgloaded_bgremove2 {
    0% {
        transform-origin: center top;
        transform: scaleY(0)
    }

    39% {
        transform-origin: center top;
        transform: scaleY(1)
    }

    40% {
        transform-origin: center bottom;
        transform: scaleY(1)
    }

    99% {
        transform-origin: center bottom;
        transform: scaleY(0)
    }

    100% {
        transform-origin: center bottom;
        transform: scaleY(0)
    }
}

@keyframes floatshow {
    0% {
        opacity: 0;
        display: block
    }

    100% {
        opacity: 1
    }
}

@keyframes floathide {
    0% {
        opacity: 1;
        display: block
    }

    99% {
        opacity: 0;
        display: block
    }

    100% {
        opacity: 0;
        display: none
    }
}

@keyframes floatshow_slide {
    0% {
        opacity: 0;
        display: block;
        transform: translate(0, -30%)
    }

    100% {
        opacity: 1;
        transform: translate(0, 0%)
    }
}

@keyframes floathide_slide {
    0% {
        opacity: 1;
        display: block;
        transform: translate(0, 0%)
    }

    99% {
        opacity: 0;
        display: block;
        transform: translate(0, -30%)
    }

    100% {
        opacity: 0;
        display: none;
        transform: translate(0, -30%)
    }
}

@keyframes floatshow_slide2 {
    0% {
        opacity: 0;
        display: block;
        transform: translate(-50%, -10%)
    }

    100% {
        opacity: 1;
        transform: translate(-50%, 0%)
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
* {
    box-sizing: border-box
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    text-decoration: none;
    color: #000000
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 100%;
    transform: scale(0.5);
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    display: inline-block;
    margin-left: -0.5%
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.4em
}

img {
    border-style: none;
    max-width: 100%;
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

button {
    cursor: pointer
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type="button"],[type="reset"],[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

:focus {
    outline: 0
}

ul,li {
    margin: 0px;
    padding: 0px
}

ol,ul {
    list-style: none
}

p>sup,h3>sup {
    display: inline-block;
    top: -0.4em
}

.menufloat {
    opacity: 0;
    position: fixed
}

.menufloat.active {
    opacity: 1;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.15, 0.38, 0, 0.86)
}

.menufloat.active.fbf-top {
    animation-name: floatshow_top
}

.menufloat.active[class*="fbf-right"] {
    animation-name: floatshow_right2
}

.menufloat.active[class*="fbf-right"][class*="fbf-right-top"],.menufloat.active[class*="fbf-right"][class*="fbf-right-bottom"] {
    animation-name: floatshow_right1
}

.menufloat.active.fbf-bottom {
    animation-name: floatshow_bottom
}

.menufloat.active[class*="fbf-left"] {
    animation-name: floatshow_left2
}

.menufloat.active[class*="fbf-left"][class*="fbf-left-top"],.menufloat.active[class*="fbf-left"][class*="fbf-left-bottom"] {
    animation-name: floatshow_left1
}

.menufloat.inactive {
    opacity: 0;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.15, 0.38, 0, 0.86)
}

.menufloat.inactive.fbf-top {
    animation-name: floathide_top
}

.menufloat.inactive[class*="fbf-right"] {
    animation-name: floathide_right2
}

.menufloat.inactive[class*="fbf-right"][class*="fbf-right-top"],.menufloat.inactive[class*="fbf-right"][class*="fbf-right-bottom"] {
    animation-name: floathide_right1
}

.menufloat.inactive.fbf-bottom {
    animation-name: floathide_bottom
}

.menufloat.inactive[class*="fbf-left"] {
    animation-name: floathide_left2
}

.menufloat.inactive[class*="fbf-left"][class*="fbf-left-top"],.menufloat.inactive[class*="fbf-left"][class*="fbf-left-bottom"] {
    animation-name: floathide_left1
}

body.float-bar-fixed .menufloat {
    position: fixed;
    z-index: 50
}

body.float-bar-fixed .menufloat.fbf-top {
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%)
}

body.float-bar-fixed .menufloat.fbf-right {
    top: 50%;
    right: 0;
    transform: translate(100%, 0%)
}

body.float-bar-fixed .menufloat.fbf-right-bottom {
    bottom: 0;
    right: 0;
    transform: translate(100%, 0%)
}

body.float-bar-fixed .menufloat.fbf-right-top {
    top: 0;
    right: 0;
    transform: translate(100%, 0%)
}

body.float-bar-fixed .menufloat.fbf-bottom {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%)
}

body.float-bar-fixed .menufloat.fbf-left {
    top: 50%;
    left: 0;
    transform: translate(-100%, 0%)
}

body.float-bar-fixed .menufloat.fbf-left-bottom {
    bottom: 0;
    left: 0;
    transform: translate(-100%, 0%)
}

body.float-bar-fixed .menufloat.fbf-left-top {
    top: 0;
    left: 0;
    transform: translate(-100%, 0%)
}

@keyframes floatshow_top {
    0% {
        opacity: 0;
        transform: translate(-50%, -100%)
    }

    100% {
        opacity: 1;
        transform: translate(-50%, 0)
    }
}

@keyframes floathide_top {
    0% {
        opacity: 1;
        transform: translate(-50%, 0)
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -100%)
    }
}

@keyframes floatshow_right1 {
    0% {
        opacity: 0;
        transform: translate(100%, 0%)
    }

    100% {
        opacity: 1;
        transform: translate(0%, 0%)
    }
}

@keyframes floatshow_right2 {
    0% {
        opacity: 0;
        transform: translate(100%, -50%)
    }

    100% {
        opacity: 1;
        transform: translate(0%, -50%)
    }
}

@keyframes floathide_right1 {
    0% {
        opacity: 1;
        transform: translate(0%, 0%)
    }

    100% {
        opacity: 0;
        transform: translate(100%, 0%)
    }
}

@keyframes floathide_right2 {
    0% {
        opacity: 1;
        transform: translate(0%, -50%)
    }

    100% {
        opacity: 0;
        transform: translate(100%, -50%)
    }
}

@keyframes floatshow_bottom {
    0% {
        opacity: 0;
        transform: translate(-50%, 100%)
    }

    100% {
        opacity: 1;
        transform: translate(-50%, 0%)
    }
}

@keyframes floathide_bottom {
    0% {
        opacity: 1;
        transform: translate(-50%, 0)
    }

    100% {
        opacity: 0;
        transform: translate(-50%, 100%)
    }
}

@keyframes floatshow_left1 {
    0% {
        opacity: 0;
        transform: translate(-100%, 0%)
    }

    100% {
        opacity: 1;
        transform: translate(0%, 0%)
    }
}

@keyframes floatshow_left2 {
    0% {
        opacity: 0;
        transform: translate(-100%, -50%)
    }

    100% {
        opacity: 1;
        transform: translate(0%, -50%)
    }
}

@keyframes floathide_left1 {
    0% {
        opacity: 1;
        transform: translate(0%, 0%)
    }

    100% {
        opacity: 0;
        transform: translate(-100%, 0%)
    }
}

@keyframes floathide_left2 {
    0% {
        opacity: 1;
        transform: translate(0%, -50%)
    }

    100% {
        opacity: 0;
        transform: translate(-100%, -50%)
    }
}

[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] {
    transition-duration: 0.1s
}

[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: 0.1s
}

[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] {
    transition-duration: 0.15s
}

[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: 0.15s
}

[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] {
    transition-duration: 0.2s
}

[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: 0.2s
}

[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] {
    transition-duration: 0.25s
}

[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: 0.25s
}

[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] {
    transition-duration: 0.3s
}

[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: 0.3s
}

[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] {
    transition-duration: 0.35s
}

[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: 0.35s
}

[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] {
    transition-duration: 0.4s
}

[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: 0.4s
}

[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] {
    transition-duration: 0.45s
}

[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: 0.45s
}

[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] {
    transition-duration: 0.5s
}

[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: 0.5s
}

[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] {
    transition-duration: 0.55s
}

[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: 0.55s
}

[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] {
    transition-duration: 0.6s
}

[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: 0.6s
}

[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] {
    transition-duration: 0.65s
}

[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: 0.65s
}

[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] {
    transition-duration: 0.7s
}

[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: 0.7s
}

[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] {
    transition-duration: 0.75s
}

[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: 0.75s
}

[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] {
    transition-duration: 0.8s
}

[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: 0.8s
}

[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] {
    transition-duration: 0.85s
}

[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: 0.85s
}

[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] {
    transition-duration: 0.9s
}

[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: 0.9s
}

[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] {
    transition-duration: 0.95s
}

[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: 0.95s
}

[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75)
}

[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos^=fade][data-aos^=fade].aos-animate.aos-opacity95 {
    opacity: 0.95;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(0.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(0.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(0.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(0.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(0.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

body.finished .loading-bar-text {
    overflow: hidden
}

body.finished .loading-bar-text .text {
    opacity: 0
}

body.finished .loader {
    opacity: 0;
    transition-delay: 1s
}

body.finished .loader .loading-bar-line {
    transform: translate(8%, -50%) scaleX(0)
}

body.finished .loader .mountain svg path {
    fill: #ffffff;
    transition-delay: 0.5s
}

body.finished .loader .loading-bar-line2 .sun {
    transform: translate(0, -173%);
    opacity: 1;
    transition-delay: 0.5s
}

.loader {
    overflow: hidden;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #d01774;
    top: 0;
    left: 0;
    transition: all 1s cubic-bezier(0.18, 0.28, 0, 0.86);
    font-family: sans-serif
}

.loader .loading__bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.loader .loading-bar-outer {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 5
}

.loader .loading-bar-container {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex
}

.loader .loading-bar-container>div {
    position: relative;
    overflow: hidden
}

.loader .loading-bar-line {
    height: 2px;
    width: 50%;
    min-width: 100px;
    position: absolute;
    z-index: 3;
    left: 0%;
    top: 50%;
    transform: translate(0%, -50%);
    display: block;
    background-color: #bf1269;
    transition: all 0.5s cubic-bezier(0.3, 0.81, 0.29, 0.96);
    transform-origin: right
}

.loader .loading-bar-line>.line {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: left;
    transform: scaleX(0);
    background-color: #ffffff;
    transition-timing-function: cubic-bezier(0.3, 0.81, 0.29, 0.96)
}

.loader .loading-bar-line2 {
    height: 1px;
    width: 50%;
    position: absolute;
    z-index: 4;
    right: 100%;
    top: 50%;
    display: block;
    z-index: 8;
    transition: all 0.5s cubic-bezier(0.3, 0.81, 0.29, 0.96);
    transform-origin: right
}

.loader .loading-bar-line2 .sun {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    margin-right: 2px;
    margin-top: -16px;
    border-radius: 50%;
    border: 3px solid #ffffff;
    transition: all 1s cubic-bezier(0.3, 0.81, 0.29, 0.96);
    opacity: 0;
    transform: scale(0.5)
}

.loader .mountain {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -100%);
    width: 76px;
    margin-top: 2px
}

.loader .mountain svg {
    width: 100%;
    display: block
}

.loader .mountain svg path {
    fill: #bf1269;
    transition: all 0.5s cubic-bezier(0.3, 0.81, 0.29, 0.96)
}

@keyframes bg_G_Cover {
    0% {
        transform: scaleY(0.002) scaleX(0)
    }

    35% {
        transform: scaleY(0.002) scaleX(1)
    }

    100% {
        transform: scaleY(1) scaleX(1)
    }
}

@keyframes wordPleft {
    0% {
        transform: translate(-100%, 0);
        opacity: 0
    }

    100% {
        transform: none;
        opacity: 1
    }
}

@keyframes wordAright {
    0% {
        transform: translate(100%, 0);
        opacity: 0
    }

    100% {
        transform: none;
        opacity: 1
    }
}

@keyframes wordGleft {
    0% {
        transform: translate(-170%, 0)
    }

    100% {
        transform: none
    }
}

@keyframes wordGright {
    0% {
        transform: translate(170%, 0)
    }

    100% {
        transform: none
    }
}

@keyframes ballleft {
    0% {
        transform: none
    }

    40% {
        transform: translate(-500%, 0) scale(1.5)
    }

    100% {
        transform: none
    }
}

@keyframes ballright {
    0% {
        transform: none
    }

    40% {
        transform: translate(500%, 0) scale(1.5)
    }

    100% {
        transform: none
    }
}

@media (max-width: 1937px) {
    .loader .loading-bar-container>div .wordOuter {
        font-size:150px
    }
}

@media (max-width: 1024px) {
    .loader .loading-bar-container>div .wordOuter {
        font-size:100px
    }
}

@media (max-width: 769px) {
    .loader .loading-bar-container>div .wordOuter {
        font-size:65px
    }

    .loader .loading-bar-line2 .sun {
        width: 10px;
        height: 10px;
        border: 2px solid #ffffff
    }

    .loader .mountain {
        width: 50px
    }

    body.finished .loader .loading-bar-line {
        transform: translate(20%, -50%) scaleX(0)
    }
}

@media (max-width: 481px) {
    .loader .loading-bar-container>div .wordOuter {
        font-size:50px
    }
}

.messagebox {
    position: absolute;
    opacity: 0;
    z-index: 999;
    font-family: NotoSerifCJKtc,sans-serif,"Microsoft Jhenghei";
    max-width: 100%
}

.messagebox .innerbox {
    width: 100%;
    background-color: #ffed82;
    position: relative;
    z-index: 2
}

.messagebox:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    -webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    -moz-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    -o-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157)
}

.messagebox .msg_btnconfirm {
    margin-top: 20px
}

.messagebox[data-direction^=top] .arrow {
    position: absolute;
    height: 17px;
    background-color: #fff;
    z-index: 1;
    width: 17px;
    transform: rotate(-45deg);
    box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    -webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    -moz-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    -o-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    top: 100%;
    margin-top: -8.5px
}

.messagebox[data-direction^=right] .arrow {
    position: absolute;
    height: 17px;
    background-color: #fff;
    z-index: 1;
    width: 17px;
    transform: rotate(-45deg);
    box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    -webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    -moz-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    -o-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    right: 100%;
    margin-right: -8.5px
}

.messagebox[data-direction^=bottom] .arrow {
    position: absolute;
    height: 17px;
    background-color: #fff;
    z-index: 1;
    width: 17px;
    transform: rotate(-45deg);
    box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    -webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    -moz-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    -o-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    bottom: 100%;
    margin-bottom: -8.5px
}

.messagebox[data-direction^=left] .arrow {
    position: absolute;
    height: 17px;
    background-color: #fff;
    z-index: 1;
    width: 17px;
    transform: rotate(-45deg);
    box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    -webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    -moz-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    -o-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.12157);
    left: 100%;
    margin-left: -8.5px
}

.messagebox.text_align_left {
    line-height: 140%;
    text-align: left !important
}

.messagebox.fixed {
    position: fixed !important
}

.messagebox.dboxalert {
    box-shadow: 4px 4px 13px -4px rgba(105,105,105,0.91);
    font-size: 16px;
    color: #333333;
    z-index: 9003;
    min-width: 200px;
    text-align: center;
    border-radius: 12px;
    border-top-left-radius: 0px;
    overflow: hidden
}

.messagebox.dboxalert[data-directionanimation=bottom] {
    transform: translate(0, -20px)
}

.messagebox.dboxalert[data-directionanimation=right] {
    transform: translate(-20px, 0)
}

.messagebox.dboxalert[data-directionanimation=top] {
    transform: translate(0, 20px)
}

.messagebox.dboxalert[data-directionanimation=left] {
    transform: translate(20px, 0)
}

.messagebox.dboxalert.show {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.2, 0.64, 0.26, 0.97);
    transform: none;
    opacity: 1
}

.messagebox.dboxalert.show.hide {
    opacity: 0
}

.messagebox.dboxalert.show.hide[data-directionanimation=bottom] {
    transform: translate(0, -20px)
}

.messagebox.dboxalert.show.hide[data-directionanimation=right] {
    transform: translate(-20px, 0)
}

.messagebox.dboxalert.show.hide[data-directionanimation=top] {
    transform: translate(0, 20px)
}

.messagebox.dboxalert.show.hide[data-directionanimation=left] {
    transform: translate(20px, 0)
}

.messagebox.dboxalert .innerbox {
    padding: 32px
}

.messagebox.dboxalert.addtocartmsg .innerbox {
    padding: 20px 30px
}

.messagebox.dboxalert.alertmsg {
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    position: fixed !important;
    transform: translate(-50%, -50%);
    text-align: center;
    min-width: 250px
}

.messagebox.dboxalert.alertmsg.top {
    transform: translate(-50%, calc(-50% - 20px))
}

.messagebox.dboxalert.alertmsg.left {
    transform: translate(calc(-50% - 20px), -50%)
}

.messagebox.dboxalert.alertmsg.bottom {
    transform: translate(-50%, calc(-50% + 20px))
}

.messagebox.dboxalert.alertmsg.right {
    transform: translate(calc(-50% + 20px), -50%)
}

.messagebox.dboxalert.alertmsg.show {
    transform: translate(-50%, -50%)
}

.messagebox.dboxalert.alertmsg.show.hide.top {
    transform: translate(-50%, calc(-50% - 20px))
}

.messagebox.dboxalert.alertmsg.show.hide.left {
    transform: translate(calc(-50% - 20px), -50%)
}

.messagebox.dboxalert.alertmsg.show.hide.bottom {
    transform: translate(-50%, calc(-50% + 20px))
}

.messagebox.dboxalert.alertmsg.show.hide.right {
    transform: translate(calc(-50% + 20px), -50%)
}

.messagebox.dboxmention {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 140%
}

.messagebox.dboxmention[data-directionanimation=bottom] {
    transform: translate(0, -20px)
}

.messagebox.dboxmention[data-directionanimation=right] {
    transform: translate(-20px, 0)
}

.messagebox.dboxmention[data-directionanimation=top] {
    transform: translate(0, 20px)
}

.messagebox.dboxmention[data-directionanimation=left] {
    transform: translate(20px, 0)
}

.messagebox.dboxmention.show {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.2, 0.64, 0.26, 0.97);
    transform: none;
    opacity: 1
}

.messagebox.dboxmention.show.hide {
    opacity: 0
}

.messagebox.dboxmention.show.hide[data-directionanimation=bottom] {
    transform: translate(0, -20px)
}

.messagebox.dboxmention.show.hide[data-directionanimation=right] {
    transform: translate(-20px, 0)
}

.messagebox.dboxmention.show.hide[data-directionanimation=top] {
    transform: translate(0, 20px)
}

.messagebox.dboxmention.show.hide[data-directionanimation=left] {
    transform: translate(20px, 0)
}

.messagebox.dboxmention .innerbox {
    padding: 12px 30px 12px 12px
}

.messagebox.dboxmention .innerbox>.removecross {
    width: 16px;
    height: 16px;
    right: 12px;
    top: 12px;
    bottom: auto
}

.messagebox.dboxmention .innerbox>.removecross:before,.messagebox.dboxmention .innerbox>.removecross:after {
    background-color: #ffffff
}

.messagebox.dboxmention.white {
    color: #999999
}

.messagebox.dboxmention.white .innerbox {
    background-color: #ffffff
}

.messagebox.dboxmention.white .innerbox>.removecross:before,.messagebox.dboxmention.white .innerbox>.removecross:after {
    background-color: #999999
}

.messagebox.dboxmention.green .innerbox {
    background-color: #155B4A
}

.messagebox.dboxmention.red .innerbox {
    background-color: red
}

.messagebox.dboxmention.orange .innerbox {
    background-color: #FF6614
}

.messagebox.dboxpayway {
    background-color: #ffffff
}

.messagebox.dboxpayway[data-directionanimation=bottom] {
    transform: translate(0, -20px)
}

.messagebox.dboxpayway[data-directionanimation=right] {
    transform: translate(-20px, 0)
}

.messagebox.dboxpayway[data-directionanimation=top] {
    transform: translate(0, 20px)
}

.messagebox.dboxpayway[data-directionanimation=left] {
    transform: translate(20px, 0)
}

.messagebox.dboxpayway.show {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.2, 0.64, 0.26, 0.97);
    transform: none;
    opacity: 1
}

.messagebox.dboxpayway.show.hide {
    opacity: 0
}

.messagebox.dboxpayway.show.hide[data-directionanimation=bottom] {
    transform: translate(0, -20px)
}

.messagebox.dboxpayway.show.hide[data-directionanimation=right] {
    transform: translate(-20px, 0)
}

.messagebox.dboxpayway.show.hide[data-directionanimation=top] {
    transform: translate(0, 20px)
}

.messagebox.dboxpayway.show.hide[data-directionanimation=left] {
    transform: translate(20px, 0)
}

.messagebox.dboxpayway .innerbox {
    padding: 20px
}

.messagebox.dboxpayway:after {
    box-shadow: 3px 4px 15px -2px #bbbbbb;
    -webkit-box-shadow: 3px 4px 15px -2px #bbbbbb;
    -moz-box-shadow: 3px 4px 15px -2px #bbbbbb;
    -o-box-shadow: 3px 4px 15px -2px #bbbbbb
}

.messagebox.dboxpayway .payway_word_section {
    padding-bottom: 13px
}

.messagebox.dboxpayway .payway_word_section .title {
    font-size: 13px;
    color: #2077CC;
    margin-bottom: 4px
}

.messagebox.dboxpayway .payway_word_section .description {
    font-size: 14px;
    color: #333333
}

.messagebox.dboxpayway .payway_word_section:last-child {
    padding-bottom: 0
}

._messageCoverBg {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9002;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.2, 0.64, 0.26, 0.97);
    opacity: 0
}

._messageCoverBg .inner {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 998;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.2, 0.64, 0.26, 0.97)
}

._messageCoverBg.show {
    opacity: 1
}

._messageCoverBg.hide {
    opacity: 0
}

@keyframes msg_loadingbar_animate {
    0% {
        transform-origin: left center;
        transform: scaleX(0)
    }

    25% {
        transform-origin: left center;
        transform: scaleX(1)
    }

    26% {
        transform-origin: right center;
        transform: scaleX(1)
    }

    50% {
        transform-origin: right center;
        transform: scaleX(0)
    }

    51% {
        transform-origin: right center;
        transform: scaleX(0)
    }

    75% {
        transform-origin: right center;
        transform: scaleX(1)
    }

    76% {
        transform-origin: left center;
        transform: scaleX(1)
    }

    100% {
        transform-origin: left center;
        transform: scaleX(0)
    }
}

.msg_loadingbar {
    width: 70px;
    padding: 10px 0 0px 0;
    margin: 0 auto;
    transition: all 0.3s cubic-bezier(0.17, 0.78, 0.14, 0.93)
}

.msg_loadingbar.nomargin {
    margin: 0 !important
}

.msg_loadingbar.small {
    width: 50px
}

.msg_loadingbar.contentsize {
    height: 120px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0
}

.msg_loadingbar:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    transform: scaleX(0);
    background-color: lightseagreen;
    margin-bottom: 2px;
    animation: msg_loadingbar_animate 1.7s cubic-bezier(0.89, 0.25, 0.09, 0.72) infinite;
    animation-fill-mode: forwards
}

.msg_loadingbar:after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    transform: scaleX(0);
    background-color: lightseagreen;
    animation: msg_loadingbar_animate 1.7s cubic-bezier(0.89, 0.25, 0.09, 0.72) infinite 0.2s;
    animation-fill-mode: forwards
}

.msg_loadingbar.rice:before,.msg_loadingbar.rice:after {
    background-color: #fff3b9
}

@media (max-width: 1937px) {
    .messagebox.dboxalert {
        left:50% !important;
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        position: fixed !important
    }

    .messagebox.dboxalert.top {
        transform: translate(-50%, calc(-50% - 20px))
    }

    .messagebox.dboxalert.left {
        transform: translate(calc(-50% - 20px), -50%)
    }

    .messagebox.dboxalert.bottom {
        transform: translate(-50%, calc(-50% + 20px))
    }

    .messagebox.dboxalert.right {
        transform: translate(calc(-50% + 20px), -50%)
    }

    .messagebox.dboxalert.show {
        transform: translate(-50%, -50%)
    }

    .messagebox.dboxalert.show.hide.top {
        transform: translate(-50%, calc(-50% - 20px))
    }

    .messagebox.dboxalert.show.hide.left {
        transform: translate(calc(-50% - 20px), -50%)
    }

    .messagebox.dboxalert.show.hide.bottom {
        transform: translate(-50%, calc(-50% + 20px))
    }

    .messagebox.dboxalert.show.hide.right {
        transform: translate(calc(-50% + 20px), -50%)
    }
}

@media (max-width: 481px) {
    .messagebox.dboxalert {
        width:calc(100% - 30px) !important;
        top: 15px !important;
        border-radius: 20px;
        border-top-left-radius: 0px;
        overflow: hidden
    }

    .messagebox.dboxalert.show {
        transform: translate(-50%, 0%)
    }

    .messagebox.dboxalert .innerbox {
        padding: 15px 20px
    }
}

@keyframes waveFadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes wave1 {
    0% {
        transform: translateX(-20px)
    }

    100% {
        transform: translateX(0px)
    }
}

@keyframes wave2 {
    0% {
        transform: translateX(-20px)
    }

    100% {
        transform: translateX(0px)
    }
}

.wave .wave1>span {
    float: left;
    opacity: 0
}

.wave .wave1:before {
    opacity: 0
}

.wave .wave1:after {
    content: "";
    display: block;
    clear: both
}

.wave .wave1_2 {
    display: block;
    transform: translateX(-20px);
    opacity: 0
}

.wave .wave2 {
    display: block;
    transform: translateX(-20px);
    opacity: 0
}

.wave .wave2_2 {
    display: block;
    transform: translateX(-20px);
    opacity: 0
}

.wave .wave3 {
    display: block;
    transform: translateX(-20px);
    opacity: 0
}

.wave .wave3_2 {
    display: block;
    transform: translateX(-20px);
    opacity: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.wave .wave4 {
    display: block;
    transform: translateX(-20px);
    opacity: 0
}

.wave.active .wave1>span {
    animation: wave1 1s 1 cubic-bezier(0.1, 1.01, 0.46, 1.03),waveFadein 1s 1 linear;
    animation-fill-mode: forwards
}

.wave.active .wave1>span:nth-child(1) {
    animation-delay: .07s
}

.wave.active .wave1>span:nth-child(2) {
    animation-delay: .14s
}

.wave.active .wave1>span:nth-child(3) {
    animation-delay: .21s
}

.wave.active .wave1>span:nth-child(4) {
    animation-delay: .28s
}

.wave.active .wave1>span:nth-child(5) {
    animation-delay: .35s
}

.wave.active .wave1>span:nth-child(6) {
    animation-delay: .42s
}

.wave.active .wave1>span:nth-child(7) {
    animation-delay: .49s
}

.wave.active .wave1>span:nth-child(8) {
    animation-delay: .56s
}

.wave.active .wave1>span:nth-child(9) {
    animation-delay: .63s
}

.wave.active .wave1>span:nth-child(10) {
    animation-delay: .7s
}

.wave.active .wave1>span:nth-child(11) {
    animation-delay: .77s
}

.wave.active .wave1>span:nth-child(12) {
    animation-delay: .84s
}

.wave.active .wave1>span:nth-child(13) {
    animation-delay: .91s
}

.wave.active .wave1>span:nth-child(14) {
    animation-delay: .98s
}

.wave.active .wave1>span:nth-child(15) {
    animation-delay: 1.05s
}

.wave.active .wave1>span:nth-child(16) {
    animation-delay: 1.12s
}

.wave.active .wave1>span:nth-child(17) {
    animation-delay: 1.19s
}

.wave.active .wave1>span:nth-child(18) {
    animation-delay: 1.26s
}

.wave.active .wave1>span:nth-child(19) {
    animation-delay: 1.33s
}

.wave.active .wave1>span:nth-child(20) {
    animation-delay: 1.4s
}

.wave.active .wave1>span:nth-child(21) {
    animation-delay: 1.47s
}

.wave.active .wave1>span:nth-child(22) {
    animation-delay: 1.54s
}

.wave.active .wave1>span:nth-child(23) {
    animation-delay: 1.61s
}

.wave.active .wave1>span:nth-child(24) {
    animation-delay: 1.68s
}

.wave.active .wave1>span:nth-child(25) {
    animation-delay: 1.75s
}

.wave.active .wave1>span:nth-child(26) {
    animation-delay: 1.82s
}

.wave.active .wave1>span:nth-child(27) {
    animation-delay: 1.89s
}

.wave.active .wave1>span:nth-child(28) {
    animation-delay: 1.96s
}

.wave.active .wave1>span:nth-child(29) {
    animation-delay: 2.03s
}

.wave.active .wave1>span:nth-child(30) {
    animation-delay: 2.1s
}

.wave.active .wave1:before {
    opacity: 1;
    transition: opacity 2s linear
}

.wave.active .wave1_2 {
    animation: wave2 1.5s 1 cubic-bezier(0.15, 0.48, 0.13, 0.93),waveFadein 1s 1 linear;
    animation-fill-mode: forwards;
    animation-delay: .3s
}

.wave.active .wave2 {
    animation: wave2 1.5s 1 cubic-bezier(0.15, 0.48, 0.13, 0.93),waveFadein 1s 1 linear;
    animation-fill-mode: forwards;
    animation-delay: 1.2s
}

.wave.active .wave2_2 {
    animation: wave2 1.5s 1 cubic-bezier(0.15, 0.48, 0.13, 0.93),waveFadein 1s 1 linear;
    animation-fill-mode: forwards
}

.wave.active .wave3 {
    animation: wave2 1.5s 1 cubic-bezier(0.15, 0.48, 0.13, 0.93),waveFadein 1s 1 linear;
    animation-fill-mode: forwards;
    animation-delay: 2s
}

.wave.active .wave3_2 {
    animation: wave2 1.5s 1 cubic-bezier(0.15, 0.48, 0.13, 0.93),waveFadein 1s 1 linear;
    animation-fill-mode: forwards;
    animation-delay: .8s
}

.wave.active .wave4 {
    animation: wave2 1.5s 1 cubic-bezier(0.15, 0.48, 0.13, 0.93),waveFadein 1s 1 linear;
    animation-fill-mode: forwards;
    animation-delay: 2.8s
}

.parallex {
    transition: all 2s cubic-bezier(0.18, 0.28, 0, 0.86);
    opacity: 0
}

.loading-finished .parallex {
    opacity: 1;
    transition: all 2s cubic-bezier(0.18, 0.28, 0, 0.86) !important;
    -webkit-transition: all 2s cubic-bezier(0.18, 0.28, 0, 0.86) !important
}

.loading-finished .wave .wave1 {
    display: block;
    transform: translateX(0);
    opacity: 1;
    animation: none
}

.loading-finished .wave .wave1_2 {
    display: block;
    transform: translateX(0);
    opacity: 1;
    animation: none
}

.loading-finished .wave .wave2 {
    display: block;
    transform: translateX(0);
    opacity: 1;
    animation: none
}

.loading-finished .wave .wave2_2 {
    display: block;
    transform: translateX(0);
    opacity: 1;
    animation: none
}

.loading-finished .wave .wave3 {
    display: block;
    transform: translateX(0);
    opacity: 1;
    animation: none
}

.loading-finished .wave .wave3_2 {
    display: block;
    transform: translateX(0);
    opacity: 1;
    animation: none
}

.loading-finished .wave .wave4 {
    display: block;
    transform: translateX(0);
    opacity: 1;
    animation: none
}

.frameBtn {
    position: absolute;
    border: 2px solid #d01774;
    border-radius: 5px;
    z-index: -1;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.17, 0.7, 0.47, 0.96);
    opacity: 0;
    top: 0
}

.frameBtn:after {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 1px;
    transform: translate(-50%, 0);
    content: "";
    border-top: 6px solid #d01774;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    transition: all 0.3s cubic-bezier(0.35, 0.45, 0.49, 0.81)
}

#owlcarousel1 {
    width: 100%
}

#owlcarousel1 .bg-image {
    background-size: cover;
    background-position: center center
}

#owlcarousel1 .owl-item {
    overflow: hidden
}

#owlcarousel1 .owl-item.active .item,#owlcarousel1 .owl-item.animated .item,#owlcarousel1 .owl-item.animate1 .item,#owlcarousel1 .owl-item.owl-animated-out .item {
    transition: transform 50s linear
}

#owlcarousel1 .owl-item.active:nth-child(2n+1) .item,#owlcarousel1 .owl-item.animated:nth-child(2n+1) .item,#owlcarousel1 .owl-item.animate1:nth-child(2n+1) .item,#owlcarousel1 .owl-item.owl-animated-out:nth-child(2n+1) .item {
    transform: scale(1.5) translate(-10%, -10%)
}

#owlcarousel1 .owl-item.active:nth-child(2n) .item,#owlcarousel1 .owl-item.animated:nth-child(2n) .item,#owlcarousel1 .owl-item.animate1:nth-child(2n) .item,#owlcarousel1 .owl-item.owl-animated-out:nth-child(2n) .item {
    transform: scale(1.5) translate(10%, -10%)
}

#owlcarousel1 .animated {
    animation-duration: var(--animated_duration);
    animation-fill-mode: both
}

#owlcarousel1 .animate1 {
    animation-name: animate1
}

@keyframes animate1 {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-carousel img {
    display: block
}

.owl-carousel:hover.green.owl-theme .owl-nav>.owl-prev {
    transform: rotate(180deg);
    opacity: 1
}

.owl-carousel:hover.green.owl-theme .owl-nav>.owl-next {
    transform: none;
    opacity: 1
}

.owl-carousel:hover.owl-theme .owl-nav>.owl-prev {
    transform: none;
    opacity: 1
}

.owl-carousel:hover.owl-theme .owl-nav>.owl-next {
    transform: rotate(180deg);
    opacity: 1
}

.owl-carousel#owlcarousel6.owl-theme .owl-nav>.owl-prev {
    top: calc(50% - 92px)
}

.owl-carousel#owlcarousel6.owl-theme .owl-nav>.owl-next {
    top: calc(50% - 92px)
}

.owl-carousel#owlcarousel6.owl-theme .owl-dots {
    position: relative;
    bottom: 0;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 60px
}

.owl-carousel.green.owl-theme .owl-nav>.owl-prev {
    background: url(../images/others/bannerArrow2.svg) no-repeat center center !important;
    background-size: 100%;
    transform: rotate(180deg) translateX(50%)
}

.owl-carousel.green.owl-theme .owl-nav>.owl-next {
    background: url(../images/others/bannerArrow2.svg) no-repeat center center !important;
    background-size: 100%;
    transform: rotate(0deg) translateX(50%)
}

.owl-carousel.owl-theme .owl-nav {
    margin: 0 auto
}

.owl-carousel.owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: transparent !important
}

.owl-carousel.owl-theme .owl-nav>.owl-prev {
    outline: none;
    position: absolute;
    left: 47px;
    top: 50%;
    right: auto;
    margin: 0 auto;
    height: 101px;
    width: 50px;
    margin-top: -50px !important;
    background: url(../images/others/bannerArrow.svg) no-repeat center center !important;
    background-size: 100%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.32, 0.52, 0, 0.86)
}

.owl-carousel.owl-theme .owl-nav>.owl-next {
    outline: none;
    position: absolute;
    left: auto;
    top: 50%;
    right: 47px;
    margin: 0 auto;
    height: 101px;
    width: 50px;
    margin-top: -50px !important;
    background: url(../images/others/bannerArrow.svg) no-repeat center center !important;
    background-size: 100%;
    transform: rotate(180deg) translateX(-50%);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.32, 0.52, 0, 0.86)
}

.owl-carousel.owl-theme .owl-dots {
    width: 100%;
    position: absolute;
    bottom: 58px;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.38, 0.18, 0.09, 0.93)
}

.owl-carousel.owl-theme .owl-dots>.owl-dot>span {
    width: 21px;
    height: 21px;
    margin: 0px 12px;
    background: #ffffff;
    opacity: 0.6;
    border-radius: 50%;
    border: 1px solid rgba(51,51,51,0.52);
    position: relative;
    transition: all 0.5s cubic-bezier(0.38, 0.18, 0.09, 0.93)
}

.owl-carousel.owl-theme .owl-dots>.owl-dot>span:after {
    content: "";
    border-radius: 50%;
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #d01774;
    transform: scale(0);
    transition: all 0.5s cubic-bezier(0.38, 0.18, 0.09, 0.93)
}

.owl-carousel.owl-theme .owl-dots>.owl-dot:hover>span {
    opacity: 1
}

.owl-carousel.owl-theme .owl-dots>.owl-dot.active>span {
    opacity: 1
}

.owl-carousel.owl-theme .owl-dots>.owl-dot.active>span:after {
    transform: scale(1)
}

@keyframes slideIn {
    from {
        transform: translateX(-50%)
    }

    to {
        transform: translateX(0%)
    }
}

@keyframes slideInReverse {
    from {
        transform: translateX(50%)
    }

    to {
        transform: translateX(0%)
    }
}

@keyframes slideOut {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(50%)
    }
}

@keyframes slideOutReverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-50%)
    }
}

@media (max-width: 991px) {
    .owl-carousel.owl-theme .owl-nav>.owl-prev {
        height:70px;
        width: 34px;
        left: 15px;
        margin-top: -44px !important
    }

    .owl-carousel.owl-theme .owl-nav>.owl-next {
        height: 70px;
        width: 34px;
        right: 15px;
        margin-top: -44px !important
    }
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom:1;*display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

html {
    display: -ms-flexbox;
    display: flex
}

main {
    font-family: NotoSerifCJKtc,sans-serif,"Microsoft Jhenghei";
    background-color: #ffffff;
    width: calc(100% - 313px);
    max-width: calc(100% - 313px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    transition: all 0.4s cubic-bezier(0.84, 0.42, 0.38, 0.88);
    position: relative;
    z-index: 3
}

body {
    background-color: #d01774;
    min-height: 100vh;
    overflow-x: hidden;
    position: relative;
    font-family: NotoSerifCJKtc,sans-serif,"Microsoft Jhenghei";
    width: 100%
}

body.overflow_y_hidden {
    overflow-y: hidden
}

body.finished .Banner .Banner_inner {
    transform: none;
    transition-delay: 0.8s
}

body.loading-finished.parallex {
    opacity: 1
}

body.loading-finished .Banner .bannerSloganBox .t1 {
    opacity: 1;
    transform: none;
    transition-delay: 0s
}

body.loading-finished .Banner .bannerSloganBox .t2 {
    opacity: 1;
    transform: none;
    transition-delay: 0.3s
}

body.sendingReservation .messageCallBackContainer {
    display: -ms-flexbox;
    display: flex
}

body.sendingReservation.sendingReservationEnd .messageCallBackContainer {
    animation: messageCallBack_hide 0.3s cubic-bezier(0.32, 0.52, 0, 0.86) 1;
    animation-fill-mode: both;
    animation-delay: 2s
}

body.sendingReservation.sendingReservationEnd .messageCallBackContainer .msgBox:after {
    animation-play-state: paused;
    display: none
}

.wrapContent {
    max-width: 1920px;
    padding: 0 0px;
    margin: 0 auto
}

.mainContent {
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    position: relative;
    width: 100%;
    max-width: 100%
}

.btn-style1 {
    padding: 16px 30px;
    border-radius: 20px;
    color: #4281a4;
    border: 1px solid #7ca9b5;
    font-size: 18px;
    font-weight: 800;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    transition: all 0.3s cubic-bezier(0.32, 0.52, 0, 0.86)
}

.btn-style1>span {
    position: relative
}

.btn-style1:hover {
    background-color: #d7ebba;
    border-color: #d7ebba
}

.index__main {
    background: #fff url(../images/others/bg1.png) repeat
}

.Banner {
    background: #ffffff;
    position: relative;
    overflow: hidden
}

.Banner .Banner_inner {
    transform: scale(1.2);
    transition: all 1.2s cubic-bezier(0.32, 0.52, 0, 0.86)
}

.Banner .bannerSloganBox {
    font-size: 69px;
    color: #ffffff
}

.Banner .bannerSloganBox .t1 {
    position: absolute;
    top: 16%;
    left: 9.5%;
    z-index: 2;
    opacity: 0;
    transform: translate(0, 70%);
    transition: all 1.5s cubic-bezier(0.2, 0.65, 0.44, 0.77)
}

.Banner .bannerSloganBox .t2 {
    position: absolute;
    top: 24%;
    left: 14%;
    z-index: 2;
    opacity: 0;
    transform: translate(0, 70%);
    transition: all 1.5s cubic-bezier(0.2, 0.65, 0.44, 0.77)
}

[data-aos^="titleshow2"]>h2,[data-aos^="titleshow2"]>.title,[data-aos^="titleshow2"]>p {
    opacity: 0;
    transform: translate(0, 30px)
}

[data-aos^="titleshow2"]>h2,[data-aos^="titleshow2"]>.title,[data-aos^="titleshow2"]>p {
    transition: transform 1s cubic-bezier(0.16, 0.81, 0.31, 0.79),opacity 1s linear
}

[data-aos^="titleshow2"].aos-animate>h2,[data-aos^="titleshow2"].aos-animate>.title,[data-aos^="titleshow2"].aos-animate>p {
    opacity: 1;
    transform: none
}

[data-aos^="titleshow2"].aos-animate>p {
    transition-delay: 0.3s
}

[data-aos^="titleshow3"]>span {
    opacity: 0;
    transform: translate(0, 30px)
}

[data-aos^="titleshow3"]>span {
    transition: transform 1s cubic-bezier(0.16, 0.81, 0.31, 0.79),opacity 1s linear
}

[data-aos^="titleshow3"].aos-animate>span {
    opacity: 1;
    transform: none
}

[data-aos^="titleshow3"].aos-animate>span:nth-child(1) {
    transition-delay: 0s
}

[data-aos^="titleshow3"].aos-animate>span:nth-child(2) {
    transition-delay: .3s
}

[data-aos^="titleshow3"].aos-animate>span:nth-child(3) {
    transition-delay: .6s
}

[data-aos^="titleshow3"].aos-animate>span:nth-child(4) {
    transition-delay: .9s
}

[data-aos^="titleshow3"].aos-animate>span:nth-child(5) {
    transition-delay: 1.2s
}

[data-aos^="titleshow3"].aos-animate>span:nth-child(6) {
    transition-delay: 1.5s
}

[data-aos^="titleshow3"].aos-animate>span:nth-child(7) {
    transition-delay: 1.8s
}

[data-aos^="titleshow3"].aos-animate>span:nth-child(8) {
    transition-delay: 2.1s
}

[data-aos^="titleshow3"].aos-animate>span:nth-child(9) {
    transition-delay: 2.4s
}

[data-aos^="titleshow3"].aos-animate>span:nth-child(10) {
    transition-delay: 2.7s
}

[data-aos^="titleshow4"]>.des,[data-aos^="titleshow4"]>.des3 {
    opacity: 0;
    transform: translate(0, 30px)
}

[data-aos^="titleshow4"]>.des,[data-aos^="titleshow4"]>.des3 {
    transition: transform 1s cubic-bezier(0.16, 0.81, 0.31, 0.79),opacity 1s linear
}

[data-aos^="titleshow4"].aos-animate>.des,[data-aos^="titleshow4"].aos-animate>.des3 {
    opacity: 1;
    transform: none
}

[data-aos^="titleshow4"].aos-animate>.des3 {
    transition-delay: 0.3s
}

[data-aos^="titleshow5"]>.sec-subtitle,[data-aos^="titleshow5"]>.des2,[data-aos^="titleshow5"]>.des2.small1 {
    opacity: 0;
    transform: translate(0, 30px)
}

[data-aos^="titleshow5"]>.sec-subtitle,[data-aos^="titleshow5"]>.des2,[data-aos^="titleshow5"]>.des2.small1 {
    transition: transform 1s cubic-bezier(0.16, 0.81, 0.31, 0.79),opacity 1s linear
}

[data-aos^="titleshow5"].aos-animate>.sec-subtitle,[data-aos^="titleshow5"].aos-animate>.des2,[data-aos^="titleshow5"].aos-animate>.des2.small1 {
    opacity: 1;
    transform: none
}

[data-aos^="titleshow5"].aos-animate>.des2 {
    transition-delay: 0.3s
}

[data-aos^="titleshow5"].aos-animate>.des2.small1 {
    transition-delay: 0.6s
}

[data-aos^="videoshow"] {
    overflow: hidden
}

[data-aos^="videoshow"]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: #ffffff;
    transition: transform 1.5s cubic-bezier(0.34, 0.51, 0.15, 0.82)
}

[data-aos^="videoshow"] iframe {
    opacity: 0;
    transform: translate(15%, 0);
    transition: transform 1.5s cubic-bezier(0.34, 0.51, 0.15, 0.82)
}

[data-aos^="videoshow"].aos-animate:after {
    transform: translate(-100%, 0)
}

[data-aos^="videoshow"].aos-animate iframe {
    opacity: 1;
    transition-delay: 0.1s;
    transform: none
}

[data-aos^="locationshow"] .tag .name {
    opacity: 0;
    transform: translate(0, 5px);
    transition: transform 0.3s linear, opacity 0.3s linear
}

[data-aos^="locationshow"] .tag .light {
    opacity: 0;
    transform: scaleX(0) scaleY(0.3);
    transition: transform 0.5s cubic-bezier(0.1, 0.63, 0.43, 1.46),opacity 0.5s linear
}

[data-aos^="locationshow"].aos-animate .tag .name {
    opacity: 1;
    transform: none
}

[data-aos^="locationshow"].aos-animate .tag .light {
    opacity: 1;
    transform: none
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(1) .name {
    transition-delay: -.1s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(1) .light {
    transition-delay: -.2s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(2) .name {
    transition-delay: .1s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(2) .light {
    transition-delay: 0s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(3) .name {
    transition-delay: .3s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(3) .light {
    transition-delay: .2s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(4) .name {
    transition-delay: .5s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(4) .light {
    transition-delay: .4s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(5) .name {
    transition-delay: .7s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(5) .light {
    transition-delay: .6s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(6) .name {
    transition-delay: .9s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(6) .light {
    transition-delay: .8s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(7) .name {
    transition-delay: 1.1s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(7) .light {
    transition-delay: 1s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(8) .name {
    transition-delay: 1.3s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(8) .light {
    transition-delay: 1.2s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(9) .name {
    transition-delay: 1.5s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(9) .light {
    transition-delay: 1.4s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(10) .name {
    transition-delay: 1.7s
}

[data-aos^="locationshow"].aos-animate .tag:nth-child(10) .light {
    transition-delay: 1.6s
}

.p_titlebox {
    text-align: center;
    padding: 30px 10px;
    padding-bottom: 48px
}

.p_titlebox[data-aos^="titleshow"]>.sec-title,.p_titlebox[data-aos^="titleshow"]>.sec-subtitle,.p_titlebox[data-aos^="titleshow"]>.des {
    opacity: 0;
    transform: translate(0, 30px)
}

.p_titlebox[data-aos^="titleshow"]>.sec-title,.p_titlebox[data-aos^="titleshow"]>.sec-subtitle,.p_titlebox[data-aos^="titleshow"]>.des {
    transition: transform 1s cubic-bezier(0.16, 0.81, 0.31, 0.79),opacity 1s linear
}

.p_titlebox[data-aos^="titleshow"].aos-animate>.sec-title,.p_titlebox[data-aos^="titleshow"].aos-animate>.sec-subtitle,.p_titlebox[data-aos^="titleshow"].aos-animate>.des {
    opacity: 1;
    transform: none
}

.p_titlebox[data-aos^="titleshow"].aos-animate>.sec-subtitle {
    transition-delay: 0.3s
}

.p_titlebox[data-aos^="titleshow"].aos-animate>.des {
    transition-delay: 0.6s
}

.p_titlebox.wan br {
    display: none
}

.p_titlebox.white .sec-title,.p_titlebox.white .sec-subtitle,.p_titlebox.white p {
    color: #ffffff
}

.p_titlebox .sec-title {
    font-size: 84px;
    font-weight: 500;
    color: #393a3a;
    margin: 0 -35px;
    margin-bottom: 18px
}

.p_titlebox .sec-title>span {
    padding: 0 35px
}

.p_titlebox .sec-title.Black {
    font-weight: 600
}

.p_titlebox .sec-title.wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -5px 0
}

.p_titlebox .sec-title.wrap>span {
    padding: 5px 0
}

.p_titlebox .sec-subtitle {
    font-size: 36px;
    font-weight: 500;
    color: #6c6d6c;
    margin: 0 -12px
}

.p_titlebox .sec-subtitle>span {
    padding: 0 12px
}

.p_titlebox .sec-subtitle.cblack {
    color: #393a3a
}

.p_titlebox .sec-subtitle.wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -5px 0
}

.p_titlebox .sec-subtitle.wrap>span {
    padding: 5px 0
}

.p_titlebox .sec-subtitle.light {
    font-weight: 300
}

.p_titlebox p {
    color: #6c6d6c
}

.p_titlebox p.des {
    padding: 30px 130px;
    font-weight: 200;
    font-size: 30px;
    line-height: 175%
}

.p_titlebox p.des2 {
    padding: 0px 76px;
    font-weight: 200;
    font-size: 30px;
    line-height: 175%
}

.p_titlebox p.des2.small1 {
    font-size: 24px;
    line-height: 220%
}

.p_titlebox p.des3 {
    padding: 0 0;
    font-weight: 300;
    font-size: 30px;
    line-height: 175%
}

.p_titlebox p.small2 {
    font-weight: 300
}

.p_titlebox .subParaSection {
    padding-top: 74px
}

.p_titlebox .subParaSection .sec-subtitle {
    padding-bottom: 12px
}

.p_titlebox .subParaSection p.des2.small1 {
    padding-top: 5px
}

section .contentBox1 {
    padding: 0 60px
}

.videoSection {
    padding-bottom: 85px;
    background-color: #ffffff
}

.locationSection {
    position: relative;
    background-color: #ffffff
}

.locationSection img {
    display: block
}

.locationWrap {
    position: relative
}

.locationWrap .tag {
    width: 66px;
    height: 326px;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.locationWrap .tag .light {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: url(../images/others/light.png) no-repeat center center;
    background-size: 100%
}

.locationWrap .tag .name {
    position: relative;
    z-index: 2;
    font-size: 15px;
    color: #00475b;
    word-break: break-all;
    width: 20px;
    text-align: center;
    font-family: DFHeiStd;
    font-weight: 400;
    line-height: 100%
}

.locationWrap .tag.t1 {
    left: 0.7%;
    top: 31%
}

.locationWrap .tag.t2 {
    left: 15%;
    top: 25%
}

.locationWrap .tag.t3 {
    left: 44%;
    top: 31%
}

.locationWrap .tag.t4 {
    right: 6.5%;
    top: 10.6%
}

.locationWrap .tag.t5 {
    right: 1.5%;
    top: 10.6%
}

.seasonSection {
    padding: 60px 40px;
    background-color: #ffffff
}

.seasonSection .seasonFlexBox {
    display: -ms-flexbox;
    display: flex;
    margin: -5px -13px
}

.seasonSection .seasonFlexBox.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.seasonSection .seasonFlexBox>div {
    width: 50%;
    padding: 5px 13px
}

.seasonSection .seasonFlexBox .galleryBox {
    min-height: 489px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.seasonSection .seasonFlexBox .galleryBox .inner {
    width: 100%
}

.seasonSection .seasonFlexBox .descriptionBox {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.seasonSection .seasonFlexBox .descriptionBox .title {
    font-size: 45px;
    font-weight: 500;
    color: #393a3a;
    margin-bottom: 10px
}

.seasonSection .seasonFlexBox .descriptionBox p {
    font-size: 30px;
    font-weight: 200;
    color: #6c6d6c;
    line-height: 175%
}

.departmentstoreSection {
    padding-top: 15px;
    background: #ffffff
}

.marklinSection {
    padding-top: 65px;
    padding-bottom: 70px;
    background: #fff url(../images/others/bg1.png) repeat
}

.marklinSection .designName {
    position: absolute;
    left: 38px;
    bottom: 30px;
    color: #ffffff;
    font-family: DFHeiStd;
    font-weight: 200;
    font-size: 37px
}

.marklinSection .designerPhotoBox .imgbox {
    position: relative;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.marklinSection .designerPhotoBox .imgbox:after {
    content: "";
    display: block;
    padding-bottom: 138.342967244%
}

.marklinSection .designerPhotoBox .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.kingFlexBox {
    display: -ms-flexbox;
    display: flex;
    padding: 0 40px
}

.kingFlexBox .left {
    width: 36.092%
}

.kingFlexBox .p_titlebox {
    padding-left: 0
}

.kingFlexBox .p_titlebox p.des {
    font-weight: 300;
    line-height: 160%;
    padding: 8px 30px 0 20px
}

.kingFlexBox .right {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.kingFlexBox .imgboxOuter {
    margin: -4px 0
}

.kingFlexBox .imgbox {
    margin: 4px 0;
    position: relative
}

.kingFlexBox .imgbox.kingImg2 {
    display: none
}

.kingFlexBox .imgbox img {
    display: block
}

.kingFlexBox .imgbox:after {
    content: "";
    display: block;
    padding-bottom: 42.7991886409%
}

.kingFlexBox .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.designerPhotoBox {
    padding: 16px 13px;
    display: -ms-flexbox;
    display: flex;
    width: 1204px;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 15px;
    background-color: #ffffff;
    box-shadow: 7px 5px 23px 3px rgba(0,0,0,0.28)
}

.designerPhotoBox .imgbox img {
    display: block
}

.designerPhotoBox .sloganbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 109px;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.designerPhotoBox .sloganbox .sec-title {
    margin-bottom: 40px
}

.designerPhotoBox.wan {
    margin-bottom: 83px
}

.designerPhotoBox.wan .sloganbox .p_titlebox .sec-title {
    font-size: 78px;
    text-align: left
}

.designerPhotoBox.wan .sloganbox .p_titlebox .sec-title.wrap>span {
    padding: 20px 0
}

.wanSection {
    padding-top: 55px;
    background-color: transparent;
    position: relative
}

.wanSection:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    background: url(../images/wan/bg.png) no-repeat center top;
    background-size: 127%
}

.wanSection .wrapOuter {
    position: relative;
    z-index: 1
}

.wanSection .p_titlebox p.small2 {
    padding-bottom: 0;
    padding-top: 35px
}

.wanSection .p_titlebox p.des3 {
    padding: 0 95px
}

.wanSection .designName {
    position: absolute;
    left: 30px;
    top: 50px;
    color: #ffffff;
    font-weight: 300;
    font-size: 37px;
    word-break: break-all;
    width: 40px;
    line-height: 100%
}

.wanSection .designerPhotoBox .imgbox {
    position: relative;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.wanSection .designerPhotoBox .imgbox:after {
    content: "";
    display: block;
    padding-bottom: 101.3536379%
}

.wanSection .designerPhotoBox .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.wanGalleryContainer {
    padding-left: 28px;
    padding-right: 75px
}

.wanGalleryContainer .halfWrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -6px
}

.wanGalleryContainer .halfWrap>div {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    padding: 6px
}

.wanGalleryContainer img {
    display: block
}

.wanGalleryContainer .imgBox {
    position: relative
}

.wanGalleryContainer .imgBox:after {
    content: "";
    display: block;
    padding-bottom: 133.33333333%
}

.wanGalleryContainer .imgBox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.indoorSection {
    padding-top: 220px;
    background-color: transparent;
    position: relative
}

.owl-carousel .owl-item .floorPlanFlexBox img {
    width: auto;
    max-height: 560px
}

.floorPlanFlexBox {
    display: -ms-flexbox;
    display: flex;
    padding: 0px 15%
}

.floorPlanFlexBox>div {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.floorPlanFlexBox .descriptionBox .main {
    font-size: 46px;
    font-weight: 500;
    margin-bottom: 20px
}

.floorPlanFlexBox .descriptionBox .sub {
    font-size: 30px;
    font-weight: 200
}

.hardwareSection {
    background-color: #ffffff;
    padding-top: 72px
}

.hardwareSection .p_titlebox {
    position: relative;
    z-index: 1;
    padding-top: 0;
    padding-bottom: 0
}

.hardwareSection .p_titlebox p.des {
    padding: 30px 175px 0 175px;
    padding-top: 10px
}

.hardwareSection .p_titlebox .sec-subtitle {
    margin-top: 30px;
    padding-top: 35px;
    position: relative
}

.hardwareSection .p_titlebox .sec-subtitle::before {
    content: "";
    background-color: #2b878e;
    position: absolute;
    top: 0;
    left: 185px;
    right: 110px;
    height: 1px
}

.waterBackgroundBox {
    position: relative;
    z-index: 0;
    margin-top: -9.4%
}

.waterBackgroundBox img {
    display: block
}

.waterBackgroundBox img.p23-5 {
    position: absolute;
    left: 50%;
    top: 21%;
    transform: translate(8%, 0);
    width: 37%
}

.structureContainer {
    padding: 0 70px;
    margin-top: -16%;
    position: relative;
    z-index: 1
}

.structureContainer .top {
    padding: 55px;
    background-color: #000000
}

.structureContainer .top .flexBox {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px
}

.structureContainer .top .flexBox.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.structureContainer .top .flexBox .desBox {
    color: #ffffff
}

.structureContainer .top .flexBox .desBox h2 {
    font-size: 45px;
    font-weight: 400;
    margin-bottom: 10px
}

.structureContainer .top .flexBox .desBox p {
    line-height: 170%;
    font-size: 30px;
    font-weight: 400
}

.structureContainer .top .flexBox .imgBox {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.structureContainer .top .flexBox .imgBox img {
    display: block;
    z-index: 2;
    position: relative
}

.structureContainer .top .flexBox .imgBox.hd1 .imgloadedOuter {
    width: 70%
}

.structureContainer .top .flexBox .imgBox.hd1 .imgloadedOuter:after {
    content: "";
    display: block;
    padding-bottom: 139.5409163%
}

.structureContainer .top .flexBox .imgBox.hd1 .imgloadedOuter img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.structureContainer .top .flexBox .imgBox.hd2 .imgloadedOuter {
    width: 100%
}

.structureContainer .top .flexBox .imgBox.hd2 .imgloadedOuter:after {
    content: "";
    display: block;
    padding-bottom: 69.265367316%
}

.structureContainer .top .flexBox .imgBox.hd2 .imgloadedOuter img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.structureContainer .top .flexBox .imgBox.hd3 .imgloadedOuter {
    width: 100%
}

.structureContainer .top .flexBox .imgBox.hd3 .imgloadedOuter:after {
    content: "";
    display: block;
    padding-bottom: 67.433628318%
}

.structureContainer .top .flexBox .imgBox.hd3 .imgloadedOuter img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.structureContainer .top .flexBox>div {
    width: 50%;
    padding: 0 15px
}

.structureContainer .bottom {
    background-color: #000000
}

.structureContainer .bottom .desBox {
    text-align: center;
    color: #ffffff;
    margin-top: -11%
}

.structureContainer .bottom .desBox h2 {
    font-size: 45px;
    font-weight: 400;
    margin-bottom: 10px
}

.structureContainer .bottom .desBox p {
    line-height: 170%;
    font-size: 30px;
    font-weight: 400;
    padding: 0px 175px;
    padding-bottom: 70px
}

.reservationSection {
    padding-top: 36px;
    padding-bottom: 95px;
    background-color: #ffffff
}

.reservationSection .p_titlebox .sec-title {
    margin-bottom: 35px
}

.reservationSection .p_titlebox .sec-subtitle {
    font-size: 46px
}

.reservationFormBox {
    padding-left: 215px;
    padding-right: 120px;
    padding-bottom: 100px
}

.reservationFormBox .row {
    margin-bottom: 23px
}

.reservationFormBox .title {
    font-size: 38px;
    margin-bottom: 10px;
    font-weight: 500
}

.reservationFormBox input {
    font-size: 38px;
    font-weight: 500;
    height: 65px;
    border: 0px;
    border-bottom: 2px solid #88bcc0;
    border-radius: 0;
    color: #d01774;
    transition: all 0.3s cubic-bezier(0.32, 0.52, 0, 0.86)
}

.reservationFormBox input:focus {
    border-bottom: 2px solid #d01774
}

.reservationFormBox textarea {
    font-size: 38px;
    font-weight: 500;
    min-height: 235px;
    border: 0px;
    border-bottom: 2px solid #88bcc0;
    border-radius: 0;
    color: #d01774;
    transition: all 0.3s cubic-bezier(0.32, 0.52, 0, 0.86)
}

.reservationFormBox textarea:focus {
    border-bottom: 2px solid #d01774
}

.btn-send {
    font-family: "DFHeiStd";
    margin: 0 auto;
    width: 200px;
    max-width: 100%;
    color: #ffffff;
    padding: 20px 10px 24px 10px;
    font-size: 36px;
    border-radius: 18px;
    background-color: #d01774;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.32, 0.52, 0, 0.86)
}

.btn-send:hover {
    background-color: #ffda51
}

.floatbar1 {
    margin-bottom: 100px
}

.side__link_box {
    width: 105px;
    background-color: #d01774;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.side__link_box>a {
    margin: 8px 0
}

.side__link_box .btn-gotop {
    border-bottom: 1px solid #ffffff;
    width: 59px;
    color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.3s cubic-bezier(0.32, 0.52, 0, 0.86)
}

.side__link_box .btn-gotop:hover {
    color: #ffe894;
    border-bottom: 1px solid #ffe894;
    transform: scale(0.85)
}

.side__link_box .btn-gotop:hover svg .cls-1 {
    fill: #ffe894
}

.side__link_box .btn-gotop .iconBox {
    width: 21px;
    height: 19px
}

.side__link_box .btn-gotop .iconBox svg {
    width: 100%
}

.side__link_box .btn-gotop .text {
    font-size: 19px;
    font-weight: 300;
    padding-bottom: 6px;
    padding-top: 1px
}

.side__link_box .btn-phone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    transition: all 0.3s cubic-bezier(0.32, 0.52, 0, 0.86)
}

.side__link_box .btn-phone:hover {
    color: #ffe894;
    transform: scale(0.85)
}

.side__link_box .btn-phone:hover svg path.cls-1 {
    fill: #ffe894
}

.side__link_box .btn-phone .iconBox {
    border-radius: 50%;
    width: 42px;
    height: 42px
}

.side__link_box .btn-phone .text {
    font-size: 12px;
    font-weight: 500;
    padding-top: 6px
}

.side__link_box .btn-fb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    transition: all 0.3s cubic-bezier(0.32, 0.52, 0, 0.86)
}

.side__link_box .btn-fb:hover {
    color: #ffe894;
    transform: scale(0.85)
}

.side__link_box .btn-fb:hover svg path {
    fill: #ffe894
}

.side__link_box .btn-fb .iconBox {
    width: 42px;
    height: 42px
}

.side__link_box .btn-fb .iconBox svg {
    transition: all 0.3s cubic-bezier(0.32, 0.52, 0, 0.86);
    width: 100%
}

.side__link_box .btn-fb .text {
    font-size: 12px;
    font-weight: 500;
    padding-top: 6px
}

.side__link_box .btn-fbmsg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    transition: all 0.3s cubic-bezier(0.32, 0.52, 0, 0.86)
}

.side__link_box .btn-fbmsg:hover {
    color: #ffe894;
    transform: scale(0.85)
}

.side__link_box .btn-fbmsg:hover svg path {
    fill: #ffe894
}

.side__link_box .btn-fbmsg .iconBox {
    width: 42px;
    height: 42px
}

.side__link_box .btn-fbmsg .iconBox svg {
    transition: all 0.3s cubic-bezier(0.32, 0.52, 0, 0.86);
    width: 100%
}

.side__link_box .btn-fbmsg .text {
    font-size: 12px;
    font-weight: 500;
    padding-top: 6px
}

.side__link_box .btn-reservation {
    border-radius: 50%;
    border: 1px solid #ffffff;
    color: #ffffff;
    transition: all 0.3s cubic-bezier(0.32, 0.52, 0, 0.86)
}

.side__link_box .btn-reservation:hover {
    color: #ffe894;
    border: 1px solid #ffe894;
    transform: scale(0.85)
}

.side__link_box .btn-reservation .text {
    font-size: 22px;
    font-weight: 500;
    line-height: 130%;
    width: 75px;
    height: 75px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.wrap_realA2 {
    text-align: center;
    position: relative;
    bottom: 60px;
    margin-top: -140px
}

.wrap_realA2 .titleBox {
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 8px;
    position: relative;
    margin-bottom: 28px;
    display: inline-block;
    z-index: 2
}

.wrap_realA2 .titleBox:after {
    content: "";
    position: absolute;
    bottom: 0;
    background-color: #ffffff;
    height: 1px;
    left: -15px;
    right: -15px
}

.wrap_realA2 .contentBox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 130px;
    padding-left: 130px
}

#owlcarousel_realA2 {
    width: 960px;
    max-width: 100%
}

#owlcarousel_realA2 .item {
    border: 2px solid transparent
}

#owlcarousel_realA2 .owl-item .item.current {
    border: 2px solid #d01774
}

.wrap_realB2 {
    text-align: center;
    position: relative;
    bottom: 60px;
    margin-top: -140px
}

.wrap_realB2 .titleBox {
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 8px;
    position: relative;
    margin-bottom: 28px;
    display: inline-block;
    z-index: 2
}

.wrap_realB2 .titleBox:after {
    content: "";
    position: absolute;
    bottom: 0;
    background-color: #ffffff;
    height: 1px;
    left: -15px;
    right: -15px
}

.wrap_realB2 .contentBox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 130px;
    padding-left: 130px
}

#owlcarousel_realB2 {
    width: 960px;
    max-width: 100%
}

#owlcarousel_realB2 .item {
    border: 2px solid transparent
}

#owlcarousel_realB2 .owl-item .item.current {
    border: 2px solid #d01774
}

.messageCallBackContainer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 1005;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    animation: messageCallBack_show 0.5s cubic-bezier(0.32, 0.52, 0, 0.86) 1;
    animation-fill-mode: forwards
}

.messageCallBackContainer .msgBox {
    width: 100%;
    padding: 40px 15px;
    background-color: #d01774;
    color: #ffffff;
    text-align: center;
    font-size: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.messageCallBackContainer .msgBox:after {
    content: "";
    border: 2px solid #ffffff;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    animation: imgloadingCircle 1s cubic-bezier(0.75, 0.16, 0.74, 0.54) infinite;
    animation-fill-mode: forwards;
    animation-direction: alternate;
    z-index: 0;
    margin-left: 10px;
    position: relative
}

@keyframes messageCallBack_show {
    0% {
        opacity: 0;
        display: none
    }

    1% {
        display: -ms-flexbox;
        display: flex;
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes messageCallBack_hide {
    0% {
        opacity: 1;
        display: -ms-flexbox;
        display: flex
    }

    99% {
        display: -ms-flexbox;
        display: flex;
        opacity: 0
    }

    100% {
        display: none;
        opacity: 0
    }
}

@media (max-width: 1500px) {
    main {
        width:calc(100% - 240px);
        max-width: calc(100% - 240px)
    }

    .Banner .bannerSloganBox {
        font-size: 55px
    }

    .p_titlebox .sec-title {
        font-size: 75px
    }

    .p_titlebox .sec-subtitle {
        font-size: 33px
    }

    .side__link_box {
        transform: scale(0.8);
        transform-origin: right
    }

    .seasonSection .seasonFlexBox .descriptionBox .title {
        font-size: 40px;
        margin-bottom: 10px
    }

    .seasonSection .seasonFlexBox .descriptionBox p {
        font-size: 27px;
        line-height: 165%
    }

    .seasonSection .seasonFlexBox .galleryBox {
        min-height: 0
    }

    .seasonSection .seasonFlexBox>div {
        padding: 30px 13px
    }

    .p_titlebox {
        padding-bottom: 26px
    }

    .p_titlebox p.des {
        padding: 30px 90px;
        font-size: 27px;
        line-height: 165%
    }

    .p_titlebox p.des2 {
        font-size: 27px;
        line-height: 165%
    }

    .p_titlebox p.des2.small1 {
        font-size: 21px;
        line-height: 200%
    }

    .p_titlebox p.des2.des3 {
        font-size: 27px;
        line-height: 165%
    }

    .designerPhotoBox {
        width: auto;
        margin: 0 30px;
        margin-bottom: 15px
    }

    .designerPhotoBox .sloganbox {
        padding: 0 54px;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .designerPhotoBox.wan .sloganbox .p_titlebox .sec-title.wrap>span {
        padding: 10px 0
    }

    .indoorSection {
        padding-top: 150px
    }

    .structureContainer .top .flexBox .desBox h2 {
        font-size: 40px
    }

    .structureContainer .top .flexBox .desBox p {
        line-height: 165%;
        font-size: 27px
    }

    .reservationFormBox {
        padding-left: 100px;
        padding-right: 90px;
        padding-bottom: 50px
    }

    .reservationFormBox .title {
        font-size: 34px
    }

    .wanSection:before {
        background-size: 170%
    }
}

@media (max-width: 1200px) {
    main {
        width:calc(100% - 150px);
        max-width: calc(100% - 150px)
    }

    .Banner .bannerSloganBox {
        font-size: 44px
    }

    .reservationSection .p_titlebox .sec-title {
        margin-bottom: 28px
    }

    .reservationSection form {
        padding-top: 30px
    }

    .floorPlanFlexBox {
        padding: 0px 6%
    }

    .floorPlanFlexBox .descriptionBox .main {
        font-size: 40px;
        margin-bottom: 15px
    }

    .floorPlanFlexBox .descriptionBox .sub {
        font-size: 26px
    }

    .wanSection:before {
        background-size: 216%
    }
}

@media (max-width: 991px) {
    .Banner .bannerSloganBox {
        font-size:39px
    }

    .Banner .bannerSloganBox .t2 {
        top: 16%;
        left: 9.5%;
        margin-top: 48px;
        margin-left: 40px
    }

    .mainContent {
        min-height: 0;
        -ms-flex-direction: column;
        flex-direction: column
    }

    main {
        width: 100%;
        max-width: 100%;
        padding-bottom: 80px
    }

    .Banner {
        height: calc(100vh - 80px);
        margin-top: 93px
    }

    .Banner .Banner_inner,.Banner .owl-carousel,.Banner .owl-stage-outer,.Banner .owl-stage,.Banner .owl-item,.Banner .item {
        height: 100% !important
    }

    .Banner .item {
        position: relative
    }

    .Banner .owl-carousel .owl-item {
        overflow: hidden
    }

    .Banner .owl-carousel .owl-item .female img {
        transform: translate(-66%, 0px)
    }

    .Banner .owl-carousel .owl-item img {
        width: auto;
        height: 100%;
        max-width: none;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0px)
    }

    body.float-bar-fixed .menufloat.fbf-right-bottom {
        top: auto;
        right: auto;
        left: 50%;
        transform: translate(0%, 0);
        bottom: 0;
        width: 100%;
        margin-bottom: 0
    }

    .menufloat.active[class*="fbf-right-bottom"] {
        animation-name: floatshow_bottom !important
    }

    .side__link_box {
        width: 100%;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        transform: none;
        transform-origin: left;
        padding-top: 6px;
        padding-bottom: 5px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px
    }

    .side__link_box>a {
        margin: 0px 0
    }

    .side__link_box .btn-reservation .text {
        font-size: 19px;
        width: 67px;
        height: 67px
    }

    .locationWrap .tag {
        transform: scale(0.7);
        transform-origin: center top
    }

    section .contentBox1 {
        padding: 0;
        padding-top: 20px
    }

    .p_titlebox {
        padding-bottom: 15px
    }

    .p_titlebox .sec-title {
        font-size: 68px
    }

    .p_titlebox .sec-subtitle {
        font-size: 29px
    }

    .p_titlebox p.des {
        padding: 24px 50px;
        font-size: 23px;
        line-height: 155%
    }

    .p_titlebox p.des3 {
        font-size: 26px;
        line-height: 165%
    }

    .seasonSection {
        padding: 30px 40px
    }

    .seasonSection .seasonFlexBox>div {
        padding: 20px 13px
    }

    .seasonSection .seasonFlexBox .descriptionBox .title {
        font-size: 34px;
        margin-bottom: 10px
    }

    .seasonSection .seasonFlexBox .descriptionBox p {
        font-size: 22px;
        line-height: 155%
    }

    .departmentstoreSection {
        padding-top: 0
    }

    .designerPhotoBox .sloganbox {
        padding: 0 30px
    }

    .designerPhotoBox.wan {
        margin-bottom: 50px
    }

    .designerPhotoBox.wan .sloganbox .p_titlebox .sec-title {
        font-size: 62px
    }

    .marklinSection {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .marklinSection .designName {
        left: 20px;
        bottom: 20px;
        font-size: 26px
    }

    .wanSection .p_titlebox p.des3 {
        padding: 0 50px
    }

    .wanSection .designName {
        left: 25px;
        top: 36px;
        font-size: 26px;
        width: 40px
    }

    .wanGalleryContainer {
        padding-left: 25px;
        padding-right: 25px
    }

    .wanGalleryContainer>.halfWrap {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .wrap_realA2 {
        bottom: 20px;
        margin-top: -120px
    }

    .wrap_realB2 {
        bottom: 20px;
        margin-top: -120px
    }

    .indoorSection {
        padding-top: 50px
    }

    .hardwareSection .p_titlebox .sec-subtitle::before {
        left: 100px;
        right: 100px
    }

    .structureContainer {
        padding: 0 50px
    }

    .structureContainer .top .flexBox .desBox h2 {
        font-size: 32px
    }

    .structureContainer .top .flexBox .desBox p {
        line-height: 165%;
        font-size: 22px
    }

    .structureContainer .bottom .desBox h2 {
        font-size: 38px
    }

    .structureContainer .bottom .desBox p {
        font-size: 24px;
        padding: 0px 55px;
        padding-bottom: 50px
    }

    .reservationSection {
        padding-bottom: 50px
    }

    .reservationSection .p_titlebox .sec-subtitle {
        font-size: 29px
    }

    .reservationFormBox {
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 40px
    }

    .reservationFormBox .title {
        font-size: 29px
    }

    .reservationFormBox input {
        font-size: 29px;
        height: 60px
    }

    .Banner .owl-carousel.owl-theme .owl-dots {
        bottom: 100px
    }
}

@media (max-width: 769px) {
    .videoSection {
        padding-top:18px;
        padding-bottom: 12px
    }

    .locationContainer {
        overflow: auto
    }

    .locationContainer::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none
    }

    .locationWrap {
        width: 793px;
        height: 400px
    }

    .locationWrap img {
        position: absolute;
        height: 100%
    }

    .p_titlebox {
        padding: 0 0
    }

    .p_titlebox.wan br {
        display: block
    }

    .p_titlebox.wan .sec-title {
        margin-bottom: 0
    }

    .p_titlebox.wan .sec-title>span {
        padding: 0
    }

    .p_titlebox .sec-title {
        font-size: 38px;
        margin: 0 -10px;
        margin-bottom: 14px
    }

    .p_titlebox .sec-title>span {
        padding: 0 10px
    }

    .p_titlebox .sec-subtitle {
        font-size: 24px;
        padding: 0 0;
        margin: 0 0
    }

    .p_titlebox .sec-subtitle.kingt {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: -7px 0
    }

    .p_titlebox .sec-subtitle.kingt>span {
        padding: 7px 0
    }

    .p_titlebox .sec-subtitle>span {
        padding: 0 0
    }

    .p_titlebox p.des {
        padding: 15px 23px;
        font-size: 18px;
        line-height: 180%
    }

    .p_titlebox p.des2 {
        padding: 0px 0px;
        font-size: 18px;
        line-height: 175%
    }

    .p_titlebox p.des2.small1 {
        font-size: 18px;
        line-height: 175%
    }

    .locationWrap .tag.t1 {
        left: 0.5%;
        top: 26%
    }

    .locationWrap .tag.t3 {
        left: 42%;
        top: 20%
    }

    .locationWrap .tag.t2 {
        left: 13%;
        top: 17%
    }

    .locationWrap .tag.t4 {
        top: 4.6%
    }

    .locationWrap .tag.t5 {
        top: 4.6%
    }

    .seasonSection {
        padding: 12px 25px
    }

    .seasonSection .seasonFlexBox {
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0
    }

    .seasonSection .seasonFlexBox.reverse {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 28px
    }

    .seasonSection .seasonFlexBox>div {
        padding: 0;
        width: 100%
    }

    .seasonSection .seasonFlexBox .galleryBox {
        margin-bottom: 20px
    }

    .seasonSection .seasonFlexBox .descriptionBox .title {
        font-size: 28px
    }

    .seasonSection .seasonFlexBox .descriptionBox p {
        font-size: 18px;
        line-height: 180%
    }

    .departmentstoreSection {
        padding-top: 38px
    }

    .owl-carousel.owl-theme .owl-dots {
        bottom: 15px
    }

    .owl-carousel.owl-theme .owl-dots>.owl-dot>span {
        width: 15px;
        height: 15px;
        margin: 0px 6px
    }

    .owl-carousel.owl-theme .owl-nav>.owl-prev {
        transform: none !important;
        opacity: 1 !important
    }

    .owl-carousel.owl-theme .owl-nav>.owl-next {
        transform: rotate(180deg) !important;
        opacity: 1 !important
    }

    .owl-carousel#owlcarousel6.owl-theme .owl-nav>.owl-prev {
        transform: rotate(180deg) !important;
        opacity: 1 !important
    }

    .owl-carousel#owlcarousel6.owl-theme .owl-nav>.owl-next {
        transform: none !important;
        opacity: 1 !important
    }

    .designerPhotoBox {
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0;
        margin-bottom: 42px
    }

    .designerPhotoBox .sloganbox {
        padding-bottom: 20px
    }

    .designerPhotoBox .sloganbox .sec-title {
        margin-top: 30px;
        margin-bottom: 24px
    }

    .designerPhotoBox.wan {
        margin-bottom: 14px
    }

    .designerPhotoBox.wan .sloganbox {
        padding-top: 18px;
        padding-bottom: 18px
    }

    .designerPhotoBox.wan .sloganbox .p_titlebox .sec-title {
        font-size: 24px;
        text-align: center;
        margin: -9px 0
    }

    .designerPhotoBox.wan .sloganbox .p_titlebox .sec-title.wrap>span {
        padding: 9px 0
    }

    .marklinSection {
        padding-top: 14px;
        padding-left: 23px;
        padding-right: 23px;
        padding-bottom: 0px
    }

    .marklinSection .designName {
        left: 25px;
        bottom: 20px;
        font-size: 22px
    }

    .marklinSection .designerPhotoBox .p_titlebox .sec-subtitle {
        font-size: 18px;
        font-weight: 200
    }

    .marklinSection .designerPhotoBox .p_titlebox .sec-subtitle.wrap>span {
        padding: 6px 0
    }

    .marklinSection .p_titlebox .subParaSection {
        border-top: 1px solid #2b878e;
        margin-top: 16px;
        padding-top: 20px
    }

    .marklinSection .p_titlebox .subParaSection .sec-subtitle {
        text-align: left;
        font-size: 37px;
        font-weight: 500;
        color: #393a3a
    }

    #owlcarousel5 {
        margin: 0 -25px;
        width: auto;
        margin-top: 13px;
        margin-bottom: 22px
    }

    .kingFlexBox {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 0px
    }

    .kingFlexBox .left {
        width: 100%
    }

    .kingFlexBox .right {
        -ms-flex: none;
        flex: none
    }

    .kingFlexBox .imgbox {
        margin: 0 -25px
    }

    .kingFlexBox .imgbox.kingImg2 {
        display: block
    }

    .kingFlexBox .imgbox.kingImg1 {
        display: none
    }

    .p_titlebox.kingt {
        margin-bottom: 20px
    }

    .p_titlebox.kingt2 {
        padding: 15px 0
    }

    .balckopacity {
        background-color: rgba(0,0,0,0.5);
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .balckopacity p.small2 {
        padding-bottom: 0 !important;
        padding-top: 10px !important;
        font-size: 14px
    }

    .balckopacity p.des3 {
        padding: 0 0px !important;
        font-size: 16px
    }

    .wanSection {
        padding-top: 24px;
        padding-left: 25px;
        padding-right: 25px
    }

    .wanSection .designName {
        left: 14px;
        top: 27px;
        font-size: 20px;
        width: 23px;
        font-weight: 200
    }

    .wanGalleryContainer {
        padding: 0
    }

    .wanGalleryContainer .halfWrap {
        margin: -4px
    }

    .wanGalleryContainer .halfWrap>div {
        padding: 4px
    }

    .wanGalleryContainer>.halfWrap>.imgBoxOuter {
        width: 100%
    }

    .wanGalleryContainer>.halfWrap .halfWrap {
        width: calc(100% + 4px);
        margin: 0;
        margin-left: -2px
    }

    .wanGalleryContainer>.halfWrap .halfWrap>div {
        padding: 2px
    }

    .floorPlanFlexBox {
        padding: 0px 0%;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .floorPlanFlexBox .imgBox {
        padding: 0 80px
    }

    .floorPlanFlexBox .descriptionBox {
        padding-top: 60px
    }

    .floorPlanFlexBox .descriptionBox .main {
        font-size: 45px
    }

    .floorPlanFlexBox .descriptionBox .sub {
        font-size: 30px
    }

    .owl-carousel#owlcarousel6.owl-theme .owl-dots {
        padding-top: 40px;
        padding-bottom: 10px
    }

    .wrap_realA2,.wrap_realB2 {
        bottom: 0px;
        margin-top: 0px;
        background-color: #000000
    }

    .wrap_realA2 .titleBox,.wrap_realB2 .titleBox {
        position: absolute;
        left: 50%;
        bottom: 100%;
        font-size: 20px;
        transform: translate(-50%, 0px);
        white-space: nowrap;
        margin-bottom: 10px
    }

    .wrap_realA2 .titleBox:after,.wrap_realB2 .titleBox:after {
        left: -10px;
        right: -10px
    }

    .wrap_realA2 .contentBox,.wrap_realB2 .contentBox {
        padding-right: 0;
        padding-left: 0;
        padding-top: 13px;
        padding-bottom: 13px
    }

    .hardwareSection {
        padding-top: 25px
    }

    .hardwareSection .p_titlebox p.des {
        padding: 10px 20px 0 20px
    }

    .hardwareSection .p_titlebox .sec-subtitle {
        margin-top: 17px;
        padding-top: 0;
        padding-left: 25px;
        padding-right: 25px;
        font-size: 27px
    }

    .hardwareSection .p_titlebox .sec-subtitle:before {
        display: none
    }

    .waterBackgroundBox {
        margin-top: 2%
    }

    .waterBackgroundBox img.p23-5 {
        z-index: 5;
        transform: translate(-34%, 0);
        top: 4%;
        width: 50%
    }

    .waterBackgroundBox img.p23-6 {
        width: 120%;
        max-width: none;
        left: 50%;
        transform: translate(-50%, 0px);
        position: relative;
        z-index: 0
    }

    .structureContainer {
        padding: 0 0px;
        margin-top: -13%
    }

    .structureContainer .top {
        padding: 28px 25px 40px 25px
    }

    .structureContainer .top .flexBox,.structureContainer .top .flexBox.reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin: 0 0
    }

    .structureContainer .top .flexBox>div,.structureContainer .top .flexBox.reverse>div {
        width: 100%;
        padding: 0 0
    }

    .structureContainer .top .flexBox .imgBox {
        padding: 20px 0
    }

    .structureContainer .top .flexBox .desBox h2 {
        font-size: 25px
    }

    .structureContainer .top .flexBox .desBox p {
        line-height: 185%;
        font-size: 18px
    }

    .structureContainer .bottom {
        padding-bottom: 40px
    }

    .structureContainer .bottom .desBox {
        text-align: left;
        color: #ffffff;
        margin-top: 0;
        padding: 0 28px
    }

    .structureContainer .bottom .desBox h2 {
        font-size: 27px
    }

    .structureContainer .bottom .desBox p {
        font-size: 18px;
        padding: 0px 0px
    }

    .reservationSection .p_titlebox .sec-title {
        font-size: 61px;
        margin-bottom: 24px
    }

    .reservationSection .p_titlebox .sec-subtitle {
        font-size: 27px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .reservationFormBox {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px;
        margin-bottom: -23px
    }

    .reservationFormBox textarea {
        min-height: 150px
    }

    .reservationFormBox textarea,.reservationFormBox input {
        padding-left: 0;
        font-size: 21px;
        padding-bottom: 5px
    }

    .reservationFormBox .title {
        font-size: 21px;
        margin-bottom: 0px
    }

    .reservationFormBox form {
        padding-top: 36px
    }

    .messageCallBackContainer .msgBox {
        padding: 30px 15px;
        font-size: 20px
    }

    .messageCallBackContainer .msgBox:after {
        width: 15px;
        height: 15px
    }

    .ssLeft {
        margin-left: -7px !important
    }

    .ssRight {
        margin-right: -7px !important
    }
}

@media (max-width: 481px) {
    .floorPlanFlexBox .descriptionBox .main {
        font-size:36px
    }

    .floorPlanFlexBox .descriptionBox .sub {
        font-size: 26px
    }
}

.ssLeft {
    margin-left: -15px
}

.ssRight {
    margin-right: -15px
}

.ttCenter {
    margin: 0 -9px
}

.imgloadedOuter {
    position: relative
}

.imgloadedOuter:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border: 2px solid #d01774;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    animation: imgloadingCircle 1s cubic-bezier(0.75, 0.16, 0.74, 0.54) infinite;
    animation-fill-mode: forwards;
    animation-direction: alternate;
    z-index: 0
}

.imgloadedOuter img {
    opacity: 0;
    transition: opacity 0.3s ease-in-out
}

.imgloaded.imgloadedend:before {
    animation-play-state: paused
}

.imgloaded.imgloadedend img {
    opacity: 1
}

@keyframes imgloadingCircle {
    0% {
        transform: scale(0.7)
    }

    100% {
        transform: scale(1.3)
    }
}

body.loading-finished #navigation ul>li {
    opacity: 1;
    transform: none
}

body.loading-finished #navigation ul>li:nth-child(1) {
    transition-delay: .8s
}

body.loading-finished #navigation ul>li:nth-child(2) {
    transition-delay: .85s
}

body.loading-finished #navigation ul>li:nth-child(3) {
    transition-delay: .9s
}

body.loading-finished #navigation ul>li:nth-child(4) {
    transition-delay: .95s
}

body.loading-finished #navigation ul>li:nth-child(5) {
    transition-delay: 1s
}

body.loading-finished #navigation ul>li:nth-child(6) {
    transition-delay: 1.05s
}

body.loading-finished #navigation ul>li:nth-child(7) {
    transition-delay: 1.1s
}

body.loading-finished #navigation ul>li:nth-child(8) {
    transition-delay: 1.15s
}

body.loading-finished #navigation ul>li:nth-child(9) {
    transition-delay: 1.2s
}

body.loading-finished #navigation ul>li:nth-child(10) {
    transition-delay: 1.25s
}

body.hamburger-is-active {
    overflow: hidden
}

body.hamburger-is-active #navigation {
    overflow-y: auto
}

header {
    background-color: #d01774;
    width: 313px;
    max-width: 100%
}

.cls-1 {
    fill: #fff
}

.cls-2 {
    fill: #d01774
}

#logo {
    margin-top: 40px;
    margin-bottom: 65px
}

#logo img {
    width: 140px;
    max-width: 100%
}

#logo img.mobile {
    display: none
}

.headerFlexBox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px
}

.headerFlexBox.sticky {
    position: fixed;
    top: 0;
    overflow-y: auto;
    height: 100%
}

.headerFlexBox.sticky::-webkit-scrollbar {
    width: 8px
}

.headerFlexBox.sticky::-webkit-scrollbar-thumb {
    background: #e6519c
}

.headerFlexBox.sticky::-webkit-scrollbar-thumb:hover {
    background: #b1286d
}

#navigation {
    position: relative
}

#navigation .logoInfoContainer {
    display: none
}

#navigation .navInner {
    width: 100%
}

#navigation .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #d01774;
    z-index: 0
}

#navigation ul {
    position: relative;
    margin: -15px 0;
    z-index: 2
}

#navigation ul>li {
    transition: all 1.3s cubic-bezier(0.32, 0.52, 0, 0.86);
    opacity: 0;
    transform: translate(0, 30%);
    padding: 15px 0
}

#navigation ul>li>a {
    font-size: 30px;
    font-weight: 300;
    padding-bottom: 8px;
    color: #ffffff;
    transition: all 0.5s cubic-bezier(0.37, 0.38, 0, 0.94);
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex
}

#navigation ul>li>a:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 3px;
    background-color: #fff;
    left: 0;
    right: 0;
    transition: all 0.5s cubic-bezier(0.37, 0.38, 0, 0.94);
    transform: translate(0, 10px);
    opacity: 0
}

#navigation ul>li>a .circle {
    position: absolute;
    right: 100%;
    bottom: 100%;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    margin-right: 3px;
    margin-bottom: -10px;
    transition: all 0.5s cubic-bezier(0.37, 0.38, 0, 0.94);
    transform-origin: right bottom
}

#navigation ul>li>a.active,#navigation ul>li>a:hover,#navigation ul>li>a:focus {
    font-weight: 600
}

#navigation ul>li>a.active:after,#navigation ul>li>a:hover:after,#navigation ul>li>a:focus:after {
    transform: none;
    opacity: 1
}

#navigation ul>li>a.active .circle,#navigation ul>li>a:hover .circle,#navigation ul>li>a:focus .circle {
    transform: scale(2.1)
}

#Burger {
    position: relative;
    z-index: 2;
    display: none
}

#Burger .icon {
    width: 50px;
    height: auto;
    margin: -5px 0;
    transition: all 0.3s cubic-bezier(0.32, 0.52, 0, 0.86)
}

#Burger .icon>span {
    background-color: #ffffff;
    width: 100%;
    height: 4px;
    margin: 5px 0;
    display: block;
    transition: all 0.3s cubic-bezier(0.32, 0.52, 0, 0.86)
}

@media (max-width: 1500px) {
    header {
        width:240px
    }

    #navigation ul>li>a {
        font-size: 30px
    }
}

@media (max-width: 1200px) {
    header {
        width:150px
    }

    #logo {
        margin-bottom: 50px;
        padding: 0 10px
    }

    #navigation ul>li>a {
        font-size: 24px
    }
}

@media (max-width: 991px) {
    header {
        width:100%;
        height: 93px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 98
    }

    .headerFlexBox {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 22px 0 15px
    }

    .headerFlexBox.sticky {
        width: 100% !important;
        position: relative;
        overflow-y: visible;
        height: auto
    }

    #navigation {
        background-color: #c00080;
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
        height: 100%;
        z-index: 99;
        display: none;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        transform: translate(0, 50px);
        opacity: 0;
        animation: navigation_show 1s cubic-bezier(0.32, 0.52, 0, 0.86) 1;
        animation-fill-mode: forwards
    }

    #navigation .logoInfoContainer {
        position: relative;
        z-index: 2;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 46px;
        width: 100%;
        padding: 0 22px
    }

    #navigation .logoInfoContainer.bt {
        margin-top: 40px
    }

    #navigation .logoInfoContainer .logoBox {
        padding-top: 12px;
        padding-bottom: 15px;
        text-align: center
    }

    #navigation .logoInfoContainer .logoBox img {
        width: 153px;
        display: block
    }

    #navigation .logoInfoContainer .locationBox {
        border-top: 1px solid #ffffff;
        padding-top: 18px;
        font-size: 19px;
        color: #00ffff;
        font-weight: 200;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        margin: -6px 0;
        width: 100%
    }

    #navigation .logoInfoContainer .locationBox>div {
        padding: 6px 0
    }

    #navigation .bg {
        background-color: #c00080
    }

    #navigation .navWrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    #navigation .navWrap>ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }

    #navigation .navWrap>ul>li {
        width: 50%;
        text-align: center
    }

    #navigation .navWrap>ul>li>a {
        font-size: 27px
    }

    #logo {
        margin-top: 16px;
        margin-bottom: 16px;
        padding: 0 0
    }

    #logo img {
        width: 135px;
        max-width: 100%
    }

    #logo img.web {
        display: none
    }

    #logo img.mobile {
        display: block
    }

    #Burger {
        position: relative;
        display: block;
        z-index: 100;
        padding: 20px 2px
    }

    #Burger:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background-color: #ffffff;
        transition: all 0.3s cubic-bezier(0.32, 0.52, 0, 0.86);
        transform: scaleY(0);
        transform-origin: center bottom;
        z-index: -1
    }

    body.hamburger-is-active #navigation {
        display: -ms-flexbox;
        display: flex
    }

    body.hamburger-is-active #Burger:after {
        transform: scaleY(1)
    }

    body.hamburger-is-active #Burger .icon>span {
        transition-delay: .15s;
        border-radius: 5px
    }

    body.hamburger-is-active #Burger .icon>span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6px) scaleX(1.1);
        background-color: #C00080
    }

    body.hamburger-is-active #Burger .icon>span:nth-child(2) {
        transform: translate(43%, 0) scaleX(0)
    }

    body.hamburger-is-active #Burger .icon>span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -7px) scaleX(1.1);
        background-color: #C00080
    }
}

@keyframes navigation_show {
    0% {
        opacity: 0;
        display: none;
        transform: translate(0, 50px)
    }

    1% {
        display: -ms-flexbox;
        display: flex;
        opacity: 0;
        transform: translate(0, 50px)
    }

    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}

@supports (-ms-flow-from: thingy) {
    .myclass {
        -ms-flex-pack:distribute;
        justify-content: space-around
    }
}

footer {
    background-color: #e62488;
    padding: 97px 155px 64px 67px
}

.footerContainer {
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 50px
}

.footerContainer .left {
    padding-right: 45px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footerContainer .left .logoBox {
    margin-bottom: 30px;
    padding-top: 15px
}

.footerContainer .left .logoBox img {
    width: 160px;
    display: inline-block
}

.footerContainer .right {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.footerContainer .right .mapBox .fbInfoImgBox {
    margin-bottom: 25px
}

.footerContainer .right .mapBox .fbInfoImgBox img {
    width: 617px;
    border-radius: 10px;
    display: block
}

.footerText1,.footerText2 {
    color: #00ffff;
    font-weight: 200
}

.footerText1 {
    font-size: 31px
}

.footerText2 {
    font-size: 26px
}

.obox {
    margin: -12px 0
}

.obox>li {
    padding: 12px 0
}

.obox.t2 {
    padding-top: 50px;
    padding-bottom: 50px
}

#NearLocation1 {
    margin-bottom: 36px
}

#NearLocation2 {
    margin-bottom: 27px
}

.otherInfoList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px -10px
}

.otherInfoList>li {
    padding: 15px 10px
}

@media (max-width: 1500px) {
    .footerContainer .left .logoBox img {
        width:140px
    }
}

@media (max-width: 1200px) {
    footer {
        padding:70px 90px 64px 67px
    }

    .footerContainer .left .logoBox img {
        width: 115px
    }

    #NearLocation1 {
        margin-bottom: 20px
    }

    .footerText1 {
        font-size: 26px
    }

    .footerText2 {
        font-size: 22px
    }

    .obox.t2 {
        padding-top: 36px
    }
}

@media (max-width: 769px) {
    footer {
        padding:30px 20px 64px 20px
    }

    .footerContainer {
        padding-bottom: 20px;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footerContainer .left {
        padding-right: 0
    }

    .footerContainer .left .logoBox img {
        width: 160px
    }

    .footerContainer .right .mapBox {
        margin-top: 10px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .footerContainer .right .mapBox .fbInfoImgBox {
        margin-bottom: 0
    }

    .footerContainer .right .mapBox .gmapBox {
        margin: 0 -20px 20px -20px
    }

    .footerText1 {
        font-size: 30px
    }

    .footerText2 {
        font-size: 25px
    }

    #NearLocation2 {
        display: none
    }

    .otherInfoList>li {
        font-size: 18px
    }

    #NearLocation1 {
        margin-bottom: 15px
    }

    .obox.t2 {
        padding-top: 50px
    }
}

/*# sourceMappingURL=screen.prefixer.css.map */