@font-face {
  font-family: regularFont;
  src: url(../fonts/glyphicons-halflings-regular.woff);
}
/**{font-family:regularFont;}*/
body {
  background-color: #000;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*
  The placeholder css cannot concat the same css together.
  It will break the css.
*/
.register-container input[type=text]:-ms-input-placeholder {
  color: #727070;
  font-family: regularFont;
  line-height: 18px;
}
.register-container input[type=text]::-webkit-input-placeholder {
  color: #727070;
  font-family: regularFont;
  line-height: 18px;
}
.register-container input[type=text]:-moz-placeholder {
  color: #727070;
  font-family: regularFont;
  line-height: 18px;
}
.register-container input[type=text]::-moz-placeholder {
  color: #727070;
  font-family: regularFont;
  line-height: 18px;
}
.register-container input[type=password]:-ms-input-placeholder {
  color: #727070;
  font-family: regularFont;
  line-height: 18px;
}
.register-container input[type=password]::-webkit-input-placeholder {
  color: #727070;
  font-family: regularFont;
  line-height: 18px;
}
.register-container input[type=password]:-moz-placeholder {
  color: #727070;
  font-family: regularFont;
  line-height: 18px;
}
.register-container input[type=password]::-moz-placeholder {
  color: #727070;
  font-family: regularFont;
  line-height: 18px;
}
.register-container input[type=text].alert-msg:-ms-input-placeholder {
  color: red;
}
.register-container input[type=text].alert-msg::-webkit-input-placeholder {
  color: red;
}
.register-container input[type=text].alert-msg:-moz-placeholder {
  color: red;
}
.register-container input[type=text].alert-msg::-moz-placeholder {
  color: red;
}
.register-container .alert-msg input[type=text]:-ms-input-placeholder {
  color: red;
}
.register-container .alert-msg input[type=text]::-webkit-input-placeholder {
  color: red;
}
.register-container .alert-msg input[type=text]:-moz-placeholder {
  color: red;
}
.register-container .alert-msg input[type=text]::-moz-placeholder {
  color: red;
}
.register-container input[type=password].alert-msg:-ms-input-placeholder {
  color: red;
}
.register-container input[type=password].alert-msg::-webkit-input-placeholder {
  color: red;
}
.register-container input[type=password].alert-msg:-moz-placeholder {
  color: red;
}
.register-container input[type=password].alert-msg::-moz-placeholder {
  color: red;
}
.register-container .alert-msg select {
  color: red;
}
.register-container form,
.register-container .rights-frame,
.register-container .success-frame,
.register-container .get-apps-frame {
  border: 1px solid #c9c9c9;
  border-radius: 10px;
  padding: 25px 75px 17px 75px;
}
.register-container .get-apps-frame {
  padding: 48px 25px 0px 25px;
}
.register-container form.scaled-screen,
.register-container .get-apps-frame.scaled-screen {
  padding: 25px 28px 17px 28px;
}
.register-container select {
  background-color: #ebe6e2;
  border: none;
  border-radius: 5px;
  height: 38px;
  box-shadow: none;
  color: #727070;
  width: 100%;
}
.register-container input[type=text],
.register-container input[type=password] {
  background-color: #ebe6e2;
  border: none;
  border-radius: 5px;
  height: 38px;
  box-shadow: none;
  padding: 6px 12px;
}
.register-container input[type=submit] {
  width: 195px;
  height: 48px;
  border: none;
  background-color: #3a3a3a;
  border-radius: 5px;
  color: white;
}
.register-container input[type=submit]:hover {
  background-color: #262626;
  transition: all 0.3s ease;
}
.register-container .form-group {
  margin-bottom: 13px;
}
.register-container .alignCenter {
  text-align: center;
}
.register-container .warning-message {
  color: #7f7f7f;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 47px;
  text-align: center;
}
.register-container .rightsConfirm {
  color: #7f7f7f;
  font-size: 13px;
}
.register-container {
    -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  background-color: #f7f6f2;
  padding: 12px;
  margin-bottom: 125px;
}
.register-container .register-container{
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 50px;
  padding-right: 50px;
  border-radius: 10px;
  padding: 0px;
  margin-bottom: 0px;
  font-size: 13px;
}
.register-container label{
  text-align: right;
  line-height: 38px;
  padding: 0px 15px 0px 0px;
}
.breeze-title{
  margin: 47px 0px 47px 0px;
  text-align: center;
}
.breeze-title > h1 {
  font-size: 21px;
  font-family: regularFont;
  color: #fff;
  margin: 15px 0px 0px 0px;
}
.register-container .checkbox-frame {
  margin: 12px 0px 25px 0px;
}
.register-container .text-field-row{
  padding: 0px;
}
.register-container .row{
  margin-left: 0px;
  margin-right: 0px;
}
.register-container .flex-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.register-container .flex-box {
  -ms-flex: 1;
  flex: 1;
  -webkit-flex: 1;
}
.register-container .flex-box.year-select {
  -ms-flex: 2;
  flex: 2;
  -webkit-flex: 2;
}
.register-container .flex-box.text{
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  -webkit-flex: 0 0 30px;
  text-align: center;
  line-height: 38px;
  padding-left: 10px;
}

.register-container .flex-container.scaled-screen{
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.register-container .flex-box.year-select.scaled-screen {
  -ms-flex: 0 0 94%;
  -webkit-flex: 0 0 94%;
  flex: 0 0 94%;
}
.register-container .flex-box.scaled-screen {
  -ms-flex: 0 0 94%;
  -webkit-flex: 0 0 94%;
  flex: 0 0 94%;
  margin-top: 10px;
}
.register-container .flex-box.text.scaled-screen {
  -ms-flex: 0 0 6%;
  -webkit-flex: 0 0 6%;
  flex: 0 0 6%;
  text-align: center;
  line-height: 38px;
}

.register-container .gender-frame,
.register-container .nation-frame {
  margin-top: 8px;
  padding: 0px;
}
.register-container .gender-frame > span.prev-sep,
.register-container .nation-frame > span.prev-sep {
  margin-left: 10px;
  margin-right: 25px;
}

.register-container .gender-frame .gender-alert,
.register-container .nation-frame .nation-alert {
  display: none;
}
.register-container .gender-frame.alert-msg .gender-alert,
.register-container .nation-frame.alert-msg .nation-alert {
  color: red;
  display: inline-block;
  margin-left: 36px;
}
.register-container .scaled-screen .gender-frame.alert-msg .gender-alert,
.register-container .scaled-screen .nation-frame.alert-msg .nation-alert {
  display: block;
  margin-left: 0px;
  margin-top: 10px;
}
.qr-code-message {
  color: #2d2d2d;
  font-size: 14px;
  text-align: center;
  margin-bottom: 25px;
}
.register-container .county-frame,
.register-container .district-frame,
.register-container .zipcode-frame,
.register-container .address-detail-frame {
  padding: 0px;
}
.register-container .zipcode-frame > input,
.register-container .address-detail-frame > input {
  width: 100%;
}
.register-container .full-screen .county-frame.col-sm-5,
.register-container .full-screen .zipcode-frame.col-sm-2 {
  padding-right: 10px;
}
.register-container .text-left {
  text-align: left;
}
.register-container .scaled-screen .county-district-frame :first-child,
.register-container .scaled-screen .zipcode-address-frame :first-child {
  margin-bottom: 5px;
}
#twzipcode.scaled-screen > div {
  padding: 0px;
  margin: 0px;
}
#twzipcode.scaled-screen > div:nth-child(2) > label {
  padding: 0px;
  height: 0px;
  display: block;
}

