* {
  box-sizing: border-box !important; }

body {
  padding: 0px;
  font: 14px/20px Helvetica, Arial, sans-serif;
  color: #333333;
  background: #fff;
  text-align: center; }

body, h1, h2, h3, h4 {
  margin: 0;
  font-weight: normal; }

.form-panel {
  width: 405px;
  height: 30px;
  margin: auto;
  color: #333;
  background: #fff;
  padding: 0;
  box-sizing: border-box;
  border-radius: 0;
  text-align: left; }

.form-line {
  display: inline-block;
  vertical-align: center;
  width: 162px;
  position: relative;
  text-align: left;
  margin-right: 5px; }
  .form-line.last-line {
    width: 50px;
    text-align: right;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 0;
    padding-top: 0; }

.input-ttl {
  display: inline-block;
  color: #666;
  font: 400 16px/16px Helvetica, Arial, sans-serif;
  margin-bottom: 2px; }

.star {
  color: #c73044; }

input:focus {
  outline: none; }

button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
  padding: 0 !important;
  border: none !important; }

input[type="text"], input[type="email"], input[type="tel"], select {
  display: inline-block;
  width: 100%;
  height: 26px;
  color: #666;
  background: #fff;
  box-shadow: none;
  box-sizing: border-box;
  padding: 0 10px;
  font: 400 16px/25px Helvetica, Arial, sans-serif;
  border: 1px solid #ccc;
  /* Firefox 19+ */
  /* Firefox 18- */ }
  input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, select::-webkit-input-placeholder {
    color: #777; }
  input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, select::-moz-placeholder {
    color: #777; }
  input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, select:-moz-placeholder {
    color: #777; }
  input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, select:-ms-input-placeholder {
    color: #777; }
  input[type="text"]:focus::-webkit-input-placeholder, input[type="email"]:focus::-webkit-input-placeholder, input[type="tel"]:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder {
    color: transparent; }
  input[type="text"]:focus::-moz-placeholder, input[type="email"]:focus::-moz-placeholder, input[type="tel"]:focus::-moz-placeholder, select:focus::-moz-placeholder {
    color: transparent; }
  input[type="text"]:focus:-moz-placeholder, input[type="email"]:focus:-moz-placeholder, input[type="tel"]:focus:-moz-placeholder, select:focus:-moz-placeholder {
    color: transparent; }
  input[type="text"]:focus:-ms-input-placeholder, input[type="email"]:focus:-ms-input-placeholder, input[type="tel"]:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder {
    color: transparent; }
  input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, select:focus {
    outline: none; }
  input[type="text"]:hover, input[type="text"]:focus, input[type="email"]:hover, input[type="email"]:focus, input[type="tel"]:hover, input[type="tel"]:focus, select:hover, select:focus {
    background: #fafafa; }

input.error {
  border-color: red; }

label.error {
  display: none !important; }

input[type="submit"] {
  border: none;
  border-radius: 10px;
  width: 50px;
  height: 30px;
  font: 600 16px/25px Helvetica, Arial, sans-serif;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  background: #9E1F63;
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all .3s;
  transition: all .3s; }
  input[type="submit"]:hover, input[type="submit"]:focus {
    outline: none;
    opacity: .8; }

.thanks-wr, .exists-panel {
  width: 320px;
  height: 30px;
  background: #fff;
  color: #333;
  border-radius: 0;
  margin: auto; }

table.thanks-tbl {
  table-layout: fixed;
  width: 100%; }
  table.thanks-tbl .top {
    padding: 0; }
    table.thanks-tbl .top h2 {
      font: 600 12px/12px Helvetica, Arial, sans-serif; }
  table.thanks-tbl .bottom {
    font: 400 10px/12px Helvetica, Arial, sans-serif;
    padding: 0; }

.exists-panel {
  width: 320px;
  height: 30px;
  background: #fff;
  font: 600 12px/22px Helvetica, Arial, sans-serif; }
  .exists-panel .exists-tbl {
    width: 100%;
    table-layout: fixed; }
  .exists-panel .top.bottom {
    width: 100%;
    text-align: center;
    padding: 0; }
