/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./resources/src/css/home/welcome.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.cookieConsentContainer {
  width: 100%;
  min-height: 1.25rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.25rem 1.875rem;
  background: rgba(41, 30, 28, 0.8);
  background: linear-gradient(-45deg, rgba(41, 30, 28, 0.6) 0%, rgba(41, 30, 28, 0.8) 30%, rgba(41, 30, 28, 0.9) 50%, rgba(41, 30, 28, 0.8) 70%, rgba(41, 30, 28, 0.6) 100%);
  overflow: hidden;
  position: fixed;
  bottom: 0;
  right: 0;
  display: none;
  z-index: 999; }
  @media screen and (max-width: 480px) {
    .cookieConsentContainer {
      padding: 1.25rem 1.25rem; } }

.cookie_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 480px) {
    .cookie_row {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.cookieDesc {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 62.5rem;
          flex: 0 1 62.5rem;
  margin-right: 1.875rem; }
  @media screen and (max-width: 480px) {
    .cookieDesc {
      margin-right: 0;
      margin-bottom: 0.9375rem; } }
  .cookieDesc p {
    color: #FFFFFF;
    font-size: 0.875rem;
    line-height: 1.7; }
  .cookieDesc a {
    display: inline-block;
    color: #FFFFFF;
    position: relative; }
    .cookieDesc a::before {
      content: '';
      width: 100%;
      height: 0.0625rem;
      background: #fff;
      position: absolute;
      bottom: 0.125rem;
      left: 0;
      -webkit-transition: opacity .2s ease-out;
      transition: opacity .2s ease-out; }
    .cookieDesc a:hover::before {
      opacity: 0; }

@media screen and (max-width: 480px) {
  .cookieButton {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; } }

.cookieButton_link {
  color: #FFFFFF;
  font-size: 0.875rem;
  font-weight: bold;
  white-space: nowrap;
  background: #b5b6b6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.75rem 1.875rem;
  text-align: center;
  -webkit-transition: background 0.3s;
  transition: background 0.3s; }
  .cookieButton_link:hover {
    background: #28988c; }

.form_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-left: -0.625rem;
  margin-right: -0.625rem; }
  @media screen and (max-width: 950px) {
    .form_row {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.form_col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0.625rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.form_left,
.form_right {
  padding: 0.3125rem 0.625rem;
  vertical-align: top; }
  @media screen and (max-width: 768px) {
    .form_left,
    .form_right {
      width: auto;
      padding-right: 0;
      display: block; } }

.form_left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12.5rem;
          flex: 0 0 12.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }
  @media screen and (max-width: 768px) {
    .form_left {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; } }

.form_right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.form_title {
  line-height: 1.4;
  color: #291e1c;
  text-align: right;
  font-weight: bold;
  padding-right: 1.25rem;
  padding-top: 0.5625rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 768px) {
    .form_title {
      text-align: left; } }

.must {
  position: absolute;
  right: 0.4375rem;
  top: 1.0625rem;
  color: #296395; }
  @media screen and (max-width: 768px) {
    .must {
      right: 0;
      top: 0.3125rem;
      position: relative;
      margin-left: 0.625rem;
      display: inline-block; } }

.column_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -0.4375rem;
  margin-right: -0.4375rem; }

.column_col {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0.4375rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }
  .column_col.col_3 {
    min-width: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
            flex: 0 0 33.3333%; }
  .column_col.col_auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .column_col .form_title {
    padding-top: 0; }

.outline_btn {
  width: auto;
  display: block;
  cursor: pointer;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 1rem;
  background: transparent;
  margin: 0;
  opacity: .7;
  -webkit-transition: opacity .1s ease-out;
  transition: opacity .1s ease-out; }
  .outline_btn:hover {
    opacity: 1; }
  .outline_btn[disabled] {
    opacity: 0;
    cursor: auto; }

.form_btn {
  width: auto;
  min-width: 5rem;
  display: block;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  color: #fff;
  font-size: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  letter-spacing: 0.0625rem;
  line-height: 2.4375rem;
  background: #291e1c;
  border: none;
  padding: 0 1.25rem; }
  @media screen and (max-width: 480px) {
    .form_btn {
      padding: 0 0.625rem;
      min-width: 3.75rem; } }
  .form_btn:hover {
    opacity: 0.9; }
  .form_btn.red {
    background: #28988c; }
  .form_btn.blue {
    background: linear-gradient(6deg, #296395 0%, #28988c 100%); }
  .form_btn[disabled] {
    background: #b5b6b6;
    cursor: auto; }

.form_txt, .alert_txt {
  display: block;
  font-size: 0.6875rem;
  line-height: 1.5;
  margin-top: 0.3125rem; }

.alert_txt {
  color: #28988c; }

.input_all_style, .upload_input, .preview_inner {
  height: auto;
  color: #291e1c;
  font-family: "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  border-radius: 0; }
  .input_all_style:focus, .upload_input:focus, .preview_inner:focus {
    -webkit-box-shadow: inset 0.0625rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.3);
            box-shadow: inset 0.0625rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.3); }
  .input_all_style.disabled, .disabled.upload_input, .disabled.preview_inner {
    -webkit-box-shadow: inset 0.0625rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.02);
            box-shadow: inset 0.0625rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.02); }
    .input_all_style.disabled:focus, .disabled.upload_input:focus, .disabled.preview_inner:focus {
      -webkit-box-shadow: inset 0.0625rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.02);
              box-shadow: inset 0.0625rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.02); }

.upload_input {
  border: 0.0625rem solid rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden; }
  .upload_input.file {
    min-height: 0.9rem; }
    .upload_input.file:after {
      display: none; }
  .upload_input[disabled] {
    border: 0.0625rem solid rgba(0, 0, 0, 0.2); }

.filemanager_trigger {
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer; }
  .filemanager_trigger[disabled] {
    cursor: auto; }

.img_delete {
  position: absolute;
  right: 0.4375rem;
  top: 0.75rem;
  cursor: pointer;
  z-index: 5;
  opacity: .5;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out; }
  .img_delete:hover {
    opacity: 1; }

.preview {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.25rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.preview_inner {
  position: relative;
  padding: 0;
  background-image: url(../img/admin_icon_img.png);
  background-size: 30px auto;
  background-repeat: no-repeat;
  background-position: center center; }

.preview_img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }
  .preview_img:not([src]), .preview_img[src^=""] {
    opacity: 0; }

.form_text {
  display: block;
  font-size: 0.6875rem;
  line-height: 1.5;
  color: #686a6a;
  opacity: 0.7; }
  .form_text.mt {
    margin-top: 0.3125rem; }

.labelStyle {
  font-size: 1rem;
  font-family: "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  color: #291e1c;
  line-height: 2.375rem; }

.inputStyle {
  width: 100%;
  border: 0.0625rem solid rgba(0, 0, 0, 0.4);
  border-radius: 0;
  font-size: 1rem;
  font-family: "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  color: #291e1c;
  padding: 0.5rem 0.625rem;
  line-height: 1.3;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block; }
  .inputStyle:focus {
    outline: 2px dotted #296395;
    outline-offset: 2px; }
  .inputStyle::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.4); }
  .inputStyle::-moz-placeholder {
    color: rgba(0, 0, 0, 0.4); }
  .inputStyle:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.4); }
  .inputStyle:-moz-placeholder {
    color: rgba(0, 0, 0, 0.4); }
  .inputStyle.alert {
    -webkit-box-shadow: inset 0rem 0rem 12.5rem rgba(211, 46, 94, 0.1);
            box-shadow: inset 0rem 0rem 12.5rem rgba(211, 46, 94, 0.1); }
  .inputStyle.otherTxt {
    width: auto;
    margin-left: 0.625rem; }
  .inputStyle[disabled] {
    border: 0.0625rem solid rgba(0, 0, 0, 0.2); }

