#SignUpCtrl #__asptrace { position: absolute; }

/*placeholder*/
#SignUpCtrl input::-webkit-input-placeholder { color: #aeaeae; font-style: normal; }
#SignUpCtrl input::-moz-placeholder { color: #aeaeae; font-style: normal; }
#SignUpCtrl input:-ms-input-placeholder { color: #aeaeae; font-style: normal; }
#SignUpCtrl input:-moz-placeholder { color: #aeaeae; font-style: normal; }

/*common ctrl*/
#SignUpCtrl .x-close-btn {right: 15px;top: 15px;width: 32px;height: 32px;z-index: 2;background: rgba(0, 0, 0, 1);border-radius: 50%;cursor: pointer;}
#SignUpCtrl .x-close-btn:before, #SignUpCtrl .x-close-btn:after { border-top: 1px solid rgba(255, 255, 255,0.8); width:17px; }
#SignUpCtrl .cont {width: 980px;height: 606px;text-align: center;position: relative;font-family: Roboto;color: #414141;border-radius: 24px;background-repeat: no-repeat;display: flex;flex-flow: column wrap;align-items: center;justify-content: center;background-position-x: right;}
#SignUpCtrl .cont.g1 {background-image: url(/gimages/signup/signup1_1.jpg);}
#SignUpCtrl .cont.g2 {background-image: url(/gimages/signup/signup1_2.jpg);}
#SignUpCtrl .cont.g3 {background-image: url(/gimages/signup/signup1_3.jpg);}
#SignUpCtrl .cont.av {background-image: url(/gimages/signup/signup1_av.jpg);}
#SignUpCtrl .cont.br {background-image: url(/gimages/signup/signup1_br.jpg);}

#SignUpCtrl .cont .cont-form{width: 538px;height: 606px;border-radius: 16px;background: #F6F6F6;}
#SignUpCtrl .cont .cont-form .main-title {color: #414141;text-align: center;font-size: 30px;font-weight: 300;width: 100%;line-height: 30px;margin-top: 20px;margin-bottom: 8px;}
#SignUpCtrl .cont .cont-form .bonus-title {color: #111F63;font-size: 36px;font-weight: 700;line-height: 36px;text-transform: uppercase;margin-bottom: 16px;}
#SignUpCtrl .cont .cont-form .providers {display: flex;justify-content: center;column-gap: 10px;height: 40px;flex-flow: row wrap;row-gap: 16px;}
#SignUpCtrl .cont .cont-form .horizontal-separator {background: #888;height: 1px;width: 374px;text-align: center;position: relative;}
#SignUpCtrl .cont .cont-form .horizontal-separator .or {position: absolute;top: -7px;background-color: #F6F6F6;left: calc(50% - 15px);width: 30px;color: #888;font-size: 12px;font-weight: 400;}
#SignUpCtrl .cont .cont-form .providers .x_id_signin {background-image: url(/gimages/signup/x-signin.png);border: 1px solid #dadce0;background-color: #fff;background-repeat: no-repeat;width: 184px;height: 40px;border-radius: 120px;background-position-y: center;background-position-x: 28px;box-sizing: border-box;-webkit-transition: background-color .218s, border-color .218s;transition: background-color .218s, border-color .218s;position: relative;}
#SignUpCtrl .cont .cont-form .providers .x_id_signin:hover .x_hover {display: block;}
#SignUpCtrl .cont .cont-form .providers .x_id_signin .x_hover {background-color: rgba(66, 133, 244, .04);border: 1px solid rgb(210, 227, 252);-webkit-box-shadow: none;box-shadow: none;outline: none;width: 184px;height: 40px;position: absolute;border-radius: 120px;display: none;box-sizing: border-box;top: -1px;left: -1px;}
#SignUpCtrl .cont .cont-form .providers .x_id_signin a {text-decoration: none;font-weight: 500;color: #3c4043;font-size: 14px;letter-spacing: 0.8px;line-height: 40px;display: inline-block;width: 125px;white-space: nowrap;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;padding-left: 58px;text-align: left;position: absolute;left: 0px;}

#SignUpCtrl .cont .cont-text {width: 442px;color: #FFF !important;text-align: center;opacity: 0.7;}
#SignUpCtrl .cont .cont-text .ttl {font-size: 20px;font-weight: 400;line-height: 30px;}
#SignUpCtrl .cont .cont-text .txt {font-size: 16px;font-weight: 300;line-height: 30px;}
#SignUpCtrl .cont .cont-text .txt.dbl {line-height: 16px;display: flex;align-items: center;margin: 0 auto;flex-flow: row;justify-content: center;margin-top: 6px;}
#SignUpCtrl .cont .cont-text .txt.dbl div:last-child, #SignUpCtrl .cont .cont-text .txt.dbl div:first-child {margin-left: 8px;margin-right: 6px;}

