/* 20200807 FE */
.errText{
  color: #c00;
}
::-ms-clear, ::-ms-reveal {
  display: none;
}

.checkSuccess{
  display: none;
  width:  20px;
  height: 20px;
  background-size: cover;
  position: absolute;
  top: 25%;
  right: 4px;
  background-image: url(../images/check.png);
}
#emailSuc,#passwordSuc,#phoneCodeSuc,#phoneSuc{
  right: 34px;
}

/* password */
input[type="password"].wq-input {
  /* one for click, the input box will show 請輸入姓名或暱稱 */
  /* content:"請輸入姓名或暱稱"; */
  width: 100%;
  height: 40px;
  font-size: 1em;
  line-height: 40px;
  padding-left: 6px;
  border: 1px solid #999;
  background-color: #fff;
  color: #333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: Arial, Helvetica, "微軟正黑體", sans-serif;
  /* line-height: 32px; IE-specific rules go here  */
  /* height: 32px; IE-specific rules go here */
}

input[type="password"].wq-input:placeholder-shown {
  background: transparent;
}

input[type="password"].wq-input::-webkit-input-placeholder {
  background: transparent;
}

input[type="password"].wq-input:-moz-placeholder {
  /* Firefox 18- */
  background: transparent;
}

input[type="password"].wq-input::-moz-placeholder {
  /* Firefox 19+ */
  background: transparent;
}

input[type="password"].wq-input:-ms-input-placeholder {
  background: transparent;
}

input[type="password"].wq-input.error {
  color: #c00;
  background-color: #fc6;
  border: 1px solid #f90;
}

input[type="password"].wq-input.error:placeholder-shown {
  font-size: 1em;
  color: #c00;
}

input[type="password"].wq-input.error::-webkit-input-placeholder {
  font-size: 1em;
  color: #c00;
}

input[type="password"].wq-input.error:-moz-placeholder {
  /* Firefox 18- */
  font-size: 1em;
  color: #c00;
}

input[type="password"].wq-input.error::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 1em;
  color: #c00;
}

input[type="password"].wq-input.error:-ms-input-placeholder {
  font-size: 1em;
  color: #c00;
}


/* number */
input[type="number"].wq-input {
  /* one for click, the input box will show 請輸入姓名或暱稱 */
  /* content:"請輸入姓名或暱稱"; */
  width: 100%;
  height: 40px;
  font-size: 1em;
  line-height: 40px;
  padding-left: 6px;
  border: 1px solid #999;
  background-color: #fff;
  color: #333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: Arial, Helvetica, "微軟正黑體", sans-serif;
  /* line-height: 32px; IE-specific rules go here  */
  /* height: 32px; IE-specific rules go here */
}

input[type="number"].wq-input:placeholder-shown {
  background: transparent;
}

input[type="number"].wq-input::-webkit-input-placeholder {
  background: transparent;
}

input[type="number"].wq-input:-moz-placeholder {
  /* Firefox 18- */
  background: transparent;
}

input[type="number"].wq-input::-moz-placeholder {
  /* Firefox 19+ */
  background: transparent;
}

input[type="number"].wq-input:-ms-input-placeholder {
  background: transparent;
}

input[type="number"].wq-input.error {
  color: #c00;
  background-color: #fc6;
  border: 1px solid #f90;
}

input[type="number"].wq-input.error:placeholder-shown {
  font-size: 1em;
  color: #c00;
}

input[type="number"].wq-input.error::-webkit-input-placeholder {
  font-size: 1em;
  color: #c00;
}

input[type="number"].wq-input.error:-moz-placeholder {
  /* Firefox 18- */
  font-size: 1em;
  color: #c00;
}

input[type="number"].wq-input.error::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 1em;
  color: #c00;
}

input[type="number"].wq-input.error:-ms-input-placeholder {
  font-size: 1em;
  color: #c00;
}


input[type="number"]::-ms-clear,
input[type="number"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
-webkit-appearance: none !important;
margin: 0;
}