.selectStyle {
  width: 100%;
  min-width: 9.8125rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  font-family: "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  font-size: 1rem;
  padding: 0.5rem 0.625rem;
  padding-right: 1.75rem;
  color: #291e1c;
  border-radius: 0;
  line-height: 1.3;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url(../img/select_arrow.png) no-repeat calc(100% - 10px) center;
  background-size: 0.625rem auto;
  background-color: #fff; }
  .selectStyle:focus {
    outline: 2px dotted #296395;
    outline-offset: 2px; }
  .selectStyle.alert {
    -webkit-box-shadow: inset 0rem 0rem 12.5rem rgba(211, 46, 94, 0.1);
            box-shadow: inset 0rem 0rem 12.5rem rgba(211, 46, 94, 0.1); }
  .selectStyle[disabled] {
    border: 0.0625rem solid rgba(0, 0, 0, 0.3); }

.input_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.radioStyle, .checkboxStyle {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.4);
  border-radius: 0.5rem;
  background: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  margin: 0;
  margin-right: 0.4375rem; }
  @media screen and (max-width: 480px) {
    .radioStyle, .checkboxStyle {
      width: 1rem;
      height: 1rem; } }
  .radioStyle:focus, .checkboxStyle:focus {
    outline: 2px dotted #296395;
    outline-offset: 2px; }
  .radioStyle:checked:after, .checkboxStyle:checked:after {
    content: "";
    width: 0.375rem;
    height: 0.375rem;
    background: #434343;
    border-radius: 0.375rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.1875rem;
    margin-top: -0.1875rem; }
    @media screen and (max-width: 480px) {
      .radioStyle:checked:after, .checkboxStyle:checked:after {
        width: 0.5rem;
        height: 0.5rem;
        margin-left: -0.25rem;
        margin-top: -0.25rem;
        border-radius: 0.5rem; } }
  .radioStyle.alert, .alert.checkboxStyle {
    -webkit-box-shadow: inset 0rem 0rem 0.5rem rgba(211, 46, 94, 0.4);
            box-shadow: inset 0rem 0rem 0.5rem rgba(211, 46, 94, 0.4); }
  .radioStyle[disabled], .checkboxStyle[disabled] {
    border: 0.0625rem solid rgba(0, 0, 0, 0.3); }

