.open-live-account-continue{width: 100%;}
.open-live-account h3{text-align: center;color: var(--v-black);font-size: var(--fs-32);font-weight: 600;margin-bottom: 32px;}
.open-live-account h1{text-align: center;color: var(--v-black);font-size: var(--fs-32);font-weight: 600;margin-bottom: 32px;}
.open-live-account .form-body .form-element{margin-bottom: 16px;position: relative;}
.open-live-account .form-body .form-element .input-container {position: relative;}
.open-live-account .form-body .form-element .input-container .remind{display: none;}
.open-live-account .form-body .form-element .input-container .remind{color: var(--v-black);font-size: var(--fs-14);}
.open-live-account .form-body .form-element .country-code{display: none;border-radius: 8px;overflow: hidden;padding: 12px;height: 309px;position: absolute;top: 62px;width: 100%;box-shadow: 0px 10px 14px #0000005E;background-color: var(--v-white);z-index: 999;}
.open-live-account .form-body .form-element .country-code #country-search{width: 100%;height: 44px;border: none;outline: none;padding-right: 42px;border-radius: 4px;margin-bottom: 12px;background-color: var(--v-grey-light2);padding-left: 12px;position: relative;}
.open-live-account .form-body .form-element .country-code #country-search:hover{background-color: #ECECEC;}
.open-live-account .form-body .form-element .country-code #country-search:focus{border-radius: 4px 4px 0px 0px;}
.open-live-account .form-body .form-element .country-code #country-search:focus ~ .country-search-bottom{width: calc(100% - 24px);}
.open-live-account .form-body .form-element .country-code .country-search-bottom{display: block;width: 0;height: 1px;transition: all 0.4s;background-color: var(--v-orange);position: absolute;top: 56px;left: 12px;} 
.open-live-account .form-body .form-element .country-code .search-icon{position: absolute;top: 16px;right: 24px;display: flex;justify-content: space-around;align-items: center;width: 36px;height: 36px;}
.open-live-account .form-body .form-element .country-code .search-icon img{z-index: 9;position: relative;transform: translate(-1px, -1px);}
.open-live-account .form-body .form-element .country-code .search-icon::after{z-index: 1;content: '';display: block;position: absolute;width: 0px;height: 0px;background: var(--v-grey-light4);border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: all 0.3s;}
.open-live-account .form-body .form-element .country-code .search-icon:hover:after{width: 36px;height: 36px;opacity: 1;}
.open-live-account .form-body .form-element .country-code .results{height: 229px;overflow-y: scroll;padding-bottom: 10px;}
.open-live-account .form-body .form-element .country-code .results::-webkit-scrollbar-thumb{background-color: rgba(227, 87, 40, 1);width: 4px;}
.open-live-account .form-body .form-element .country-code .results::-webkit-scrollbar-button{display: none;}
.open-live-account .form-body .form-element .country-code .results::-webkit-scrollbar-track{display: none;}
.open-live-account .form-body .form-element .country-code .results .results-option{padding-left: 8px;cursor: pointer;font-size: var(--fs-16);color: var(--v-black);height: 35px;line-height: 35px;white-space: nowrap;}
.open-live-account .form-body .form-element .country-code .results .results-option:hover{background-color: var(--v-grey-light1);}
.open-live-account .form-body .form-element .country-code .results .results-option.active{background-color: var(--v-grey-light1);}
.open-live-account .form-body .form-element .country-code .no-data{display: none;position: absolute;top: 70px;left: 50%;transform: translateX(-50%);color: var(--v-grey-dark);}

.open-live-account .form-body .form-element .input-label{position: absolute;top: 18px;left: 15px;transition: all .2s linear;z-index: 9;pointer-events:none;}
.open-live-account .form-body .form-element .input-label sup{color: var(--v-red-dark);font-size: 18px;display: inline-block;transform: translateY(10px) translateX(2px);}
.open-live-account .form-body .form-element .input-container input{width: 100%;height: 61px;font-size: 16px;border: none;outline: none;border-radius: 8px;background-color: var(--v-grey-light2);padding-left: 15px;padding-top: 17px;transition: all .2s linear;padding-right: 64px;}
.open-live-account .form-body .form-element .input-container input:focus::-webkit-contacts-auto-fill-button{opacity: 0;}
.open-live-account .form-body .form-element .input-container input::-webkit-credentials-auto-fill-button {display: none !important;visibility: hidden;pointer-events: none;position: absolute; right: 0;}
.open-live-account .form-body .form-element .input-container input:hover{background-color: #ECECEC;}
.open-live-account .form-body .form-element .input-container input#password{padding-right: 88px;}
.open-live-account .form-body .form-element .input-container::after{content: '';display: block;width: 0;height: 1px;transition: all 0.4s;background-color: var(--v-orange);position: absolute;top: 61px;left: 0px;}
.open-live-account .form-body .form-element.province{display: none;}
.open-live-account .form-body .form-element .province-code{display: none;border-radius: 8px;overflow: hidden;padding: 12px;height: 309px;position: absolute;top: 62px;width: 100%;box-shadow: 0px 10px 14px #0000005E;background-color: var(--v-white);z-index: 999;}
.open-live-account .form-body .form-element .province-code .province-results{height: 305px;overflow-y: scroll;padding-bottom: 20px;}
.open-live-account .form-body .form-element .province-code .province-results::-webkit-scrollbar-thumb{background-color: rgba(227, 87, 40, 1);width: 4px;}
.open-live-account .form-body .form-element .province-code .province-results .province-results-option{padding-left: 8px;cursor: pointer;font-size: var(--fs-16);color: var(--v-black);height: 35px;line-height: 35px;}
.open-live-account .form-body .form-element .province-code .province-results .province-results-option:hover{background-color: var(--v-grey-light1);}
.open-live-account .form-body .form-element .province-code .province-results .province-results-option.active{background-color: var(--v-grey-light1);}

.open-live-account .form-body .form-element .search-icon{position: absolute;top: 16px;right: 24px;display: flex;justify-content: space-around;align-items: center;width: 36px;height: 36px;}
.open-live-account .form-body .form-element .search-icon img{z-index: 9;position: relative;transform: translate(-1px, -1px);}
.open-live-account .form-body .form-element .search-icon::after{z-index: 1;content: '';display: block;position: absolute;width: 0px;height: 0px;background: var(--v-grey-light4);border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: all 0.3s;}
.open-live-account .form-body .form-element .search-icon:hover:after{width: 36px;height: 36px;opacity: 1;}


.open-live-account .form-body .phoneAndcode{display: flex;justify-content: space-between;}
.open-live-account .form-body .form-element.phoneCode{width: 34%;}
.open-live-account .form-body .form-element.phone{width: 65%;}

.open-live-account .form-body .form-element .phone-code{display: none;border-radius: 8px;overflow: hidden;padding: 12px;height: 306px;position: absolute;top: 62px;width: 204px;box-shadow: 0px 10px 14px #0000005E;background-color: var(--v-white);z-index: 999;}
.open-live-account .form-body .form-element .phone-code .phoneCode-results{height: 240px;overflow-y: scroll;padding-bottom: 20px;}
.open-live-account .form-body .form-element .phone-code .phoneCode-results::-webkit-scrollbar-thumb{background-color: rgba(227, 87, 40, 1);width: 4px;}
.open-live-account .form-body .form-element .phone-code .phoneCode-results .phoneCode-results-option{padding-left: 8px;cursor: pointer;font-size: var(--fs-16);color: var(--v-black);min-height: 35px;display: flex;align-items: center;}
.open-live-account .form-body .form-element .phone-code .phoneCode-results .phoneCode-results-option span:nth-of-type(1){margin-right: 10px;color: var(--v-black);}
.open-live-account .form-body .form-element .phone-code .phoneCode-results .phoneCode-results-option span:nth-of-type(2){color:var(--v-grey);}
.open-live-account .form-body .form-element .phone-code .phoneCode-results .phoneCode-results-option:hover{background-color: var(--v-grey-light1);}
.open-live-account .form-body .form-element .phone-code .phoneCode-results .phoneCode-results-option.active{background-color: var(--v-grey-light1);}
.open-live-account .form-body .form-element .phone-code #phoneCode-search{width: 100%;height: 44px;border: none;outline: none;padding-right: 42px;border-radius: 4px;margin-bottom: 12px;background-color: var(--v-grey-light2);padding-left: 12px;}
.open-live-account .form-body .form-element .phone-code #phoneCode-search:hover{background-color: #ECECEC;}
.open-live-account .form-body .form-element .phone-code #phoneCode-search:focus{border-radius: 4px 4px 0px 0px;}
.open-live-account .form-body .form-element .phone-code #phoneCode-search:focus ~ .phoneCode-search-bottom{width: calc(100% - 24px);}
.open-live-account .form-body .form-element .phone-code .phoneCode-search-bottom{display: block;width: 0;height: 1px;transition: all 0.4s;background-color: var(--v-orange);position: absolute;top: 56px;left: 12px;} 


.open-live-account .form-body .email-verification{display: flex;justify-content: space-between;align-content: center;}
.open-live-account .form-body .email-verification .captcha{width: calc(100% - 112px);;margin-right: 6px;}
.open-live-account .form-body .email-verification .captcha .captcha-error{display: none;color: #a71e00;font-size: var(--fs-14);}
.open-live-account .form-body .email-verification #getVerifyCode{font-size: var(--fs-16);width: 100px;min-width: 100px;height: 61px;border-radius: 8px;text-align: center;line-height: 61px;color: #f8f8f9;background: var(--v-orange);cursor: pointer;border: none;outline: none;font-weight: 400;margin-right: 5px;}
.open-live-account .form-body .email-verification #getVerifyCode:hover{background-color: var(--v-red-dark)}
.open-live-account .form-body .email-verification #getVerifyCode.timing{background-color: var(--v-grey-dark);color: var(--v-white);}
.open-live-account .form-body .choose-account-type{display: flex;width: fit-content;justify-content: space-between;margin-bottom: 16px;}
.open-live-account .form-body .choose-account-type div:nth-of-type(1){margin-right: 20px;}
.open-live-account .form-body .choose-account-type input{margin-right: 8px;}
.open-live-account .form-body .choose-account-type input:nth-of-type(2){margin-left: 20px;}
.open-live-account .form-body .choose-account-type input,.open-live-account .form-body .agreeConditionBox input{opacity: 0;width: 0px;height: 0px;appearance:auto;-webkit-appearance: auto;-moz-appearance: auto;}
.open-live-account .form-body .choose-account-type label{padding-left: 26px;position: relative;}
.open-live-account .form-body .choose-account-type label::before{content: '';width: 24px;height: 24px;border-radius: 12px;background-color: var(--v-grey-light1);position: absolute;left: -8px;top: 0px;z-index: 99;transition: all .1s linear;}
.open-live-account .form-body .choose-account-type label:hover:before{background-color: #DDDEE2;}
.open-live-account .form-body .choose-account-type input[type="radio"]:checked ~ label::before{content: url(/wp-content/themes/vantage-au/images/orange-dots.webp?v=4);background-color: var(--v-white);display: flex;justify-content: space-around;}
.open-live-account .form-body .agreeConditionBox{display: flex;align-items: flex-start;margin-bottom: 12px;flex-direction: column;}
.open-live-account .form-body .agreeConditionBox label{padding-left: 34px;position: relative;font-size: var(--fs-14);color: var(--v-black);}
.open-live-account .form-body .agreeConditionBox label a{text-decoration: underline;}
.open-live-account .form-body .agreeConditionBox label::before{content: '';width: 24px;height: 24px;border-radius: 3px;background-color: var(--v-grey-light1);position: absolute;left: 0px;top: -2px;z-index: 99;transition: all .2s linear;}
.open-live-account .form-body .agreeConditionBox label:hover:before{background-color: #DDDEE2;}
.open-live-account .form-body .agreeConditionBox input[type="checkbox"]:checked ~ label::before{content: url(/wp-content/themes/vantage-au/images/check-mark.svg?v=1);background-color: var(--v-orange);}
.open-live-account .form-body .agreeConditionBox.hasError .error{display: block;margin-bottom: 0px;}
.open-live-account .form-body #new-live{margin: 5px 0;text-align: center;width: 260px;}
.open-live-account .form-body #new-live #sub-open{border: none;outline: none;width: 100%;box-shadow: 0px 8px 30px #E3572880;height: 60px;font-size: var(--fs-16);}
.open-live-account .form-body #new-live #sub-open::after{content: '';display: block;width: 200%;height: 1000%;background-color: #d43d14;position: absolute;top: 540%;transform-origin: top right;transition: all .4s;z-index: -1;left: -80%;border-radius: 50%;transform: rotate(30deg);}
.open-live-account .form-body #new-live #sub-open:hover:after{transform: rotate(100deg) translateZ(0px);}
.open-live-account .form-body #new-live .error-info{display: none;}

.open-live-account .form-body .form-element .input-container .icons-box{display: flex;justify-content: flex-end;align-items: center;width: 56px;height: 26px;position: absolute;top: 16px;right: 16px;}
.open-live-account .form-body .form-element .input-container .error-icon{display: none;width: 26px;height: 26px;}
.open-live-account .form-body .form-element .input-container .del-icon{display: none;width: 26px;height: 26px;}
.open-live-account .form-body .form-element.password .input-container .icons-box,
.open-live-account .form-body .form-element.country .input-container .icons-box,
.open-live-account .form-body .form-element.province .input-container .icons-box{right: 35px;}
.open-live-account .form-body .form-element.country .arrow-down,
.open-live-account .form-body .form-element.province .arrow-down{position: absolute;top: 16px;right: 4px;pointer-events: none;}
.open-live-account .form-body .form-element .input-container #changePassword{position: absolute;right: 4px;top: 16px;width: 30px;height: 30px;display: flex;justify-content: space-around;align-items: center;}
.open-live-account .form-body .form-element .input-container #changePassword img{transition: all .15s linear;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

/* new */

.open-live-account .form-body .form-element .input-container .options{display: none;border-radius: 8px;overflow: hidden;padding: 12px;height: auto;position: absolute;top: 62px;width: 100%;box-shadow: 0px 10px 14px #0000005E;background-color: var(--v-white);z-index: 999;}
.open-live-account .form-body .form-element .input-container .options li{cursor: pointer;padding-left: 8px;cursor: pointer;font-size: var(--fs-16);color: var(--v-black);height: 35px;line-height: 35px;}
.open-live-account .form-body .form-element .input-container .options li.active,
.open-live-account .form-body .form-element .input-container .options li:hover{background-color: var(--v-grey-light1);}

.open-live-account .form-body .live-account-part-one{display: block;}
.open-live-account .form-body .live-account-part-tow{display: none;min-height: 540px;}

.open-live-account .form-body .form-bottom-box{display: flex;justify-content: space-between;align-items: center;}
.open-live-account .form-body .form-bottom-box p{margin-bottom: 0px;padding-left: 20px;color: #636363;cursor: pointer;text-decoration: underline;}
.open-live-account .form-body .form-bottom-box p:hover{color: var(--v-black);}


.open-live-account .form-body #next{border: none;outline: none;width: 100%;box-shadow: 0px 8px 30px #E3572880;height: 60px;font-size: var(--fs-16);}
.open-live-account .form-body #next::after{content: '';display: block;width: 200%;height: 1000%;background-color: #d43d14;position: absolute;top: 540%;transform-origin: top right;transition: all .4s;z-index: -1;left: -80%;border-radius: 50%;transform: rotate(30deg);}
.open-live-account .form-body #next:hover:after{transform: rotate(100deg) translateZ(0px);}
.open-live-account .form-body .live-account-part-one .sign-up-box{width: 100%;height: 19px;margin-bottom: 20px;margin-top: 20px;position: relative;display: flex;justify-content: space-around;align-items: center;}
.open-live-account .form-body .live-account-part-one .sign-up-box .border{width: 100%;height: 1px;background-color: var(--v-grey-light1);}
.open-live-account .form-body .live-account-part-one .sign-up-box p{color: var(--v-black);margin-bottom: 0px;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);background-color: var(--v-white);padding: 0px 10px;}
.open-live-account .form-body .form-element .arrow-down{position: absolute;top: 16px;right: 4px;pointer-events: none;}



.open-live-account .form-body .live-account-part-one .btn{cursor: pointer;padding: 20px 50px;width: 100%;font-size: 16px;background-color: var(--v-green-darker);height: 60px;border-radius: 30px;color: var(--v-white);text-align: center;text-decoration: none;position: relative;overflow: hidden;transition: all .2s linear;z-index: 1;display: flex;align-items: center;justify-content: space-around;font-weight: 500;margin-bottom: 10px;text-transform: uppercase;}
.open-live-account .form-body .live-account-part-one .btn#google{padding: 20px 150px;}
.open-live-account .form-body .live-account-part-one p#google{color: var(--v-black);background-color: var(--v-grey-light1);box-shadow: none;}
.open-live-account .form-body .live-account-part-one p#google img{margin-right: 12px;}


.live-one-button{padding: 5px 0;}

.open-live-account .form-body .form-new-text{font-size: var(--fs-14);margin-left: 5px;margin-top: -12px;}


/* input */
.open-live-account .form-body .hasInner .input-label,
.open-live-account .form-body .hasFouns .input-label{top: 11px;font-size: 12px;}
.open-live-account .form-body .hasInner .input-container .del-icon{display: block !important;}
.open-live-account .form-body .hasFouns .input-label{color:var(--v-orange);}
.open-live-account .form-body .hasFouns .input-container::after{width: 100%;}
.open-live-account .form-body .hasBorder .input-container input{background-color:var(--v-grey-light4);border-radius: 8px 8px 0px 0px;}
.open-live-account .form-body .hasError .input-container .error{display: block;}
.open-live-account .form-body .hasError .input-container .error-icon{display: block;}
.open-live-account .form-body .hasError .input-container input{background-color: rgba(167, 30, 0, .1);}
.open-live-account .form-body .hasError .input-label{color: #a71e00;}
.open-live-account .form-body .password .input-container .error span{display: block;}
.open-live-account .form-body .password .input-container .error span.conform{color: var(--v-green);}
.error{margin-bottom: 0px;}
#eyesClose{display: block;}
#eyesOpen{display: none;}
#hide-box{display: none;}
input[type="password"]::-ms-reveal{display: none;}
input[type="password"]::-ms-clear{display: none;}
input[type="password"]::-o-clear{display: none;}
.register-info{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6);display: none; justify-content: center; align-items: center;padding: 40px 20px;z-index: 10000;}
.register-info-box{font-size: 18px;color: #d72d2b;text-align: center;background-color: #fff;box-shadow: -1px 4px 15px 4px #2f2e2ead;border-radius: 30px;padding: 70px 50px 60px 50px;}
.register-info span{cursor: pointer;}

@media (max-width: 768px){
    .live-account-right .live-account-right-inner{padding: 0px 15px;}
    .open-live-account .form-body .email-verification .captcha{width: calc(100% - 96px);}
    .open-live-account .form-body .email-verification #getVerifyCode{margin-right: 0px;min-width: unset;}
    .open-live-account .form-body .live-account-part-one .btn#google{padding: 20px;display: flex;justify-content: center; align-items: center;}
}

@media (max-width: 510px){
    .open-live-account .form-body .form-element .input-container .icons-box{top: 18px;right: 6px;}
}

@media (max-width: 360px) {
    .open-live-account .form-body .email-verification .captcha label{top: 11px !important;font-size: 12px !important;}
}



/* loadimg */
.loadingImg{padding:274px 0px; display:none;}
.loadingImg img{ margin:0px auto; display: block;animation: rotate 2s infinite linear;-webkit-animation: rotate 2s infinite linear;}
.second-loading{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgb(0 0 0 / 40%);display: flex;justify-content: space-around;align-items: center;border-radius: 10px;z-index: 999;}
.second-loading .rotate {width: 137px;height: 137px;animation: rotate 5s infinite linear;margin:auto auto;}
.second-loading .rotate img {display: block;width: 100%;height: 100%;}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}