.register-container .rights-frame {
  color: #282828;
  font-size: 12px;
  line-height: 16px;
  padding: 25px;
}
.register-container .return-frame {
  padding: 0px 0px 25px 0px;
  text-align: right;
}
.register-container .return-btn {
  background-color: #3a3a3a;
  border: none;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 12px;
  display: inline-block;
  padding: 5px 14px;
}
.register-container .return-btn:hover{
  background-color: #262626;
  transition: all 0.3s ease;
}
.register-container .success-frame {
  padding: 0px;
}
.register-container .success-frame .content-frame {
  padding: 48px 0px 24px 0px;
  text-align: center;
}
.register-container .content-frame .icon,
.register-container .download-apps .icon {
  padding: 12px 23px;
  display: inline-block;
  background-color: #3a3a3a;
  border-radius: 5px;
  font-size: 12px;
  color: #FFFFFF;
  cursor: pointer;
}
.register-container .content-frame .welcome-text {
  padding: 18px 0px 30px 0px;
}
.register-container .content-frame .icon.ios,
.register-container .download-apps .icon.ios {
  margin: 5px;
}

.register-container .scaled-screen .download-apps .icon.ios {
  margin: 5px 0px;
}

.register-container .content-frame .icon:hover,
.register-container .download-apps .icon:hover {
  background-color: #262626;
  transition: all 0.3s ease;
}
.register-container .content-frame .icon img,
.register-container .download-apps .icon img {
  width: 119px;
  height: 26px;
}
.register-container .alert-msg .rightsConfirm {
  color: red;
}
.get-apps-frame {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.content-text {
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  overflow-y: scroll;
  font-size: 14px;
  font-family: regularFont;
  line-height: 22px;
  color: #595959;
}
.download-apps {
  -ms-flex: 0 0 50px;
  -webkit-flex: 0 0 50px;
  flex: 0 0 50px;
  margin: 30px 0px 48px 0px;
  text-align: center;
}
.download-apps.scaled-screen {
  -ms-flex: 0 0 90px;
  -webkit-flex: 1;: 0 0 90px;
  flex: 0 0 90px;
}
.icon-flex.scaled-screen {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.icon-flex.scaled-screen .icon{
  margin-bottom: 15px;
  width: 100%;
}
.text-sep-top {
  margin-top: 15px;
}
.text-sep-bottom {
  margin-bottom: 15px;
}
.register-container form.middle-padding {
  padding: 25px 45px 17px 45px
}

.rights-frame a {
  color: #b5b5b5;
  text-decoration: none;
}
.rights-frame a:hover {
  text-decoration: underline;
}
.get-app-subtitle {
  font-weight: bold;
  margin-bottom: 18px;
  font-size: 14px;
  color: #282828;
  line-height: 22px;
}
.register-container .red-star {
  color: red;
}
.qr-code {
  text-align: center;
  margin: 18px;
}
.ios-qr-code {
  display: inline-block;
  width: 112px;
  height: 112px;
  background: transparent url(../images/qrcode1.png) no-repeat;
  background-size: 100%;
  margin: 7px 7px;
}
.android-qr-code {
  display: inline-block;
  width: 112px;
  height: 112px;
  background: transparent url(../images/qrcode2.png) no-repeat;
  background-size: 100%;
  margin: 7px 7px;
}