.checkboxStyle {
  border-radius: 0; }
  .checkboxStyle:focus {
    outline: 2px dotted #296395;
    outline-offset: 2px; }
  .checkboxStyle:checked:after {
    border-radius: 0; }
  .checkboxStyle[disabled] {
    border: 0.0625rem solid rgba(0, 0, 0, 0.3); }

.buttonStyle {
  width: 100%;
  min-width: 6.25rem;
  color: #fff;
  text-shadow: -1px -1px 0 #0b0807;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #291e1c;
  background: #322522;
  border: 1px solid #1a1312;
  border-right: 1px solid #0b0807;
  border-bottom: 3px solid black;
  -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.8);
          box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.8);
  border-radius: 1px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  height: 2.5rem;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer; }
  .buttonStyle:focus {
    outline: 2px dotted #296395;
    outline-offset: 2px; }
  .buttonStyle:hover {
    color: #a4c7e6;
    text-shadow: -1px -1px 0 #11293d;
    background: #296395;
    border: 1px solid #235681;
    border-bottom: 1px solid #235681;
    -webkit-box-shadow: 1px 1px 3px rgba(24, 59, 89, 0.8);
            box-shadow: 1px 1px 3px rgba(24, 59, 89, 0.8);
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear; }
  .buttonStyle[disabled] {
    color: white;
    text-shadow: -1px -1px 0 #7d7e7e;
    background: #b5b6b6;
    border: 1px solid #a8a9a9;
    border-bottom: 1px solid #a8a9a9;
    -webkit-box-shadow: 1px 1px 3px rgba(142, 144, 144, 0.8);
            box-shadow: 1px 1px 3px rgba(142, 144, 144, 0.8);
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
    cursor: auto; }
  .buttonStyle.facebook_btn {
    color: #fff;
    text-shadow: -1px -1px 0 #2d4373;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #3b5998;
    background: #3f5fa3;
    border: 1px solid #344e86;
    border-right: 1px solid #2d4373;
    border-bottom: 3px solid #263961;
    -webkit-box-shadow: 1px 1px 7px rgba(38, 57, 97, 0.8);
            box-shadow: 1px 1px 7px rgba(38, 57, 97, 0.8);
    border-radius: 1px;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out; }
    .buttonStyle.facebook_btn:hover {
      color: #bbc8e4;
      text-shadow: -1px -1px 0 #1c2a47;
      background: #3b5998;
      border: 1px solid #344e86;
      border-bottom: 1px solid #344e86;
      -webkit-box-shadow: 1px 1px 3px rgba(38, 57, 97, 0.8);
              box-shadow: 1px 1px 3px rgba(38, 57, 97, 0.8);
      -webkit-transition: all 0.1s linear;
      transition: all 0.1s linear; }
  .buttonStyle.google_btn {
    color: #fff;
    text-shadow: -1px -1px 0 #9c2616;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #c9311c;
    background: #d6341e;
    border: 1px solid #b32c19;
    border-right: 1px solid #9c2616;
    border-bottom: 3px solid #862113;
    -webkit-box-shadow: 1px 1px 7px rgba(134, 33, 19, 0.8);
            box-shadow: 1px 1px 7px rgba(134, 33, 19, 0.8);
    border-radius: 1px;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out; }
    .buttonStyle.google_btn:hover {
      color: #f6c2bb;
      text-shadow: -1px -1px 0 #67190e;
      background: #c9311c;
      border: 1px solid #b32c19;
      border-bottom: 1px solid #b32c19;
      -webkit-box-shadow: 1px 1px 3px rgba(134, 33, 19, 0.8);
              box-shadow: 1px 1px 3px rgba(134, 33, 19, 0.8);
      -webkit-transition: all 0.1s linear;
      transition: all 0.1s linear; }
  .buttonStyle .fa-brands {
    margin-right: 0.3125rem; }

