/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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";
@font-face {
  font-family: "EBGaramond";
  src: url(../fonts/EBGaramond-Medium.ttf) format("truetype");
  font-style: normal;
}
:root {
  --color1: #1baadd;
  --color2: #0033a0;
}

.mapimg {
  position: absolute;
  top: 0;
  left: 0;
}

.wrapper {
  padding-top: 6.3125rem;
}
@media screen and (max-width: 480px) {
  .wrapper {
    padding-top: 5.15rem;
  }
}

.img_back {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.kv .img {
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.5);
}

.itm .kv .img {
  -o-object-position: center 10%;
     object-position: center 10%;
}

.iob .kv .img {
  -o-object-position: center 0%;
     object-position: center 0%;
}

.news_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 950px) {
  .news_sec {
    display: block;
  }
}

.news_left {
  min-width: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  min-height: 53.125rem;
  color: #fff;
  background: #1baadd;
  background: var(--color1);
  padding-top: 5.9375rem;
}
@media screen and (max-width: 950px) {
  .news_left {
    min-height: auto;
    padding-top: 3.75rem;
    padding-bottom: 5rem;
  }
}
.news_left .maintitle_row {
  margin-bottom: 2.0625rem;
}

.news_right {
  min-width: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  background: #fff;
  padding-top: 7.5rem;
  padding-bottom: 10.75rem;
}
@media screen and (max-width: 950px) {
  .news_right {
    padding-top: 3.75rem;
    padding-bottom: 5rem;
  }
}
@media screen and (min-width: 951px) {
  .news_right .container {
    width: calc(100% - 4.75rem);
  }
}
.news_right .readmore_btn_row {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 3.75rem;
  margin-top: 0.625rem;
}
@media screen and (max-width: 950px) {
  .news_right .readmore_btn_row {
    padding-right: 0;
    margin-top: 1.875rem;
  }
}