#SignUpCtrl .cont .cont-form .form {width: 374px;margin: 0 auto;margin-top: 28px;}
#SignUpCtrl .cont .field {color: #414141;height: 50px;/*margin-bottom: 5px;*/padding-bottom: 36px;position: relative;display: flex;box-sizing: content-box;}
#SignUpCtrl .cont .field .inputgroup {position: relative;border-radius: 8px;outline: 1px solid #AAA;background: #FAFAFA;box-sizing: border-box;height: 50px;/*margin-bottom: 20px;*/width: 374px;}
#SignUpCtrl .cont .field .inputgroup input {-webkit-appearance: none;-moz-appearance: none;appearance: none;-ms-appearance: none;font-weight: 300;font-size: 16px;display: block;border: none;border-radius: 0;width: calc(100% - 50px);position: relative;padding: 16px 10px 2px;z-index: 1;background: none;outline: 0; color: #414141;}
#SignUpCtrl .cont .field .inputgroup label{font-weight: 300;font-size: 16px;color: #414141;position: absolute;left: 10px;top: 16px;transition: all .2s ease;pointer-events: none;}
#SignUpCtrl .cont .field .inputgroup:focus-within {outline: 2px solid #0090F8;box-sizing: border-box;width: 374px;}
#SignUpCtrl .cont .field .inputgroup input:valid + label, #SignUpCtrl .cont .inputgroup input:focus + label {top: -7px;font-size: 12px;padding: 0px 4px;border-radius: 16px;background: #F3F3F3;font-weight: 400;}

#SignUpCtrl .cont .field .suggested {width: 374px;margin-top: 37px;outline: 1px solid #AAA;background: #FAFAFA;border-radius: 8px;position: absolute;color: #000;font-size: 16px;font-weight: 300;text-align: left;box-sizing: border-box;display:none;}
#SignUpCtrl .cont .field .suggested .title {color: #414141;font-size: 12px;font-weight: 400;padding-top: 15px;padding-left: 10px;line-height: 20px;}
#SignUpCtrl .cont .field .suggested .suggestions {padding-bottom: 8px;}
#SignUpCtrl .cont .field .suggested .suggestions .suggestion {height: 26px;line-height: 26px;padding-left: 10px;}
#SignUpCtrl .cont .field .suggested .suggestions .suggestion:hover {background: #E6F1FF;cursor:pointer;}
#SignUpCtrl .cont .field.email .suggested {z-index: 4;}
#SignUpCtrl .cont .field.login .suggested {z-index: 2;}
#SignUpCtrl .cont .field.email .inputgroup{z-index: 5;}
#SignUpCtrl .cont .field.login .inputgroup{z-index: 3;}
#SignUpCtrl .cont .field.general {height: auto;padding-bottom: 0px;margin-bottom: 0px;}

#SignUpCtrl .cont .error {font-size: 12px;color: #FF1414;position: absolute;font-weight: 400;bottom: 0px;text-align: left;display: none;line-height: 11px;height: 30px;width: 100%;}
#SignUpCtrl .cont .error.fix {color: #414141;}
#SignUpCtrl .cont .error.fix .fix-suggestion{cursor:pointer;text-decoration:underline;}
#SignUpCtrl .cont .success{background-image: url(/gimages/SignUp/signup-sprite2.jpg);background-position: -12px -257px;position: absolute;right: 10px;top: 16px;width: 16px;height: 16px;display: none;}
#SignUpCtrl .cont .error.ex{background: #FF1414;text-align: center;font-weight: 700;color: #FFFFFF;border-radius: 20px;right: 10px;top: 17px;width: 15px;height: 14px;line-height: 15px;display: none;}
#SignUpCtrl .cont .error.ex:after{content: "!"}
#SignUpCtrl .cont .eye{position: absolute;right: 7px;top: 14px;z-index: 5;background-color: #FAFAFA;}

#SignUpCtrl .cont .SubmitBtn {width: 374px;height: 60px;border-radius: 120px;color: #FFF;font-size: 24px;font-weight: 400;line-height: 60px;background: #9BCA9A;pointer-events: none;position: relative;}
#SignUpCtrl .cont .SubmitBtn.active {background: #31B02E;pointer-events:auto;cursor:pointer;}
#SignUpCtrl .cont .SubmitBtn .loader-img{border-radius: 40px;position: absolute;right: 25px;top: 10px;background-image: url(/gimages/loaders/loader-75.gif);background-size: 40px 40px;height: 40px;background-repeat: no-repeat;width: 40px;z-index: 7;display:none;}
#SignUpCtrl .cont .SubmitBtn.loader .loader-img{display:block;}
#SignUpCtrl .cont .block-form{background-color: rgba(255, 255, 255, 0.5);z-index: 6;display: none;position: absolute; border-radius: 30px; }

#SignUpCtrl .cont .terms_txt {color: #888;text-align: center;font-size: 12px;font-weight: 400;line-height: 130%;width: 475px;margin: 0 auto;}
#SignUpCtrl .cont .terms_txt a {color: #888;}
#SignUpCtrl .cont .terms_txt a:hover {color: #888;}
#SignUpCtrl .cont .member {color: #414141;text-align: center;font-size: 14px;font-weight: 400;border-top: 1px solid #AAA;margin-top: 14px;line-height: 40px;}
#SignUpCtrl .cont .member .onLoginClick {color: #2964AA;font-size: 14px;font-weight: 400;text-decoration: underline;cursor:pointer;}
#SignUpCtrl .cont .member .onLoginClick:hover {color: #0090F8;}