.index {
  background: #141414; }

.accesskey {
  opacity: 0; }
  .accesskey:focus {
    opacity: 1; }

.kv_sec {
  height: calc(100vh + 8.625rem); }
  @media screen and (max-width: 950px) {
    .kv_sec {
      height: auto; } }

.kv_bg {
  width: 104.16667vw;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-2%);
      -ms-transform: translateX(-50%) translateY(-2%);
          transform: translateX(-50%) translateY(-2%); }
  @media screen and (max-width: 950px) {
    .kv_bg {
      display: none; } }

.kv_bird {
  width: 55.125rem;
  position: absolute;
  left: 63%;
  top: 1.25rem; }
  @media screen and (max-width: 950px) {
    .kv_bird {
      display: none; } }

.kv_txt {
  width: 4.625rem;
  position: absolute;
  right: 0%;
  top: 6.25rem; }
  @media screen and (max-width: 950px) {
    .kv_txt {
      display: none; } }

.kv_title {
  width: 62.5rem;
  margin-left: -15%;
  margin-top: 6.25rem; }
  @media screen and (max-width: 950px) {
    .kv_title {
      display: none; } }

.kv_btn_row {
  width: 100%;
  max-width: 56.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3.125rem; }
  @media screen and (max-width: 950px) {
    .kv_btn_row {
      position: absolute;
      top: 72%;
      left: 0;
      display: block; } }

.kv_btn {
  padding: 0 1.25rem; }
  @media screen and (max-width: 950px) {
    .kv_btn {
      padding: 0 4.375rem;
      margin-bottom: 0.9375rem; } }