.item_row .item::before {
  content: "";
  width: 140%;
  height: 100%;
  background: #f2f5fb;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}
@media screen and (max-width: 480px) {
  .item_row .item::before {
    width: 100%;
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
  }
}
.item_row .item_link:hover .item::before {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

.about_sec {
  padding-top: 5.0625rem;
  padding-bottom: 15rem;
  position: relative;
}
@media screen and (max-width: 950px) {
  .about_sec {
    padding-top: 11.25rem;
    padding-bottom: 11.25rem;
  }
}
@media screen and (max-width: 480px) {
  .about_sec {
    padding-top: 9.375rem;
    padding-bottom: 9.375rem;
  }
}
.about_sec .container_inner {
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .about_sec .container_inner {
    width: calc(100% - 1.25rem);
  }
}
@media screen and (min-width: 951px) {
  .about_sec .container {
    width: calc(100% - 11.625rem);
  }
}

.about_txt {
  font-size: 1.125rem;
  text-align: center;
  letter-spacing: 0.0625rem;
  padding-top: 2.0625rem;
  padding-bottom: 3.125rem;
}
@media screen and (max-width: 950px) {
  .about_txt {
    padding-bottom: 0.9375rem;
  }
}

.about_pic_left {
  width: 59.9375rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 950px) {
  .about_pic_left {
    left: auto;
    right: 30vw;
  }
}
@media screen and (max-width: 480px) {
  .about_pic_left {
    display: none;
  }
}

.about_pic_right {
  width: 77.125rem;
  position: absolute;
  top: -4.9375rem;
  right: 0;
}
@media screen and (max-width: 950px) {
  .about_pic_right {
    top: 0;
    right: auto;
    left: 20vw;
  }
}
@media screen and (max-width: 480px) {
  .about_pic_right {
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.about_center {
  background: #fff;
  padding-top: 4.375rem;
  padding-bottom: 6.5rem;
}
@media screen and (max-width: 950px) {
  .about_center {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}

.count_sec {
  padding-top: 10rem;
  padding-bottom: 11.125rem;
  position: relative;
}
@media screen and (max-width: 480px) {
  .count_sec {
    padding-top: 3.75rem;
    padding-bottom: 5rem;
  }
}
.count_sec .container {
  max-width: 85rem;
}
@media screen and (max-width: 950px) {
  .count_sec .container {
    width: calc(100% - 3.75rem);
  }
}

.count_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 480px) {
  .count_row {
    display: block;
  }
}

.count_item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-left: 1px solid #e5e5e5;
  padding-top: 0.5rem;
  padding-bottom: 1.875rem;
}
@media screen and (max-width: 480px) {
  .count_item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 1.25rem;
    border-left: none;
  }
}
.count_item:nth-child(1) {
  color: #314687;
  border-left: 0;
}
.count_item:nth-child(2) {
  color: #3068a1;
}
.count_item:nth-child(3) {
  color: #2a8dc0;
}
.count_item:nth-child(4) {
  color: #1baadd;
}

.count_numeric {
  font-size: 5rem;
  font-family: "EBGaramond", "Roboto", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  text-align: center;
  line-height: 1.1;
}
@media screen and (max-width: 950px) {
  .count_numeric {
    font-size: 3.75rem;
  }
}
.count_numeric span {
  font-size: 5rem;
}

.count_txt {
  font-size: 1.375rem;
  text-align: center;
}
@media screen and (max-width: 950px) {
  .count_txt {
    line-height: 1.2;
    margin-top: 0.9375rem;
  }
}
.count_txt br {
  display: none;
}
@media screen and (max-width: 950px) {
  .count_txt br {
    display: block;
  }
}

.event_sec {
  background: #0033a0;
  background: var(--color2);
  padding-top: 5.9375rem;
  padding-bottom: 6.875rem;
}
.event_sec .container {
  max-width: none;
}

.event_swiper {
  position: relative;
  padding-bottom: 5.375rem;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-top: 3.125rem;
  margin-bottom: 4.375rem;
}
.event_swiper .swiper-slide {
  padding: 0 1.25rem;
}

.community_sec {
  padding-top: 7.75rem;
}
.community_sec .container {
  max-width: 85rem;
}
.community_sec .maintitle_row.center .maintitle_line {
  width: 1px;
  height: 2.5rem;
  border: 0;
  background: #000;
  margin: 0.3125rem auto 0;
}

.community_board {
  padding-top: 6.0625rem;
  position: relative;
}
@media screen and (max-width: 480px) {
  .community_board {
    padding-top: 1.875rem;
  }
}
.community_board::after {
  content: "";
  width: 100%;
  height: calc(100% + 7.3125rem);
  background: #f2f5fb;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 480px) {
  .community_board::after {
    height: calc(100% + 5rem);
  }
}

.community_banner {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
@media screen and (max-width: 950px) {
  .community_banner {
    width: 96vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-bottom: 3.125rem;
  }
}
@media screen and (max-width: 480px) {
  .community_banner {
    width: 100vw;
    margin-bottom: 2.5rem;
  }
}

.community_txt {
  font-size: 1.125rem;
  text-align: center;
  margin-top: 1.125rem;
}

.community_pic {
  position: relative;
}
.community_pic .img {
  border-radius: 0.4375rem;
}

.community_swiper {
  max-width: 63.75rem;
  padding-bottom: 5.3125rem;
  margin: 2.8125rem auto 0;
  position: relative;
}
@media screen and (max-width: 480px) {
  .community_swiper {
    margin-left: -1.5625rem;
    margin-right: -1.5625rem;
  }
}
.community_swiper .swiper {
  overflow: visible;
}
.community_swiper .swiper-slide {
  padding: 0 1.5625rem;
}
@media screen and (max-width: 480px) {
  .community_swiper .swiper-slide {
    padding: 0 0.625rem;
  }
}
.community_swiper .swiper-slide:nth-child(2n+1) {
  padding-top: 4.375rem;
}
@media screen and (max-width: 480px) {
  .community_swiper .swiper-slide:nth-child(2n+1) {
    padding-top: 3.125rem;
  }
}
.community_swiper .swiper-button-prev,
.community_swiper .swiper-button-next {
  top: auto;
  bottom: 0;
}
.community_swiper .swiper-button-prev {
  left: 50% !important;
}
.community_swiper .swiper-button-prev {
  margin-left: -5rem;
}
.community_swiper .swiper-button-next {
  right: 50% !important;
}
.community_swiper .swiper-button-next {
  margin-right: -5rem;
}

.community_link {
  display: inline;
  position: relative;
}
.community_link::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #000;
  position: absolute;
  bottom: 1px;
  left: 0;
  opacity: 0.7;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.community_link:hover::after {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0.7;
}

.program_sec {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 480px) {
  .program_sec {
    padding-top: 12.5rem;
  }
}
.program_sec .container {
  max-width: none;
}
.program_sec .readmore_btn_row {
  margin-top: 4.375rem;
}

.school .program_sec {
  padding-top: 13.75rem;
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 480px) {
  .school .program_sec {
    padding-top: 12.5rem;
  }
}

.program_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #1baadd;
  background: var(--color1);
}

.program_bg_img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.3;
  -webkit-filter: grayscale(100%) brightness(1.4);
          filter: grayscale(100%) brightness(1.4);
}

.program_swiper {
  margin-left: -1.875rem;
  margin-top: 4.25rem;
  padding-bottom: 4.375rem;
  position: relative;
}
@media screen and (max-width: 480px) {
  .program_swiper {
    margin-left: -0.9375rem;
    margin-top: 2.5rem;
  }
}
.program_swiper .swiper {
  overflow: visible;
}
.program_swiper .swiper-slide {
  padding: 0 1.875rem;
}
@media screen and (max-width: 480px) {
  .program_swiper .swiper-slide {
    padding: 0 0.9375rem;
  }
}

.iob_about_sec {
  position: relative;
  background-color: #0033a0;
  background-color: var(--color2);
  -webkit-box-shadow: -0.125rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.25);
          box-shadow: -0.125rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.25);
}
.iob_about_sec .about_center {
  position: relative;
  bottom: -6.25rem;
  -webkit-box-shadow: -0.125rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.25);
          box-shadow: -0.125rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.25);
}
.iob_about_sec .maintitle_row.center .maintitle_line {
  border-color: #fff;
}

