@charset "UTF-8";
.backgroundimg {
  position: fixed;
}

.mainsearchbar {
  margin-top: 210px;
}

.morebtn {
  display: none;
}

.page-register {
  position: relative;
  width: 100%;
  margin: auto;
  font-size: 0.938em;
  max-width: 1200px;
  min-height: 700px;
  background: #fff;
}
.page-register .grid1 {
  width: 94%;
  max-width: 800px;
  padding: 50px 3%;
  margin: auto;
}
.page-register .grid1 .column h4, .page-register .grid1 .column h5, .page-register .grid1 .column big {
  font-family: "Noto Sans TC","黑體-繁","微軟正黑體", sans-serif;
  font-weight: 500;
  display: block;
}
.page-register .grid1 .column h4 {
  font-size: 1.375rem;
  margin: 10px auto;
}
.page-register .grid1 .column h5 {
  font-size: 1.25rem;
  margin: 20px auto 5px;
}
.page-register .grid1 .column h5 small {
  display: block;
  font-size: 80%;
}
.page-register .grid1 .column h5 small i {
  font-size: 130%;
  padding: 0 5px;
  color: #ff6590;
}
.page-register .grid1 .column big {
  font-size: 1rem;
  margin: 25px auto 5px;
}
.page-register .grid1 .column .column1 ol {
  margin: 35px auto;
  position: relative;
  overflow: hidden;
  height: 250px;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.page-register .grid1 .column .column1 ol li {
  margin-left: 25px;
}
.page-register .grid1 .column .column1 ul {
  margin: 10px auto;
}
.page-register .grid1 .column .column1 ul li {
  margin-left: 10px;
}
.page-register .grid1 .column .column1 ul li strong {
  margin-right: 3px;
  letter-spacing: 1px;
}
.page-register .grid1 .column .column1 .block {
  position: absolute;
  text-align: center;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #ffffff);
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #ffffff);
  background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
}
.page-register .grid1 .column .column1 .block span {
  position: relative;
  top: 50px;
  color: #fff;
  letter-spacing: 2px;
  padding: 8px 25px;
  background: #555;
  cursor: pointer;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.page-register .grid1 .column .column2 {
  display: none;
  max-width: 600px;
  margin: 50px auto;
}
.page-register .grid1 .column .column2 form {
  margin: 15px auto;
}
.page-register .grid1 .column .column2 .child {
  margin: 50px auto;
}
.page-register .grid1 .column .column2 .child input {
  text-align: center;
  font-size: 1.5em;
  border: none;
  border-bottom: solid 1px #888;
  margin: 0 2px;
  padding: 2px 0;
  display: inline-block;
  width: 22px;
  background: inherit;
  border-radius: 0;
}
.page-register .grid1 .column .column2 .child small {
  display: block;
  margin: 10px auto;
}