*,
::before,
::after {
  box-sizing: border-box;
}

* {
  margin: 0px;
  padding: 0px;
}

html, body {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  color: #000000;
  font-weight: normal;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol","Noto Color Emoji";
  min-width: 500px;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

body {
  font-size: 0.9em;
}

#noScript {
  margin: 16px;
  color: Black;
}

:lang(en-GB) {
  quotes: '\2018' '\2019' '\201C' '\201D';
}

:lang(zh) {
  font-family: 微软雅黑;
}

@-ms-viewport {
  width: device-width;
}

@-moz-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@-webkit-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}



/* Theme layout styles */

#fullPage, #brandingWrapper {
  width: 100%;
  height: 100%;
  background-color: inherit;
}

#brandingWrapper {
  background-color: #4488dd;
}

#branding {
  /* A background image will be added to the #branding element at run-time once the illustration image is configured in the theme. 
       Recommended image dimensions: 1420x1200 pixels, JPG or PNG, 200 kB average, 500 kB maximum. */
  height: 100%;
  margin-right: 500px;
  margin-left: 0px;
  background-color: inherit;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

#contentWrapper {
  position: relative;
  width: 500px;
  height: 100%;
  overflow: auto;
  background-color: #ffffff; /* for IE7 */
  margin-left: -500px;
  margin-right: 0px;
}

#content {
  min-height: 100%;
  height: auto !important;
  margin: 0 auto -55px auto;
  padding: 0px 150px 0px 50px;
}

#header {
  font-size: 2em;
  font-weight: lighter;
  font-family: "Segoe UI Light", "Segoe", "SegoeUI-Light-final", Tahoma, Helvetica, Arial, sans-serif;
  padding-top: 90px;
  margin-bottom: 60px;
  min-height: 100px;
  overflow: hidden;
}

  #header img {
    /* Logo image recommended dimension: 60x60 (square) or 350X35 (elongated), 4 kB average, 10 kB maximum. Transparent PNG strongly recommended. */
    width: auto;
    height: auto;
  }

.workArea, #header {
  word-wrap: break-word;
  width: 380px;
}

.workArea {
  margin-bottom: 90px;
}

#footerPlaceholder {
  height: 40px;
}

#footer {
  height: 40px;
  padding: 10px 50px 0 50px;
  position: relative;
  color: #666666;
  font-size: 0.78em;
}

#footerLinks {
  float: none;
  padding-top: 0;
}

#copyright {
  color: #696969;
  display: none;
}

.pageLink {
  color: #000000;
  padding-left: 16px;
}

#footerLinks .pageLink {
  display: inline-block;
  padding: 0;
  margin: 0 15px 5px 0;
}
/* Common content styles */

.clear {
  clear: both;
}

.float {
  float: left;
}

.floatReverse {
  float: right;
}

.indent {
  margin-left: 16px;
}

.indentNonCollapsible {
  padding-left: 16px;
}

.hidden {
  display: none;
}

.notHidden {
  display: inherit;
}

.error {
  color: #c85305;
}

.actionLink {
  margin-bottom: 8px;
  display: block;
}

.submitMargin {
  margin-top: 38px;
  margin-bottom: 30px;
}

.topFieldMargin {
  margin-top: 8px;
}

.fieldMargin {
  margin-bottom: 8px;
}

.groupMargin {
  margin-bottom: 30px;
}

.sectionMargin {
  margin-bottom: 64px;
}

.block {
  display: block;
}

.autoWidth {
  width: auto;
}

.fullWidth {
  width: 342px;
}

.fullWidthIndent {
  width: 326px;
}


/* Form factor: intermediate height layout. Reduce space of the header. */
@media only screen and (max-height: 820px) {
  #header {
    padding-top: 40px;
    min-height: 0px;
    overflow: hidden;
  }

  .workArea {
    margin-bottom: 60px;
  }
}

/* Form factor: intermediate height layout. Reduce space of the header. */
@media only screen and (max-height: 500px) {
  #header {
    padding-top: 30px;
    margin-bottom: 30px;
  }

  .workArea {
    margin-bottom: 40px;
  }
}

/* Form factor: intermediate layout (WAB in non-snapped view falls in here) */
@media only screen and (max-width: 600px) {
  html, body {
    min-width: 260px;
  }

  #brandingWrapper {
    display: none;
  }

  #contentWrapper {
    float: none;
    width: 100%;
    margin: 0px auto;
  }

  #content, #footer, #header {
    width: 400px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
  }

  .workArea {
    width: 100%;
  }

  .fullWidth {
    width: 392px;
  }

  .fullWidthIndent {
    width: 376px;
  }
}

