@charset "UTF-8";
/* line 12, ../sass/base.scss */
body {
  background: transparent url("../images/reg-bg.jpg") repeat;
  color: #ccc;
}

/* line 16, ../sass/base.scss */
.main > div {
  margin-top: 10px;
}

/* line 19, ../sass/base.scss */
.header {
  width: 500px;
  margin: 10px auto;
}

/* line 23, ../sass/base.scss */
.marquee {
  font-style: italic;
  color: #0127cd;
}

/* line 24, ../sass/base.scss */
.register {
  width: 500px;
  margin: 0 auto;
  padding: 20px 0px;
  font-family: "微軟正黑體","Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #555;
  background-color: #fff;
}
/* line 31, ../sass/base.scss */
.register #reg-form {
  width: 350px;
  margin: 0 auto;
}

/* line 37, ../sass/base.scss */
h3 {
  padding: 5px 10px 5px 0;
  font-size: 1.1em;
  overflow: hidden;
}

/* line 43, ../sass/base.scss */
label {
  display: inline-block;
  width: 100%;
  margin: 22px 0 5px 0;
  font-weight: bold;
  font-size: 15px;
}

/* line 52, ../sass/base.scss */
input[type=text], input[type=password], select {
  width: 95%;
  font-family: "微軟正黑體","Lucida Grande","Lucida Sans Unicode",Tahoma,Sans-Serif;
  padding: 10px;
  font-size: 0.9em;
  border: 1px solid #ccc;
  line-height: 2em;
}
/* line 59, ../sass/base.scss */
input[type=text]#verify, input[type=password]#verify, select#verify {
  width: 53%;
}

/* line 64, ../sass/base.scss */
select {
  padding: 17px;
}

/* line 71, ../sass/base.scss */
.sep {
  border: 1px solid #72B372;
  position: relative;
  margin: 35px 20px;
}

/* line 77, ../sass/base.scss */
.warn {
  color: #e95800;
}

/* line 81, ../sass/base.scss */
.or {
  position: absolute;
  width: 50px;
  left: 50%;
  background: #F0F0F0;
  text-align: center;
  margin: -10px 0 0 -25px;
  line-height: 20px;
}

/* line 91, ../sass/base.scss */
.connect {
  width: 400px;
  margin: 0 auto;
  text-align: center;
}

/* line 97, ../sass/base.scss */
.social-buttons {
  display: inline-block;
  min-width: 150px;
  height: 50px;
  margin: 0 5px 10px;
  border-radius: 10px;
  text-shadow: 1px 1px 5px #000000;
}
/* line 105, ../sass/base.scss */
.social-buttons a {
  display: block;
  height: 100%;
  text-decoration: none;
  color: #FFFFFF;
  padding: 10px 15px;
}
/* line 113, ../sass/base.scss */
.social-buttons span {
  font-size: 30px;
  margin-left: 35px;
}

/* line 119, ../sass/base.scss */
.bp {
  display: none;
}

/* line 122, ../sass/base.scss */
.title {
  color: #ae0000;
}

/* line 125, ../sass/base.scss */
.table {
  display: table;
  border-collapse: separate;
  border-spacing: 0px;
  width: 350px;
  text-align: center;
}
/* line 131, ../sass/base.scss */
.table label {
  text-align: left;
}

/* line 135, ../sass/base.scss */
.row {
  display: table-row;
}

/* line 138, ../sass/base.scss */
.colume {
  display: table-cell;
}
/* line 140, ../sass/base.scss */
.colume.right {
  padding: 0 15px 0 0;
}
/* line 143, ../sass/base.scss */
.colume.left {
  padding: 0 10px 0 15px;
}

/* line 147, ../sass/base.scss */
.col-6 {
  width: 60%;
}

/* line 150, ../sass/base.scss */
.col-4 {
  width: 40%;
}

@media screen and (min-width: 640px) {
  /* line 156, ../sass/base.scss */
  .logo {
    background: url("../images/../images/logo-l.png") no-repeat;
    width: 386px;
    height: 55px;
  }

  /* line 160, ../sass/base.scss */
  .footer {
    width: 500px;
    margin: 10px auto;
  }

  /* line 164, ../sass/base.scss */
  .footer .inner {
    background: url("../images/../images/footer.png") no-repeat;
    width: 501px;
    height: 58px;
    margin: 0 auto;
  }
}
/* line 169, ../sass/base.scss */
.mobile {
  display: none;
}

/* line 172, ../sass/base.scss */
.desktop {
  display: table;
}
/* line 174, ../sass/base.scss */
.desktop.login {
  margin: 0 auto;
}

@media screen and (min-width: 320px) and (max-width: 639px) {
  /* line 179, ../sass/base.scss */
  .logo {
    background: url("../images/../images/logo-s.png") no-repeat;
    width: 440px;
    height: 64px;
  }

  /* line 182, ../sass/base.scss */
  .header {
    width: 480px;
    margin: 10px auto;
  }

  /* line 186, ../sass/base.scss */
  .register {
    width: 480px;
  }
  /* line 188, ../sass/base.scss */
  .register p {
    line-height: 2em;
  }

  /* line 192, ../sass/base.scss */
  label {
    width: 100%;
  }

  /* line 196, ../sass/base.scss */
  .colume.right, .colume.left {
    display: block;
    padding: 0px;
  }

  /* line 204, ../sass/base.scss */
  .bp {
    display: block;
  }

  /* line 207, ../sass/base.scss */
  input[type=text], input[type=password] {
    width: 95%;
  }

  /* line 211, ../sass/base.scss */
  .footer {
    margin: 10px auto;
  }

  /* line 214, ../sass/base.scss */
  .footer .inner {
    background: url("../images/../images/footer-s.png") no-repeat;
    width: 440px;
    height: 123px;
    margin: 0px auto;
  }

  /* line 219, ../sass/base.scss */
  .mobile {
    display: table;
  }
  /* line 221, ../sass/base.scss */
  .mobile.login {
    margin: 0 auto;
  }

  /* line 225, ../sass/base.scss */
  .desktop {
    display: none;
  }
}