input[type="number"]{-moz-appearance:textfield;}

 /* default cancel */
 input[type=radio]::-ms-clear {
  display: none;
}

input[name=tab],
input[name=sex] {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}

.label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  width: 49.5%;
  height: 40px;
  text-align: left;
  background-color: #fff;
  border-radius: 5px;
  color: #333;
  line-height: 30px;
  border: 1px solid #999;
  font-size: 1em;
  padding-top: 5px;
  padding-left: 38px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 10px;
  top: 10px;
  background-color: #fff;
  -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.6);
  border: 1px solid #b4b4b4;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=radio]:checked+label:before {
  content: "\2022";
  color: #6b03aa;
  font-size: 35px;
  text-align: center;
  line-height: 20px;
}
input[name=tab]:checked+.label,
input[name=sex]:checked+.label {
  background-color: #f0d8ff;
}

input[name=tab]#tab-left:checked+.label~.tab_container>.tab-right,
input[name=tab]#tab-right:checked+.label~.tab_container>.tab-left {
  display: none;
}
input[type=text]#userPassword+span.wq-iconx,
input[type=text]#phonePassword+span.wq-iconx,
input[type=text]#emailPassword+span.wq-iconx,
input[type=password]+span.wq-iconx {
  background-image: url(../images/login/icon_eye1_2.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10%;
  opacity: 1 !important;
  display: inline-block !important;
}

.open-eye {
  background-image: url(../images/login/icon_eye1.png) !important;
}

.tab-left>div,
.tab-right>div,
.tab-bottom>div {
  margin-top: 1.5%;
}

.wq-input.wq-referrer.error:placeholder-shown {
  border: 1px solid #999 !important;
}

.wq-input.wq-referrer.error::-webkit-input-placeholder,
input[type="text"].wq-input.wq-referrer.error {
  background-color: #fff !important;
  color: #747474 !important;
}
.MOBILE #LOGIN .COM02 {
  margin-bottom: -30px !important;
}

.PC #LOGIN .COM02 {
  margin-bottom: -30px !important;
}
/*===PC版===*/



/*===手機版===*/

/*MOBILE表頭尾*/	
.MOBILE .PC_LOGIN, .MOBILE .FOOT_PC{ display:none;}
.MOBILE #float_icon , .MOBILE #header, .MOBILE .FOOT_MOBILE,.MOBILE #footer{width:100%; display: block;}

.PC .PC_LOGIN, .MOBILE .FOOT_PC{ display:none;}
.PC #float_icon , .MOBILE #header, .MOBILE .FOOT_MOBILE,.MOBILE #footer{width:100%; display: block;}
/*MOBILE表頭尾*/	
	
/* register.php */
#LOGIN #phoneVal {
  width: 100%;
  height: 40px;
  font-size: 1em;
  color: #333;
  text-align: center;
  line-height: 40px;
  background-color: #dedede;
  border: 1px solid #888;
  -webkit-border-radius: 5px;
  -webkit-box-sizing: border-box;
}

#countText {
  color: #c00;
}

.errText {
  color: #c00;
}


.MOBILE #LOGIN .COM01 img{
  display: none;
}
.PC #LOGIN .COM01 img{
  display: none;
}
/* register */
/* default cancel */
input[type=radio]::-ms-clear {
  display: none;
}

input[name=tab],
input[name=sex] {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}

.label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  width: 49.5%;
  height: 40px;
  text-align: left;
  background-color: #fff;
  border-radius: 5px;
  border-radius: 5px;
  color: #333;
  line-height: 30px;
  border: 1px solid #999;
  font-size: 1em;
  padding-top: 5px;
  padding-left: 38px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 10px;
  top: 10px;
  background-color: #fff;
  -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.6);
  border: 1px solid #b4b4b4;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=radio]:checked+label:before {
  content: "\2022";
  color: #6b03aa;
  font-size: 35px;
  text-align: center;
  line-height: 20px;
}

.MOBILE input[name=tab]:checked+.label,
.MOBILE input[name=tab]+.label {}