@media only screen and (max-width: 450px) {
  body {
    font-size: 0.8em;
  }

  #content, #footer {
    width: auto;
    margin-right: 33px;
    margin-left: 25px;
  }

  #header {
    width: auto;
  }

  span.submit, input[type="submit"] {
    font-size: 0.9em;
  }

  .fullWidth {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .fullWidthIndent {
    width: 85%;
  }

  .idpDescription {
    width: 70%;
  }
}

/* Form factor: snapped WAB (for WAB to work in snapped view, the content wrapper width has to be set to 260px) */
@media only screen and (max-width:280px) {
  #contentWrapper {
    width: 260px;
  }

  .idpDescription {
    max-width: 160px;
    min-width: 100px;
  }
}








a {
  color: #918d8e;
  background-color: transparent;
  font-size: 0.75rem;
  line-height: 0.875rem;
  text-decoration: none;
}

  a:hover {
    color: #f26522;
    text-decoration: underline;
  }

button {
  color: #fff;
  background-color: #f26522;
  border: 1px solid #f26522;
  border-radius: .1875rem;
  font-size: 1rem;
  font-weight: 600;
  text-transform: none;
  padding: .4375rem 1rem;
  display: inline-block;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: button;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

button,
input {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  overflow: visible
}

  button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
    box-shadow: 0 0 0 1px #f26522;
    outline: none !important
  }

  button:hover {
    background-color: #f26522;
    border-color: #f26522;
    color: #fff
  }

  button:disabled {
    color: #656263;
    background-color: #c8c7c7;
    border-color: #c8c7c7;
    cursor: auto;
  }

  button::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }

  button#cancel {
    color: #656263;
    background-color: inherit;
    border-color: #c8c7c7;
  }

  button#continue {
    margin-bottom: 1rem;
    margin-right: 1rem;
  }

h1,
h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: inherit;
  font-weight: 500;
  color: inherit;
}

h1 {
  font-size: 2rem;
  line-height: 2.5rem;
}

h2 {
  font-size: 0.875rem;
  line-height: 1.125rem;
}

input {
  color: black;
  font-weight: 400;
  height: 2.5rem;
  padding: .25rem 1rem;
  border: 1px solid #C8C7C7 !important;
  border-radius: .1875rem;
  padding: .25rem 1rem;
  background-color: white;
  background-clip: padding-box;
  display: block;
  width: 100%;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

  input:focus {
    border-color: #f26522;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(242, 101, 34, 0.25)
  }

  input::-webkit-input-placeholder {
    color: #C8C7C7;
    opacity: 1
  }

  input::-moz-placeholder {
    color: #C8C7C7;
    opacity: 1
  }

  input:-ms-input-placeholder {
    color: #C8C7C7;
    opacity: 1
  }

  input::-ms-input-placeholder {
    color: #C8C7C7;
    opacity: 1
  }

  input::placeholder {
    color: #C8C7C7;
    opacity: 1
  }

label {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-weight: 600;
  font-size: .875rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}


/* B2C customizations */
.attr ul {
  list-style-type: none;
  padding-left: 0;
}

.buttons {
  margin-top: 1.5rem;
}

.divider,
.social,
.social .intro,
.attrEntry,
.entry-item {
  margin-bottom: 1rem;
}

  .divider h2 {
    text-align: center;
    width: 100%;
    margin: 25px 0px;
    display: flex;
    justify-content: center;
    color: #696566;
  }

    .divider h2::before,
    .divider h2::after {
      content: " ";
      width: 100%;
      border-bottom: 1px solid #C8C7C7;
      position: relative;
      top: -8px;
    }

    .divider h2::before {
      margin-right: 5px;
    }

    .divider h2::after {
      margin-left: 5px;
    }

.error {
  color: #f03e3e;
  font-size: 0.75rem;
}

.footer {
  position: absolute;
  bottom: 0px;
  margin-bottom: 1rem;
}

.helpLink {
  display: none;
}

.localAccount .intro {
  margin-bottom: 2.5rem;
}

.password-label a#forgotPassword {
  position: relative;
  top: 104px;
  float: right;
}

/* a#forgotPassword {
  display: none;
} */

.verificationInfoText {
  font-weight: 600;
}

.verify .verifyInput {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

.verify .verifyButton {
  margin-right: 0.5rem;
}

.verifying-modal {
  color: white;
}

#attributeVerification .verifying-modal {
  display: none;
}

#attributeVerification .attrEntry > div:first-child {
  margin-bottom: 1rem;
}

.working {

    background: url(data:image/gif;base64,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) no-repeat;

    height: 30px;

    width: auto;

    background-position: center bottom;

    display: none

}

.intro {
	display: none;
}