.kv_btn_link {
  color: #fff;
  background: #296395;
  border-radius: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  padding: 0.75rem 3.75rem; }
  @media screen and (min-width: 951px) {
    .kv_btn_link:after {
      content: "";
      width: calc(100% + 4px);
      height: calc(100% + 4px);
      border: 2px dotted #296395;
      border-radius: 0.1875rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: absolute;
      top: -2px;
      left: -2px;
      z-index: 5;
      opacity: 0;
      -webkit-transition: opacity 0.1s ease-out;
      transition: opacity 0.1s ease-out; }
    .kv_btn_link:focus:after {
      opacity: 1; } }
  .kv_btn_link:focus, .kv_btn_link:hover {
    color: #fff;
    background: #28988c; }
  @media screen and (max-width: 480px) {
    .kv_btn_link {
      padding: 0.75rem 2.625rem; } }

.kv_btn_txt {
  font-size: 2.75rem; }
  @media screen and (max-width: 950px) {
    .kv_btn_txt {
      font-size: 1.875rem; } }

.kv_bg_m {
  display: none; }
  @media screen and (max-width: 950px) {
    .kv_bg_m {
      display: block; } }

#scene {
  pointer-events: inherit !important; }

#scene {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0; }

.scene_layer {
  width: 100%;
  height: 100%; }
  @media screen and (max-width: 950px) {
    .scene_layer {
      position: absolute;
      top: 0;
      left: 0; } }
  .scene_layer .container {
    height: 100%; }

.circle_inner {
  width: 55.875rem;
  height: 55.875rem;
  border-radius: 55.875rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -58%);
      -ms-transform: translate(-50%, -58%);
          transform: translate(-50%, -58%); }
  @media screen and (max-width: 950px) {
    .circle_inner {
      width: 89vw;
      height: 89vw;
      top: 40%; } }
  @media screen and (max-width: 480px) {
    .circle_inner {
      top: 25%; } }
  .circle_inner:after {
    content: '';
    width: 78.7472%;
    height: 78.7472%;
    border-radius: 44rem;
    border: 0.0625rem solid rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.circle_txt {
  width: 53.38542%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -56.6%);
      -ms-transform: translate(-50%, -56.6%);
          transform: translate(-50%, -56.6%);
  -webkit-animation: circle_txt 50s linear infinite;
          animation: circle_txt 50s linear infinite; }
  @media screen and (max-width: 950px) {
    .circle_txt {
      top: 40%; } }
  @media screen and (max-width: 480px) {
    .circle_txt {
      top: 25%; } }

@-webkit-keyframes circle_txt {
  100% {
    -webkit-transform: translate(-50%, -56.6%) rotate(360deg);
            transform: translate(-50%, -56.6%) rotate(360deg); } }

@keyframes circle_txt {
  100% {
    -webkit-transform: translate(-50%, -56.6%) rotate(360deg);
            transform: translate(-50%, -56.6%) rotate(360deg); } }

#canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.mask_container {
  width: 100%;
  height: 100%;
  -webkit-mask: url(../fonts/mask.svg);
          mask: url(../fonts/mask.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center 45%;
          mask-position: center 45%;
  -webkit-mask-size: 0;
          mask-size: 0;
  -webkit-animation: mask 3s linear;
          animation: mask 3s linear;
  -webkit-mask-size: 0%;
          mask-size: 0%; }
  @media screen and (max-width: 950px) {
    .mask_container {
      -webkit-mask: none;
              mask: none; } }

.landing {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20; }

.landing_bird_1 {
  width: 4.25rem;
  position: absolute;
  right: -10%;
  top: 30%;
  margin-top: -5.625rem; }

.landing_bird_2 {
  width: 2.4375rem;
  position: absolute;
  right: -10%;
  top: 30%;
  margin-top: -1.25rem; }

.landing_bird_3 {
  width: 4rem;
  position: absolute;
  right: -10%;
  top: 30%;
  margin-top: -1.0625rem; }

#path_1 {
  width: 120%;
  position: absolute;
  top: 15%;
  left: -10%; }
  @media screen and (max-width: 950px) {
    #path_1 {
      top: 45%; } }

#path_2 {
  width: 120%;
  position: absolute;
  top: 10%;
  left: -10%; }
  @media screen and (max-width: 950px) {
    #path_2 {
      top: 40%; } }

.path_1,
.path_2 {
  fill: none; }


/*# sourceMappingURL=welcome.min.css.map*/