.PC input[name=tab]:checked+.label,
.PC input[name=tab]+.label {}

input[name=tab]:checked+.label,
input[name=sex]:checked+.label {
  background-color: #f0d8ff;
}

input[name=tab]#tab-left:checked+.label~.tab_container>.tab-right,
input[name=tab]#tab-right:checked+.label~.tab_container>.tab-left {
  display: none;
}

input[type=text]#phonePassword+span.wq-iconx,
input[type=text]#emailPassword+span.wq-iconx,
input[type=password]+span.wq-iconx {
  background-image: url(../images/login/icon_eye1_2.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10%;
  opacity: 1 !important;
  display: inline-block !important;
}

.open-eye {
  background-image: url(../images/login/icon_eye1.png) !important;
}

.tab-left>div,
.tab-right>div,
.tab-bottom>div {
  margin-top: 1%;
}

.wq-input.wq-referrer.error:placeholder-shown {
  border: 1px solid #999 !important;
}

.wq-input.wq-referrer.error::-webkit-input-placeholder,
input[type="text"].wq-input.wq-referrer.error {
  background-color: #fff !important;
  color: #333 !important;
}


/* loading */

.loading {
  margin: 100px auto;
  font-size: 25px;
  width: 0.7em;
  height: 0.7em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  display: none; /* 20201211 add by joe */
}

.loading {
  position: fixed; /* 20201218 modify by joe relative to fixed */
  z-index: 999; /* 20201210 modify by joe -1 to 999 */
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 35%; /* 20201210 modify by joe 20% to 50% */
  left: 50%;
}

/* 20201210 modify by joe */
/*
@-webkit-keyframes load5 {

  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }

  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }

  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }

  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }

  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }

  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }

  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }

  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}

@keyframes load5 {

  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }

  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }

  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }

  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }

  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }

  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }

  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }

  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
*/

@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #5B00AE, 1.8em -1.8em 0 0em #921AFF, 2.5em 0em 0 0em #921AFF, 1.75em 1.75em 0 0em #921AFF, 0em 2.5em 0 0em #921AFF, -1.8em 1.8em 0 0em #921AFF, -2.6em 0em 0 0em #BE77FF, -1.8em -1.8em 0 0em #DCB5FF;
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em #DCB5FF, 1.8em -1.8em 0 0em #5B00AE, 2.5em 0em 0 0em #921AFF, 1.75em 1.75em 0 0em #921AFF, 0em 2.5em 0 0em #921AFF, -1.8em 1.8em 0 0em #921AFF, -2.6em 0em 0 0em #921AFF, -1.8em -1.8em 0 0em #BE77FF;
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em #BE77FF, 1.8em -1.8em 0 0em #DCB5FF, 2.5em 0em 0 0em #5B00AE, 1.75em 1.75em 0 0em #921AFF, 0em 2.5em 0 0em #921AFF, -1.8em 1.8em 0 0em #921AFF, -2.6em 0em 0 0em #921AFF, -1.8em -1.8em 0 0em #921AFF;
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em #921AFF, 1.8em -1.8em 0 0em #BE77FF, 2.5em 0em 0 0em #DCB5FF, 1.75em 1.75em 0 0em #5B00AE, 0em 2.5em 0 0em #921AFF, -1.8em 1.8em 0 0em #921AFF, -2.6em 0em 0 0em #921AFF, -1.8em -1.8em 0 0em #921AFF;
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em #921AFF, 1.8em -1.8em 0 0em #921AFF, 2.5em 0em 0 0em #BE77FF, 1.75em 1.75em 0 0em #DCB5FF, 0em 2.5em 0 0em #5B00AE, -1.8em 1.8em 0 0em #921AFF, -2.6em 0em 0 0em #921AFF, -1.8em -1.8em 0 0em #921AFF;
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em #921AFF, 1.8em -1.8em 0 0em #921AFF, 2.5em 0em 0 0em #921AFF, 1.75em 1.75em 0 0em #BE77FF, 0em 2.5em 0 0em #DCB5FF, -1.8em 1.8em 0 0em #5B00AE, -2.6em 0em 0 0em #921AFF, -1.8em -1.8em 0 0em #921AFF;
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em #921AFF, 1.8em -1.8em 0 0em #921AFF, 2.5em 0em 0 0em #921AFF, 1.75em 1.75em 0 0em #921AFF, 0em 2.5em 0 0em #BE77FF, -1.8em 1.8em 0 0em #DCB5FF, -2.6em 0em 0 0em #5B00AE, -1.8em -1.8em 0 0em #921AFF;
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em #921AFF, 1.8em -1.8em 0 0em #921AFF, 2.5em 0em 0 0em #921AFF, 1.75em 1.75em 0 0em #921AFF, 0em 2.5em 0 0em #921AFF, -1.8em 1.8em 0 0em #BE77FF, -2.6em 0em 0 0em #DCB5FF, -1.8em -1.8em 0 0em #5B00AE;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #5B00AE, 1.8em -1.8em 0 0em #921AFF, 2.5em 0em 0 0em #921AFF, 1.75em 1.75em 0 0em #921AFF, 0em 2.5em 0 0em #921AFF, -1.8em 1.8em 0 0em #921AFF, -2.6em 0em 0 0em #BE77FF, -1.8em -1.8em 0 0em #DCB5FF;
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em #DCB5FF, 1.8em -1.8em 0 0em #5B00AE, 2.5em 0em 0 0em #921AFF, 1.75em 1.75em 0 0em #921AFF, 0em 2.5em 0 0em #921AFF, -1.8em 1.8em 0 0em #921AFF, -2.6em 0em 0 0em #921AFF, -1.8em -1.8em 0 0em #BE77FF;
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em #BE77FF, 1.8em -1.8em 0 0em #DCB5FF, 2.5em 0em 0 0em #5B00AE, 1.75em 1.75em 0 0em #921AFF, 0em 2.5em 0 0em #921AFF, -1.8em 1.8em 0 0em #921AFF, -2.6em 0em 0 0em #921AFF, -1.8em -1.8em 0 0em #921AFF;
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em #921AFF, 1.8em -1.8em 0 0em #BE77FF, 2.5em 0em 0 0em #DCB5FF, 1.75em 1.75em 0 0em #5B00AE, 0em 2.5em 0 0em #921AFF, -1.8em 1.8em 0 0em #921AFF, -2.6em 0em 0 0em #921AFF, -1.8em -1.8em 0 0em #921AFF;
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em #921AFF, 1.8em -1.8em 0 0em #921AFF, 2.5em 0em 0 0em #BE77FF, 1.75em 1.75em 0 0em #DCB5FF, 0em 2.5em 0 0em #5B00AE, -1.8em 1.8em 0 0em #921AFF, -2.6em 0em 0 0em #921AFF, -1.8em -1.8em 0 0em #921AFF;
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em #921AFF, 1.8em -1.8em 0 0em #921AFF, 2.5em 0em 0 0em #921AFF, 1.75em 1.75em 0 0em #BE77FF, 0em 2.5em 0 0em #DCB5FF, -1.8em 1.8em 0 0em #5B00AE, -2.6em 0em 0 0em #921AFF, -1.8em -1.8em 0 0em #921AFF;
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em #921AFF, 1.8em -1.8em 0 0em #921AFF, 2.5em 0em 0 0em #921AFF, 1.75em 1.75em 0 0em #921AFF, 0em 2.5em 0 0em #BE77FF, -1.8em 1.8em 0 0em #DCB5FF, -2.6em 0em 0 0em #5B00AE, -1.8em -1.8em 0 0em #921AFF;
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em #921AFF, 1.8em -1.8em 0 0em #921AFF, 2.5em 0em 0 0em #921AFF, 1.75em 1.75em 0 0em #921AFF, 0em 2.5em 0 0em #921AFF, -1.8em 1.8em 0 0em #BE77FF, -2.6em 0em 0 0em #DCB5FF, -1.8em -1.8em 0 0em #5B00AE;
  }
}