.faculty_sec {
  padding-top: 12.5rem;
  padding-bottom: 9.375rem;
}
.faculty_sec .container {
  max-width: 85rem;
}
.faculty_sec .maintitle_row.center {
  margin-bottom: 1.25rem;
}
.faculty_sec .col_list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.school .faculty_sec {
  padding-bottom: 0;
}

.iob .community_sec {
  padding-top: 5rem;
}

.program_txt {
  color: #fff;
  margin-top: 3.125rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/share/components/_input.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: "EBGaramond";
  src: url(../fonts/EBGaramond-Medium.ttf) format("truetype");
  font-style: normal;
}
:root {
  --color1: #1baadd;
  --color2: #0033a0;
}

.form_board {
  border-radius: 0.3125rem;
  background: linear-gradient(169deg, rgb(164, 214, 250) 26%, rgb(36, 148, 248) 100%);
  -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25);
  padding: 0.625rem;
}

.column_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 890px) {
  .column_row {
    display: block;
  }
}

.column_col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.column_col.col_auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.form_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 890px) {
  .form_row {
    display: block;
  }
}

.form_col {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

.form_title {
  width: 9em;
  text-align: right;
  padding: 0.4375rem;
}
@media screen and (max-width: 890px) {
  .form_title {
    width: 100%;
    text-align: left;
    padding-bottom: 0;
  }
}

.form_input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding: 0.4375rem;
  padding-left: 0;
}
@media screen and (max-width: 890px) {
  .form_input {
    padding: 0.4375rem;
    padding-top: 0;
  }
}

.form_required {
  font-size: 1.25rem;
  color: #e46757;
  position: absolute;
  left: 0.625rem;
  top: 50%;
  -webkit-transform: translateY(-37%);
      -ms-transform: translateY(-37%);
          transform: translateY(-37%);
}
@media screen and (max-width: 890px) {
  .form_required {
    left: 1.0625rem;
  }
}

.input_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 480px) {
  .input_group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.input_group:not(:first-child) {
  padding-left: 0.625rem;
}
.input_group .labelStyle:first-child {
  padding-left: 0;
}
.input_group .inputStyle {
  width: auto;
}

.labelStyle {
  font-size: 1.25rem;
  font-family: "Roboto", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  color: #000;
  line-height: 2.9375rem;
  padding: 0 0.625rem;
  word-break: break-all;
}
@media screen and (max-width: 480px) {
  .labelStyle {
    font-size: 1.375rem;
    padding: 0.3rem 0.625rem;
  }
}
.labelStyle span {
  display: inline-block;
  color: #000;
  font-size: 1.25rem;
  line-height: 1.5;
  padding: 0 0.375rem;
  border-radius: 1.875rem;
  background: #fff;
  margin-left: -0.21875rem;
}
@media screen and (max-width: 480px) {
  .labelStyle span {
    font-size: 1.375rem;
  }
}

.inputStyle {
  width: 100%;
  border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  border-radius: 0.1875rem;
  font-size: 1.1875rem;
  font-family: "Roboto", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  color: #000;
  padding: 0.625rem 1.5625rem;
  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;
}
@media screen and (max-width: 480px) {
  .inputStyle {
    font-size: 1.375rem;
  }
}
.inputStyle::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.inputStyle::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.inputStyle:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.inputStyle::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.inputStyle::placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.inputStyle.alert {
  background: rgb(237.8209606987, 144.5633187773, 131.6790393013);
}

.textareaStyle {
  width: 100%;
  border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  border-radius: 0.1875rem;
  font-size: 1.1875rem;
  font-family: "Roboto", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  color: #000;
  padding: 0.9375rem 0.9375rem;
  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;
  resize: vertical;
}
@media screen and (max-width: 480px) {
  .textareaStyle {
    font-size: 1.375rem;
  }
}
.textareaStyle::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.textareaStyle::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.textareaStyle:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.textareaStyle::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.textareaStyle::placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.textareaStyle.alert {
  background: rgb(237.8209606987, 144.5633187773, 131.6790393013);
}

.selectStyle {
  width: 100%;
  border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  border-radius: 0.1875rem;
  font-size: 1.1875rem;
  font-family: "Roboto", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  color: #000;
  padding: 0.625rem 1.875rem;
  padding-right: 2.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;
  background: url(../img/icon_arrow_select_gray.png) no-repeat calc(100% - 0.9375rem) center;
  background-size: 0.625rem auto;
  background-color: #fff;
}
@media screen and (max-width: 480px) {
  .selectStyle {
    font-size: 1.375rem;
  }
}
.selectStyle.alert {
  background: rgb(237.8209606987, 144.5633187773, 131.6790393013);
}
.selectStyle[disabled] {
  background-color: rgba(255, 255, 255, 0);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.radioStyle, .checkboxStyle {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.375rem;
          flex: 0 0 1.375rem;
  width: 1.375rem;
  height: 1.375rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  border-radius: 1.375rem;
  background: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  margin: 0;
}
@media screen and (max-width: 480px) {
  .radioStyle, .checkboxStyle {
    width: 1.875rem;
    height: 1.875rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1.875rem;
            flex: 0 0 1.875rem;
  }
}
.radioStyle:checked:after, .checkboxStyle:checked:after {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  background: linear-gradient(169deg, rgb(164, 214, 250) 26%, rgb(36, 148, 248) 100%);
  border-radius: 0.75rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.375rem;
  margin-top: -0.375rem;
}
.radioStyle.alert, .alert.checkboxStyle {
  background: rgb(237.8209606987, 144.5633187773, 131.6790393013);
}

.checkboxStyle {
  border-radius: 0;
}
.checkboxStyle:checked:after {
  border-radius: 0;
}

.buttonStyle {
  min-width: 10.625rem;
  height: 2.875rem;
  color: #fff;
  font-size: 1.25rem;
  letter-spacing: 1px;
  background: #000;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0 1.875rem;
  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;
  position: relative;
}
.buttonStyle:hover {
  background: rgb(25.5, 25.5, 25.5);
}
.buttonStyle[disabled] {
  display: none;
}
.buttonStyle.alert {
  background: rgb(230.9493449782, 100.3886462882, 82.3506550218);
}
.buttonStyle.facebook_btn {
  color: #fff;
  text-shadow: 0px 0px 0 rgb(44.7393364929, 67.4881516588, 115.2606635071);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #3b5998;
  background: rgb(63.2781990521, 95.4535545024, 163.0218009479);
  border: 1px solid rgb(57.5739336493, 86.8488151659, 148.3260663507);
  border-right: 1px solid rgb(44.7393364929, 67.4881516588, 115.2606635071);
  border-bottom: 2px solid rgb(37.6090047393, 56.7322274882, 96.8909952607);
  -webkit-box-shadow: 1px 1px 4px rgba(51.8696682464, 78.2440758294, 133.6303317536, 0.8);
          box-shadow: 1px 1px 4px rgba(51.8696682464, 78.2440758294, 133.6303317536, 0.8);
  border-radius: 1px;
  -webkit-transition: all 0.05s ease-out;
  transition: all 0.05s ease-out;
}
.buttonStyle.facebook_btn:hover {
  color: rgb(186.5639810427, 200.0710900474, 228.4360189573);
  text-shadow: -1px -1px 0 rgb(27.6265402844, 41.6739336493, 71.1734597156);
  background: #3b5998;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 2px solid transparent;
  -webkit-box-shadow: 1px 1px 2px rgba(51.8696682464, 78.2440758294, 133.6303317536, 0.8);
          box-shadow: 1px 1px 2px rgba(51.8696682464, 78.2440758294, 133.6303317536, 0.8);
  -webkit-transition: all 0.05s linear;
  transition: all 0.05s linear;
}
.buttonStyle.google_btn {
  color: #fff;
  text-shadow: 0px 0px 0 rgb(156.2358078603, 38.0873362445, 21.7641921397);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #c9311c;
  background: rgb(214.4292576419, 52.2737991266, 29.8707423581);
  border: 1px solid rgb(196.523580786, 47.9087336245, 27.376419214);
  border-right: 1px solid rgb(156.2358078603, 38.0873362445, 21.7641921397);
  border-bottom: 2px solid rgb(133.8537117904, 32.6310043668, 18.6462882096);
  -webkit-box-shadow: 1px 1px 4px rgba(178.6179039301, 43.5436681223, 24.8820960699, 0.8);
          box-shadow: 1px 1px 4px rgba(178.6179039301, 43.5436681223, 24.8820960699, 0.8);
  border-radius: 1px;
  -webkit-transition: all 0.05s ease-out;
  transition: all 0.05s ease-out;
}
.buttonStyle.google_btn:hover {
  color: rgb(245.5851528384, 194.4759825328, 187.4148471616);
  text-shadow: -1px -1px 0 rgb(102.5187772926, 24.992139738, 14.2812227074);
  background: #c9311c;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 2px solid transparent;
  -webkit-box-shadow: 1px 1px 2px rgba(178.6179039301, 43.5436681223, 24.8820960699, 0.8);
          box-shadow: 1px 1px 2px rgba(178.6179039301, 43.5436681223, 24.8820960699, 0.8);
  -webkit-transition: all 0.05s linear;
  transition: all 0.05s linear;
}
.buttonStyle .fa-brands {
  margin-right: 0.3125rem;
}

.fileinput_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.fileinput_group .inputStyle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.fileinputStyle {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.filebtnStyle {
  font-size: 1.0625rem;
  color: #000;
  white-space: nowrap;
  border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
  border-top-right-radius: 0.1875rem;
  border-bottom-right-radius: 0.1875rem;
  background: #fff;
  padding: 0 0.9375rem;
}

.form_small_txt {
  font-size: 0.9375rem;
  color: #fff;
  margin-top: 0.3125rem;
}

.img_verification {
  width: auto;
  height: 2.875rem;
  margin-left: 0.9375rem;
}
@media screen and (max-width: 480px) {
  .img_verification {
    margin-left: 0;
    margin-top: 0.3125rem;
  }
}

.form_line {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
  position: relative;
}

.btn_add {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 1.875rem;
  background: #000;
  position: relative;
  margin-left: 0.625rem;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.btn_add::before, .btn_add::after {
  content: "";
  width: 1rem;
  height: 0.125rem;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.0625rem;
  margin-left: -0.5rem;
}
.btn_add::after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.btn_add:hover {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/share/components/_linkto_btn.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "EBGaramond";
  src: url(../fonts/EBGaramond-Medium.ttf) format("truetype");
  font-style: normal;
}
:root {
  --color1: #1baadd;
  --color2: #0033a0;
}

.linkto_btn_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
@media screen and (max-width: 950px) {
  .linkto_btn_row {
    display: block;
    margin: 0;
  }
}

.linkto_btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #dedcd9;
  border-radius: 3.125rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0.625rem;
}
@media screen and (max-width: 950px) {
  .linkto_btn {
    margin: 1.25rem 0;
  }
}

.linkto_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.3125rem 0.375rem;
}
.linkto_link:hover .linkto_circle {
  background: #1baadd;
  background: var(--color1);
}

.linkto_txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.125rem;
  text-align: center;
  letter-spacing: 0.05rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.linkto_circle {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.125rem;
          flex: 0 0 3.125rem;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  background: #d4d4d4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.linkto_arrow {
  width: 1.5625rem;
}

.linkto_link:hover .linkto_arrow {
  -webkit-animation: readmore_arrow 1s ease-in-out infinite;
          animation: readmore_arrow 1s ease-in-out infinite;
}

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