/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_reset.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
/* RESET
--------------------------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
rem,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

address {
  display: inline;
  font-style: normal;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_base.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
html, body {
  width: 100%;
  font-family: "Noto Sans TC", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  color: #333;
  font-size: 0.8333333333vw;
  position: relative;
  overflow-x: hidden;
}
@media screen and (max-width: 850px) {
  html, body {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  html, body {
    font-size: 1.6842105263vw;
  }
}
@media screen and (max-width: 480px) {
  html, body {
    font-size: 3.0769230769vw;
  }
}

.en {
  letter-spacing: 0;
}

.wrapper {
  width: 100%;
  min-height: 100vh;
  line-height: 1.6;
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding-top: 4.375rem;
  font-size: 1.125rem;
}
@media screen and (max-width: 480px) {
  .wrapper {
    padding-top: 5.3125rem;
  }
}

.container {
  width: calc(100% - 3.75rem);
  max-width: 85rem;
  position: relative;
  margin: 0 auto;
  z-index: 1;
}
@media screen and (max-width: 850px) {
  .container {
    max-width: 75rem;
  }
}
@media screen and (max-width: 480px) {
  .container {
    width: calc(100% - 2.5rem);
  }
}

.container_inner {
  width: 100%;
  max-width: 56.25rem;
  position: relative;
  margin: 0 auto;
  z-index: 1;
}

section {
  position: relative;
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_share.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.mapimg {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
}

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

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

.align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.accesskey {
  font-size: 1rem;
  color: transparent;
  position: absolute;
  right: 100%;
  top: 0;
  margin-right: 0.625rem;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .accesskey:after {
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 1px dotted transparent;
    border-radius: 0.1875rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 5;
    opacity: 0;
    -webkit-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
  }
  .accesskey:focus:after {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .accesskey {
    display: none;
  }
}

.access_content {
  width: 0.0625rem;
  height: 0.0625rem;
  font-size: 1rem;
  padding: 0 0.625rem;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10000;
  clip: rect(0, 0, 0, 0);
}
@media screen and (min-width: 769px) {
  .access_content:after {
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 1px dotted transparent;
    border-radius: 0.1875rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 5;
    opacity: 0;
    -webkit-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
  }
  .access_content:focus:after {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .access_content {
    display: none;
  }
}
.access_content:focus {
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 0.0625rem;
  margin: -0.0625rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.0625rem;
}

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

:focus,
button:focus {
  outline: 0;
}

svg {
  display: block;
  width: 100%;
  height: 100%;
}

a {
  display: block;
  text-decoration: none;
  color: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
a:hover {
  color: inherit;
  text-decoration: none;
}

img {
  width: 100%;
  height: auto;
  display: block;
}

iframe {
  width: 100%;
  height: auto;
}

table {
  width: 100%;
}
table th,
table td {
  vertical-align: middle;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_loading.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.loading {
  width: 100%;
  height: 100%;
  background: #fff;
  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;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}

.loader_container {
  position: relative;
}

.loading_title {
  width: 224px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.loading_txt {
  text-align: center;
  color: #595656;
  font-size: 1.25rem;
  letter-spacing: 0.0625rem;
  -webkit-animation: loading_txt 1.5s alternate infinite ease-in-out;
          animation: loading_txt 1.5s alternate infinite ease-in-out;
}

@-webkit-keyframes loading_txt {
  50% {
    opacity: 0.2;
  }
}

@keyframes loading_txt {
  50% {
    opacity: 0.2;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_lightbox.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.lightbox {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
  opacity: 0;
  z-index: 999;
  padding: 5rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.lightbox::-webkit-scrollbar {
  width: 0.25rem;
}
.lightbox::-webkit-scrollbar-track {
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.03);
}
.lightbox::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
}
.lightbox .container {
  max-width: none;
  width: calc(100% - 5rem);
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .lightbox .container {
    width: auto;
  }
}

.lb_board {
  width: calc(100% - 5rem);
  max-width: 75rem;
  margin: auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .lb_board {
    width: calc(100% - 2.5rem);
    max-width: none;
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  .lb_board {
    width: calc(100% - 1.25rem);
  }
}

.btn_close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  z-index: 5;
}
@media screen and (max-width: 480px) {
  .btn_close {
    right: 0.625rem;
  }
}

.btn_close_link {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 3.125rem;
  background: #81bdf3;
}
.btn_close_link:before, .btn_close_link:after {
  content: "";
  display: block;
  width: 1.625rem;
  height: 0.1875rem;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.8125rem;
  margin-top: -0.09375rem;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.btn_close_link:before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.btn_close_link:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.btn_close_link:hover:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.btn_close_link:hover:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.lb_btn {
  cursor: pointer;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_header.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.header {
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 0.5625rem 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
}
@media screen and (max-width: 480px) {
  .header {
    padding: 0.75rem 0;
  }
}
.header .container {
  max-width: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mainlogo {
  position: relative;
  z-index: 1;
}

.mainlogo_img {
  width: auto;
  height: 3.25rem;
}
@media screen and (max-width: 480px) {
  .mainlogo_img {
    display: none;
  }
}

.mainlogo_img_m {
  display: none;
}
@media screen and (max-width: 480px) {
  .mainlogo_img_m {
    width: auto;
    height: 3.75rem;
    display: block;
  }
}

@media screen and (max-width: 890px) {
  .nav {
    width: 100vw;
    height: 100vh;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    display: none;
    -webkit-transform: translateX(100vw);
        -ms-transform: translateX(100vw);
            transform: translateX(100vw);
  }
}

.nav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.9375rem;
}
@media screen and (max-width: 890px) {
  .nav_list {
    display: block;
    padding-top: 12.5rem;
  }
}
@media screen and (max-width: 480px) {
  .nav_list {
    padding-top: 6.25rem;
  }
}

.nav_li {
  position: relative;
}
.nav_li:hover .subnav_row, .nav_li.show .subnav_row {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(0);
      -ms-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}
@media screen and (max-width: 950px) {
  .nav_li:hover .subnav_row, .nav_li.show .subnav_row {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    background: #f7f7f7;
  }
}
.nav_li.hide {
  display: none;
}
@media screen and (max-width: 950px) {
  .nav_li .subnav_row {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
    opacity: 1;
    visibility: visible;
    position: relative;
    top: 0;
    left: 0;
    padding-top: 0;
  }
}

.subnav_row {
  padding-top: 1.375rem;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(0.625rem);
      -ms-transform: translateX(-50%) translateY(0.625rem);
          transform: translateX(-50%) translateY(0.625rem);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.subnav_row .nav_list {
  display: block;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0.3125rem;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);
  padding: 0.625rem 0;
}
@media screen and (max-width: 950px) {
  .subnav_row .nav_list {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.subnav_row .nav_link {
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  padding: 0.4375rem 1.875rem;
}
@media screen and (max-width: 950px) {
  .subnav_row .nav_link {
    font-size: 1.875rem;
    text-align: center;
    color: #333;
    padding: 0.625rem 1.25rem;
  }
}
@media screen and (max-width: 480px) {
  .subnav_row .nav_link {
    font-size: 1.4375rem;
  }
}
.subnav_row .nav_link:hover {
  color: #2494f8;
}

.nav_link {
  font-size: 1.3rem;
  letter-spacing: 0.03125rem;
  font-weight: 500;
  padding: 0 0.78125rem;
}
@media screen and (max-width: 890px) {
  .nav_link {
    font-size: 1.625rem;
    text-align: center;
    padding: 0.9375rem 0;
  }
}

.func_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: -0.625rem;
  padding-left: 1.1875rem;
  position: relative;
}
.func_row:before {
  content: "";
  width: 1px;
  height: 20px;
  background: #cccccc;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 890px) {
  .func_row:before {
    display: none;
  }
}

.func_col {
  padding: 0 0.625rem;
  position: relative;
}
@media screen and (max-width: 480px) {
  .func_col {
    padding: 0 0.9375rem;
  }
}
.func_col:hover .subnav_row, .func_col.show .subnav_row {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(0);
      -ms-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}
.func_col .show ~ .subnav_row {
  display: block !important;
}
.func_col .show ~ .subnav_row {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(0);
      -ms-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}

.func_icon {
  width: auto;
  height: 1.375rem;
}
@media screen and (max-width: 480px) {
  .func_icon {
    height: 1.5625rem;
  }
}

.func_txt {
  padding-left: 0.1875rem;
}
@media screen and (max-width: 480px) {
  .func_txt {
    display: none;
  }
}

.hamburger {
  width: 3.125rem;
  height: 3.125rem;
  margin-left: 1.875rem;
  display: none;
}
@media screen and (max-width: 890px) {
  .hamburger {
    display: block;
  }
}

.hamburger_link {
  height: 100%;
  border-radius: 3.125rem;
  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;
  font-weight: bolder;
  font-size: 1rem;
}

.hamburger_bar {
  width: 100%;
  height: 0.1875rem;
  background: #5e92cd;
  position: absolute;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.hamburger_bar:before, .hamburger_bar:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.1875rem;
  background: #5e92cd;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.09375rem;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.hamburger_bar:before {
  -webkit-transform: translateY(-0.625rem);
      -ms-transform: translateY(-0.625rem);
          transform: translateY(-0.625rem);
}
.hamburger_bar:after {
  -webkit-transform: translateY(0.625rem);
      -ms-transform: translateY(0.625rem);
          transform: translateY(0.625rem);
}
.hamburger_bar.active {
  background: transparent;
}
.hamburger_bar.active:before {
  -webkit-transform: translateY(0) rotate(135deg);
      -ms-transform: translateY(0) rotate(135deg);
          transform: translateY(0) rotate(135deg);
}
.hamburger_bar.active:after {
  -webkit-transform: translateY(0) rotate(-135deg);
      -ms-transform: translateY(0) rotate(-135deg);
          transform: translateY(0) rotate(-135deg);
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_footer.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.footer {
  font-size: 1rem;
  color: #fff;
  background: #333;
  padding: 2.125rem 0 2.125rem;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 480px) {
  .footer {
    font-size: 1.25rem;
  }
}
.footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 480px) {
  .footer .container {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  .footer_col {
    padding: 1.25rem 0;
  }
}

.footer_info_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer_info_title {
  padding-right: 1.25rem;
}

.footer_info_txt {
  padding-left: 1.25rem;
  position: relative;
}
.footer_info_txt::before {
  content: "";
  width: 1px;
  height: calc(100% - 0.5625rem);
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.footer_visitor {
  text-align: right;
  letter-spacing: 0.0625rem;
}

.footer_copyright {
  text-align: right;
  letter-spacing: 0.01875rem;
  margin-top: 1.75rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_swiper.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.swiper-button-prev,
.swiper-button-next {
  width: 6.75rem;
  height: 6.75rem;
  border-radius: 6.25rem;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  opacity: 0.6;
  position: absolute;
  top: 50%;
  z-index: 10;
  margin-top: -3.375rem;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .swiper-button-prev:after,
  .swiper-button-next:after {
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 1px dotted transparent;
    border-radius: 0.1875rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 5;
    opacity: 0;
    -webkit-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
  }
  .swiper-button-prev:focus:after,
  .swiper-button-next:focus:after {
    opacity: 1;
  }
}
@media screen and (max-width: 950px) {
  .swiper-button-prev,
  .swiper-button-next {
    opacity: 1;
  }
}
@media screen and (max-width: 480px) {
  .swiper-button-prev,
  .swiper-button-next {
    display: block;
    width: 5.625rem;
    height: 5.625rem;
    margin-top: -2.8125rem;
  }
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 0;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  opacity: 1;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.1;
}

.swiper-button-prev {
  background-image: url(../../assets/img/swiper_btn_prev.png);
  background-size: contain;
  background-position: center center;
  margin-left: -1.5rem;
  left: -6.25rem;
}
@media screen and (max-width: 950px) {
  .swiper-button-prev {
    left: 1.25rem;
  }
}
@media screen and (max-width: 480px) {
  .swiper-button-prev {
    left: 0.625rem;
  }
}

.swiper-button-next {
  background-image: url(../../assets/img/swiper_btn_next.png);
  background-size: contain;
  background-position: center center;
  margin-right: -1.5rem;
  right: -6.25rem;
}
@media screen and (max-width: 950px) {
  .swiper-button-next {
    right: 1.25rem;
  }
}
@media screen and (max-width: 480px) {
  .swiper-button-next {
    right: 0.625rem;
  }
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.swiper-pagination {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: auto;
  bottom: 0;
  z-index: 1;
}

.swiper-pagination-bullet {
  margin: 0 0.9375rem !important;
}

.swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  border: 1px solid #fff;
  background-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
}
.swiper-pagination-bullet:focus, .swiper-pagination-bullet:hover {
  background: #fff;
}

.swiper-pagination-bullet-active {
  background-color: #fff;
}

.pic_swiper {
  padding: 5rem 0;
  position: relative;
}
@media screen and (max-width: 950px) {
  .pic_swiper {
    max-width: 37.5rem;
    margin: 0 auto;
  }
}
.pic_swiper .swiper {
  overflow: visible;
  margin-left: -1.8125rem;
  margin-right: -1.8125rem;
}
.pic_swiper .swiper-slide {
  padding: 0 1.8125rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pic_item {
  border: 1px solid #000;
  background: #fff;
  position: relative;
}
.pic_item::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-2deg);
      -ms-transform: rotate(-2deg);
          transform: rotate(-2deg);
  z-index: -1;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_maintitle.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.maintitle_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.64;
}
.maintitle_row.left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.maintitle_tw {
  font-size: 2.75rem;
  font-family: "MaruFoPro-Medium", "Noto Sans TC", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  font-weight: normal;
  color: #2494f8;
  letter-spacing: 0.25rem;
}
.maintitle_tw.white {
  color: #fff;
}

.maintitle {
  position: relative;
}

.maintitle_dec {
  width: 9.3125rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -48%);
      -ms-transform: translate(-50%, -48%);
          transform: translate(-50%, -48%);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_list_col.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.col_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.col_li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  padding: 1.875rem 1.25rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 890px) {
  .col_li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
            flex: 0 0 33.3333%;
  }
}
@media screen and (max-width: 480px) {
  .col_li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    padding: 1.25rem 0;
    margin: 0 auto;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_ck_editor.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.en .ckContent {
  letter-spacing: 0;
}

.ck_editor,
.ckContent {
  font-size: 1.25rem;
  font-family: "Noto Sans TC", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
}
@media screen and (max-width: 890px) {
  .ck_editor,
  .ckContent {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 480px) {
  .ck_editor,
  .ckContent {
    font-size: 1.5rem;
  }
}
.ck_editor h2,
.ckContent h2 {
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0.625rem;
}
.ck_editor h2:not(:first-child),
.ckContent h2:not(:first-child) {
  margin-top: 2.5rem;
}
.ck_editor h3,
.ckContent h3 {
  font-size: 1.375em;
  line-height: 1.4;
  margin-bottom: 0.625rem;
}
.ck_editor h3:not(:first-child),
.ckContent h3:not(:first-child) {
  margin-top: 2.5rem;
}
.ck_editor h4,
.ckContent h4 {
  font-size: 1.25em;
  line-height: 1.4;
  margin-bottom: 0.3125rem;
}
.ck_editor h4:not(:first-child),
.ckContent h4:not(:first-child) {
  margin-top: 1.25rem;
}
.ck_editor p,
.ckContent p {
  line-height: 1.9;
  margin-bottom: 1.25rem;
}
.ck_editor ol,
.ckContent ol {
  list-style: none;
  margin-bottom: 1.25rem;
}
.ck_editor ol,
.ckContent ol {
  list-style-type: cjk-ideographic;
  margin-left: 2.1875rem;
}
.ck_editor ol ol,
.ckContent ol ol {
  list-style: decimal;
  margin-left: 1.375rem;
}
.ck_editor ul,
.ckContent ul {
  list-style: none;
  margin-bottom: 1.25rem;
}
.ck_editor ul > li,
.ckContent ul > li {
  padding-left: 1.25rem;
  position: relative;
}
.ck_editor ul > li::before,
.ckContent ul > li::before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 0.25rem;
  background: #333;
  position: absolute;
  left: 0.3125rem;
  top: 0.8125rem;
}
.ck_editor li,
.ckContent li {
  line-height: 1.9;
}
.ck_editor table,
.ckContent table {
  width: 100%;
}
.ck_editor img,
.ckContent img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  border: 1px solid rgba(51, 51, 51, 0.3);
  padding: 0.4375rem;
  margin: 0 auto;
}
.ck_editor a,
.ckContent a {
  display: inline;
}
.ck_editor iframe,
.ckContent iframe {
  width: 100%;
  height: 31.25rem;
  margin-bottom: 1.5625rem;
}
@media screen and (max-width: 480px) {
  .ck_editor iframe,
  .ckContent iframe {
    height: 65vw;
  }
}
.ck_editor .dash_list i,
.ckContent .dash_list i {
  font-style: normal;
  display: inline-block;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  position: relative;
}
.ck_editor .dash_list i::before,
.ckContent .dash_list i::before {
  content: "";
  width: 0.375rem;
  height: 0.0625rem;
  border-radius: 0;
  background: #333;
  position: absolute;
  top: 0.9375rem;
}
.ck_editor .dash_list i::before,
.ckContent .dash_list i::before {
  left: 0.3125rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_btn_row.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.btn_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.btn_col {
  padding: 0 0.9375rem;
}
@media screen and (max-width: 480px) {
  .btn_col {
    padding: 0 0.625rem;
  }
}

.btn_link {
  min-width: 11.25rem;
  background: #333;
  border: 0;
  border-radius: 3.125rem;
  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;
  padding: 0.875rem 3.125rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
@media screen and (max-width: 480px) {
  .btn_link {
    padding: 0.75rem 2.5rem;
  }
}
.btn_link:focus, .btn_link:hover {
  background: #f9c915;
}
.btn_link:focus .btn_txt, .btn_link:hover .btn_txt {
  color: #333;
}
.btn_link:focus .btn_arrow, .btn_link:hover .btn_arrow {
  -webkit-animation: btn_arrow 0.8s ease-in-out infinite;
          animation: btn_arrow 0.8s ease-in-out infinite;
}
.btn_link:focus .btn_arrow_hvr, .btn_link:hover .btn_arrow_hvr {
  opacity: 1;
}
.btn_link.submit {
  background: #2494f8;
}
.btn_link.submit:focus, .btn_link.submit:hover {
  background: #f9c915;
}

@-webkit-keyframes btn_arrow {
  50% {
    -webkit-transform: translateX(0.5rem);
            transform: translateX(0.5rem);
  }
}

@keyframes btn_arrow {
  50% {
    -webkit-transform: translateX(0.5rem);
            transform: translateX(0.5rem);
  }
}
.btn_txt {
  font-size: 1.375rem;
  color: #fff;
  white-space: nowrap;
}
@media screen and (max-width: 480px) {
  .btn_txt {
    font-size: 1.625rem;
  }
}

.btn_arrow {
  width: 0.9375rem;
  margin-left: 0.5rem;
  position: relative;
}

.btn_arrow_hvr {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_btn_more.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.more_btn {
  position: relative;
}

.more_btn_txt {
  font-size: 1.25rem;
  color: #2494f8;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media screen and (max-width: 890px) {
  .more_btn_txt {
    font-size: 1.5rem;
  }
}

.more_btn_icon {
  padding-left: 1.875rem;
  position: relative;
}

.more_btn_circle {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 1.875rem;
  border: 1px solid #2494f8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media screen and (max-width: 890px) {
  .more_btn_circle {
    width: 2.375rem;
    height: 2.375rem;
  }
}

.more_btn_arrow {
  width: 2.5rem;
  height: 0.0625rem;
  background: #2494f8;
  position: absolute;
  top: calc(50% + 0.0625rem);
  right: 0.8125rem;
  -webkit-transition: width 0.2s ease-out;
  transition: width 0.2s ease-out;
}
.more_btn_arrow:before {
  content: "";
  width: 0.5rem;
  height: 0.0625rem;
  background: #2494f8;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.white .more_btn_txt {
  color: #fff;
}
.white .more_btn_circle {
  border-color: #fff;
}
.white .more_btn_arrow {
  background: #fff;
}
.white .more_btn_arrow:before {
  background: #fff;
}

a:focus .more_btn_txt, a:hover .more_btn_txt {
  -webkit-transform: translateX(0.625rem);
      -ms-transform: translateX(0.625rem);
          transform: translateX(0.625rem);
}
a:focus .more_btn_circle, a:hover .more_btn_circle {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
a:focus .more_btn_arrow, a:hover .more_btn_arrow {
  width: 1.5625rem;
}

.back .more_btn_icon {
  padding-left: 0;
  padding-right: 1.875rem;
}
.back .more_btn_arrow {
  right: auto;
  left: 0.8125rem;
}
.back .more_btn_arrow:before {
  right: auto;
  left: 0;
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.back a:focus .more_btn_txt, .back a:hover .more_btn_txt {
  -webkit-transform: translateX(-0.625rem);
      -ms-transform: translateX(-0.625rem);
          transform: translateX(-0.625rem);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_list_row.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.row_li {
  border-bottom: 1px solid #e0e0e0;
}

.row_link:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #2494f8;
  position: absolute;
  top: 100%;
  left: 0;
  -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;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.row_link:hover:before, .row_link:focus:before {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
.row_link:hover .row_more_btn, .row_link:focus .row_more_btn {
  opacity: 1;
}
.row_link:hover .row_tag, .row_link:focus .row_tag {
  background: #2494f8;
}

.row_item {
  padding: 1.375rem 0 1.1875rem;
  position: relative;
}

.row_tag {
  font-size: 1.25rem;
  color: #fff;
  background: #333;
  padding: 0.1875rem 1.0625rem;
  border-radius: 1.875rem;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.row_datetime {
  font-size: 1.25rem;
  padding: 0 1rem;
}

.row_title {
  font-size: 1.375rem;
  letter-spacing: 0.0375rem;
  padding: 0.1875rem 0;
  padding-right: 5.625rem;
}

.row_more_btn {
  width: 5.625rem;
  height: 5.625rem;
  border-radius: 5.625rem;
  background: #2494f8;
  color: #fff;
  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;
  position: absolute;
  right: -0.3125rem;
  top: 50%;
  margin-top: -3.125rem;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.row_more_toy {
  width: 3.1875rem;
  position: absolute;
  top: 65%;
  left: 50%;
  margin-left: -1.5625rem;
  -webkit-animation: row_more_toy 2s ease-in-out infinite;
          animation: row_more_toy 2s ease-in-out infinite;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
          transform: rotate(10deg);
}

@-webkit-keyframes row_more_toy {
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}

@keyframes row_more_toy {
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_pagination.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.pagination_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination_list.white .pagination_link {
  color: #fff;
  background: transparent;
  border-color: #fff;
}
.pagination_list.white .pagination_link:before {
  background: #fff;
}
.pagination_list.white .pagination_link.active, .pagination_list.white .pagination_link:hover {
  color: #2494f8;
}

.pagination_li {
  padding: 0 0.625rem;
}

.pagination_link {
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 2.5rem;
  border: 0.0625rem solid rgba(36, 148, 248, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.3125rem;
  font-weight: bold;
  color: #2494f8;
  background: #fff;
  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;
  position: relative;
}
.pagination_link:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #2494f8;
  border-radius: 2.5rem;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.pagination_link:hover {
  color: #fff;
  border-color: #2494f8;
}
.pagination_link:hover:before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.pagination_link span {
  position: relative;
  z-index: 1;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_backtotop.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.backtotop {
  width: 5.375rem;
  position: absolute;
  right: 1rem;
  z-index: 15;
}

.backtotop_link {
  opacity: 0;
}
.backtotop_link:hover .backtotop_arrow {
  -webkit-animation: backtotop_arrow 0.8s ease-in-out infinite;
          animation: backtotop_arrow 0.8s ease-in-out infinite;
}

.backtotop_arrow {
  width: 0.8125rem;
  position: absolute;
  top: 1.1875rem;
  left: 50%;
  margin-left: -0.40625rem;
}

@-webkit-keyframes backtotop_arrow {
  50% {
    -webkit-transform: translateY(-0.3125rem);
            transform: translateY(-0.3125rem);
  }
}

@keyframes backtotop_arrow {
  50% {
    -webkit-transform: translateY(-0.3125rem);
            transform: translateY(-0.3125rem);
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_sidenav.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.sidenav_list {
  padding-top: 4.6875rem;
  padding-left: 0.625rem;
}
@media screen and (max-width: 890px) {
  .sidenav_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 1.875rem;
    padding-left: 0;
  }
}

.sidenav_li {
  padding: 0.4375rem 0;
}
@media screen and (max-width: 890px) {
  .sidenav_li {
    padding: 0.3125rem 0.625rem;
  }
}
@media screen and (max-width: 480px) {
  .sidenav_li {
    padding: 0.1875rem 0.3125rem;
  }
}

.sidenav_link {
  font-size: 1.25rem;
  white-space: nowrap;
}
@media screen and (max-width: 890px) {
  .sidenav_link {
    font-size: 1.4375rem;
    background: #eee;
    padding: 0rem 1.875rem;
    border-radius: 1.5625rem;
  }
}
.sidenav_link.active, .sidenav_link:focus, .sidenav_link:hover {
  color: #2494f8;
}
.sidenav_link.active .sidenav_arrow, .sidenav_link:focus .sidenav_arrow, .sidenav_link:hover .sidenav_arrow {
  opacity: 0.86;
  width: calc(100% + 0.9375rem);
}

.sidenav_txt {
  display: inline-block;
  padding: 0.375rem 0;
  position: relative;
}

.sidenav_arrow {
  height: 0.0625rem;
  background: #2494f8;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  width: 0;
  -webkit-transition: width 0.2s ease-out;
  transition: width 0.2s ease-out;
}
@media screen and (max-width: 890px) {
  .sidenav_arrow {
    display: none;
  }
}
.sidenav_arrow:before {
  content: "";
  width: 0.625rem;
  height: 0.0625rem;
  background: #2494f8;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_breadcrumbs.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.breadcrumbs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -0.875rem;
  margin-right: -0.875rem;
}
.breadcrumbs li {
  font-size: 1.0625rem;
  line-height: 1.5;
  padding: 0 0.875rem;
  position: relative;
}
@media screen and (max-width: 480px) {
  .breadcrumbs li {
    font-size: 1.25rem;
  }
}
.breadcrumbs li::after {
  content: ">";
  opacity: 0.7;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -53%);
      -ms-transform: translate(50%, -53%);
          transform: translate(50%, -53%);
}
.breadcrumbs li:last-child::after {
  display: none;
}
@media screen and (min-width: 769px) {
  .breadcrumbs a:after {
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 1px dotted transparent;
    border-radius: 0.1875rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 5;
    opacity: 0;
    -webkit-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
  }
  .breadcrumbs a:focus:after {
    opacity: 1;
  }
}
.breadcrumbs a::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.breadcrumbs a:focus::before, .breadcrumbs a:hover::before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.breadcrumbs .fa-magnifying-glass {
  display: none;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_seminar_item.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.seminar_caption {
  background: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
}
.seminar_caption .container_inner {
  width: calc(100% - 4.6875rem);
}

.seminar_caption_top {
  background: #333333;
  padding: 0.9375rem 0 1.25rem;
}

.seminar_caption_body {
  padding: 1rem 0 0.875rem;
}

.seminar_caption_bottom {
  background: #fae478;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.75rem 0 1rem;
  -webkit-transition: background 0.1s ease-out;
  transition: background 0.1s ease-out;
}

a:hover .seminar_caption_bottom {
  background: #a7d1f7;
}

.seminar_title {
  font-size: 1.625rem;
  color: #fff;
  line-height: 1.3;
}

.seminar_datetime {
  background: #006dbd;
  margin: 0 auto;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  position: relative;
  padding: 0.1875rem 0;
}

.seminar_year {
  font-size: 1.1875rem;
  line-height: 1.4;
  padding: 0;
  padding-bottom: 0.3125rem;
}

.seminar_date {
  font-size: 1.375rem;
  line-height: 1.4;
}

.seminar_info_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.3125rem 0;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

.seminar_info_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 0.625rem;
  position: relative;
}
.seminar_info_col:not(:first-child):before {
  content: "";
  width: 1px;
  height: 1.375rem;
  background: #d0d0d0;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.seminar_info_icon {
  width: 1.625rem;
  position: relative;
  top: 0.125rem;
}

.seminar_info_txt {
  letter-spacing: 0.1375rem;
  line-height: 1.7;
  padding: 0 0.5rem;
}
@media screen and (max-width: 890px) {
  .seminar_info_txt {
    font-size: 1.1875rem;
  }
}
@media screen and (max-width: 480px) {
  .seminar_info_txt {
    font-size: 1.3125rem;
  }
}

.seminar_more_arrow {
  width: 0.9375rem;
  position: relative;
  margin-left: 0.5rem;
}

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

.seminar_more_txt {
  font-size: 1.25rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.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.375rem;
  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.375rem;
  font-family: "Noto Sans TC", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  color: #333;
  line-height: 2.9375rem;
  padding: 0 0.625rem;
  word-break: break-all;
}
@media screen and (max-width: 480px) {
  .labelStyle {
    font-size: 1.5rem;
    padding: 0.3rem 0.625rem;
  }
}
.labelStyle span {
  display: inline-block;
  color: #333;
  font-size: 1.375rem;
  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.5rem;
  }
}

.inputStyle {
  width: 100%;
  border: 0.0625rem solid rgba(51, 51, 51, 0.1);
  border-radius: 0.1875rem;
  font-size: 1.3125rem;
  font-family: "Noto Sans TC", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  color: #333;
  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.5rem;
  }
}
.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(51, 51, 51, 0.1);
  border-radius: 0.1875rem;
  font-size: 1.3125rem;
  font-family: "Noto Sans TC", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  color: #333;
  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.5rem;
  }
}
.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(51, 51, 51, 0.1);
  border-radius: 0.1875rem;
  font-size: 1.3125rem;
  font-family: "Noto Sans TC", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  color: #333;
  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(../../assets/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.5rem;
  }
}
.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(51, 51, 51, 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.375rem;
  letter-spacing: 1px;
  background: #333;
  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(71.4, 71.4, 71.4);
}
.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(51.8696682464, 78.2440758294, 133.6303317536);
  border-bottom: 2px solid rgb(44.7393364929, 67.4881516588, 115.2606635071);
  -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: 0.25rem;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s 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);
          box-shadow: 1px 1px 2px rgba(51.8696682464, 78.2440758294, 133.6303317536, 0);
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s 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(178.6179039301, 43.5436681223, 24.8820960699);
  border-bottom: 2px solid rgb(156.2358078603, 38.0873362445, 21.7641921397);
  -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: 0.25rem;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s 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);
          box-shadow: 1px 1px 2px rgba(178.6179039301, 43.5436681223, 24.8820960699, 0);
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s 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.1875rem;
  color: #333;
  white-space: nowrap;
  border: 0.0625rem solid rgba(51, 51, 51, 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: 1.0625rem;
  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: #333;
  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/_sec_title.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.sec_title_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 0.75rem;
}

.sec_title {
  font-size: 1.6875rem;
  padding-left: 0.9375rem;
  padding-top: 0.3125rem;
}
@media screen and (max-width: 480px) {
  .sec_title {
    font-size: 1.875rem;
  }
}

.sec_title_dec {
  width: 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/_tab_row.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.tab_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
}
@media screen and (max-width: 480px) {
  .tab_row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.tab_col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0.3125rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .tab_col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 0.3125rem;
  }
}

.tab_link {
  font-size: 1.3125rem;
  text-align: center;
  padding: 0.4375rem 0;
  color: #fff;
  text-shadow: 0px 0px 0 rgb(82.4347826087, 164.6086956522, 238.5652173913);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #81bdf3;
  background: rgb(142.9695652174, 196.3173913043, 244.3304347826);
  border: 1px solid rgb(124.3434782609, 186.5608695652, 242.5565217391);
  border-right: 1px solid rgb(105.7173913043, 176.8043478261, 240.7826086957);
  border-bottom: 2px solid rgb(82.4347826087, 164.6086956522, 238.5652173913);
  -webkit-box-shadow: 1px 1px 4px rgba(105.7173913043, 176.8043478261, 240.7826086957, 0.8);
          box-shadow: 1px 1px 4px rgba(105.7173913043, 176.8043478261, 240.7826086957, 0.8);
  border-radius: 0.25rem;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
@media screen and (max-width: 480px) {
  .tab_link {
    font-size: 1.5625rem;
    white-space: nowrap;
    padding: 0.4375rem 1.5625rem;
  }
}
.tab_link:hover, .tab_link.active {
  color: rgb(233.6814159292, 244.5840707965, 254.3185840708);
  text-shadow: -1px -1px 0 rgb(5.3212389381, 90.4610619469, 166.4787610619);
  background: #2494f8;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 2px solid transparent;
  -webkit-box-shadow: 1px 1px 2px rgba(11.2898230088, 135.9269911504, 247.2101769912, 0);
          box-shadow: 1px 1px 2px rgba(11.2898230088, 135.9269911504, 247.2101769912, 0);
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_thesis_dec.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.thesis_peo_1 {
  width: 16.4375rem;
  position: absolute;
  right: 99%;
  bottom: 1.875rem;
}
@media screen and (max-width: 890px) {
  .thesis_peo_1 {
    display: none;
  }
}

.thesis_peo_2 {
  width: 18.1875rem;
  position: absolute;
  left: 95%;
  bottom: 1.875rem;
}
@media screen and (max-width: 890px) {
  .thesis_peo_2 {
    display: none;
  }
}

.thesis_dec_1 {
  width: 40.5rem;
  position: absolute;
  left: 0;
  bottom: -6.25rem;
  opacity: 0.8;
}
@media screen and (max-width: 890px) {
  .thesis_dec_1 {
    width: 40vw;
    bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .thesis_dec_1 {
    width: 50vw;
  }
}

.thesis_dec_2 {
  width: 20.375rem;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.8;
}
@media screen and (max-width: 890px) {
  .thesis_dec_2 {
    width: 20vw;
    top: 5%;
  }
}
@media screen and (max-width: 480px) {
  .thesis_dec_2 {
    width: 30vw;
    top: -2%;
  }
}

.thesis_dec_3 {
  width: 7.625rem;
  position: absolute;
  left: 67.8%;
  top: 23.5%;
}
@media screen and (max-width: 890px) {
  .thesis_dec_3 {
    display: none;
  }
}

.thesis_dec_4 {
  width: 27rem;
  position: absolute;
  left: -2.1%;
  bottom: -3.125rem;
}
@media screen and (max-width: 890px) {
  .thesis_dec_4 {
    width: 30vw;
    bottom: 5%;
  }
}
@media screen and (max-width: 480px) {
  .thesis_dec_4 {
    width: 40vw;
    bottom: 0%;
  }
}

.thesis_dec_5 {
  width: 15.6875rem;
  position: absolute;
  right: 1.1%;
  top: 7.5%;
}
@media screen and (max-width: 890px) {
  .thesis_dec_5 {
    width: 30vw;
    top: 5%;
  }
}
@media screen and (max-width: 480px) {
  .thesis_dec_5 {
    width: 35vw;
    right: -1.1%;
    top: 1%;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_arti_hashtag_row.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.arti_hashtag_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.625rem;
}
@media screen and (max-width: 480px) {
  .arti_hashtag_row {
    padding-top: 0.625rem;
  }
}

.hashtag {
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
}

.hashtag_link {
  font-size: 1.0625rem;
  color: #fff;
  background: #81bdf3;
  padding: 0rem 0.625rem;
  border-radius: 0.25rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_socialbtn_row.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.socialbtn_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.socialbtn {
  margin-left: 0.75rem;
  position: relative;
}
.socialbtn:first-child {
  margin-left: 0;
}

.socialbtn_link {
  width: 2.5rem;
  height: 2.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;
  font-size: 1.375rem;
  color: #2494f8;
  border: 0.0625rem solid rgba(36, 148, 248, 0.5);
  border-radius: 2.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .socialbtn_link:after {
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 1px dotted transparent;
    border-radius: 0.1875rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 5;
    opacity: 0;
    -webkit-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
  }
  .socialbtn_link:focus:after {
    opacity: 1;
  }
}
.socialbtn_link i {
  position: relative;
  top: 0.0625rem;
}
.socialbtn_link.link {
  font-size: 1.125rem;
}
.socialbtn_link:hover {
  color: #fff;
}
.socialbtn_link:hover.fb {
  background: #3b5998;
  border: 0.0625rem solid #3b5998;
}
.socialbtn_link:hover.twitter {
  background: #1da1f2;
  border-color: solid #1da1f2;
}
.socialbtn_link:hover.line {
  background: #00c300;
  border-color: #00c300;
}
.socialbtn_link:hover.weixin {
  background: #7bb32e;
  border-color: #7bb32e;
}
.socialbtn_link:hover.weibo {
  background: #df2029;
  border-color: #df2029;
}
.socialbtn_link:hover.mail {
  background: #2494f8;
  border-color: #2494f8;
}
.socialbtn_link:hover.whatsapp {
  background: #25d366;
  border-color: #25d366;
}
.socialbtn_link:hover.link {
  background: #de9100;
  border-color: #de9100;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_search_row.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.search_row {
  background: #eee;
  border-radius: 0.1875rem;
}
.search_row .form_row {
  padding-right: 0.625rem;
}
@media screen and (max-width: 890px) {
  .search_row .form_row {
    padding-left: 0.625rem;
  }
}
@media screen and (max-width: 890px) {
  .search_row .form_row .form_title,
  .search_row .form_row .labelStyle {
    font-size: 1.5rem;
    padding-bottom: 0;
  }
}
.search_row .form_row .form_input {
  padding-left: 0.4375rem;
}
@media screen and (max-width: 480px) {
  .search_row .form_row .form_input {
    padding-left: 0.3125rem;
  }
}
@media screen and (max-width: 890px) {
  .search_row .column_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.search_row .form_title {
  width: auto;
  padding-left: 0.625rem;
}
@media screen and (max-width: 890px) {
  .search_row .form_title {
    padding-left: 0;
  }
}
.search_row .labelStyle {
  color: #333;
}
@media screen and (max-width: 890px) {
  .search_row .labelStyle {
    text-align: center;
  }
}
.search_row .btn_link {
  min-width: auto;
  padding: 0.53125rem 3.125rem;
}
@media screen and (max-width: 890px) {
  .search_row .btn_link {
    padding: 0.49rem 3.125rem;
  }
}
@media screen and (max-width: 480px) {
  .search_row .btn_link {
    padding: 0.49rem 1.875rem;
  }
}
.search_row .column_col.col_auto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 890px) {
  .search_row .column_col.col_auto {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_sec_row.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.sec_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 890px) {
  .sec_row {
    display: block;
  }
}

.sec_right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 2.4375rem;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_seminar_bg.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.seminar_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 6.25rem;
  left: 0;
}
@media screen and (max-width: 890px) {
  .seminar_bg {
    top: 14.375rem;
  }
}
@media screen and (max-width: 480px) {
  .seminar_bg {
    top: 20rem;
  }
}
.seminar_bg:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0.0625rem;
  left: 0;
  background: #4ba1ee;
  z-index: -1;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_arti_content.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "MaruFoPro-Medium";
  src: url(../../assets/fonts/MaruFoPro-Medium.otf) format("opentype");
  font-display: swap;
}
.arti_top_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.arti_title_row {
  position: relative;
}
.arti_title_row .thesis_dec_3 {
  left: -10rem;
  top: -1.875rem;
}

.arti_title {
  font-size: 2.625rem;
  line-height: 1.3;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 480px) {
  .arti_title {
    font-size: 2.5rem;
  }
}

.arti_subtitle {
  font-size: 1.4375rem;
  padding-left: 1.875rem;
  position: relative;
  margin-bottom: 0.9375rem;
}
.arti_subtitle:before {
  content: "";
  width: 1.0625rem;
  height: 1.0625rem;
  background-image: url(../../assets/img/fastlink_bg.png);
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.arti_datetime {
  font-size: 1.1875rem;
}

.arti_content {
  padding-top: 1.25rem;
}

.arti_paper {
  background: #fff;
  -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25);
  padding: 2.5rem 0;
}
@media screen and (max-width: 480px) {
  .arti_paper {
    margin-left: -1.875rem;
    margin-right: -1.875rem;
  }
}
.arti_paper .container {
  width: calc(100% - 7.5rem);
}
@media screen and (max-width: 890px) {
  .arti_paper .container {
    width: calc(100% - 6.25rem);
  }
}
@media screen and (max-width: 480px) {
  .arti_paper .container {
    width: calc(100% - 3.75rem);
  }
}

.arti_info {
  padding: 0 1.875rem;
  padding-top: 1.875rem;
}
@media screen and (max-width: 480px) {
  .arti_info {
    padding-left: 0;
    padding-right: 0;
  }
}

.arti_info_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.25rem;
  line-height: 1.8;
  padding-left: 1.25rem;
  position: relative;
}
.arti_info_row:before {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  background-image: url(../../assets/img/fastlink_bg.png);
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.arti_info_row.no-disc:before {
  display: none;
}

.arti_info_title {
  padding-right: 0.625rem;
  position: relative;
}
@media screen and (max-width: 890px) {
  .arti_info_title {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 480px) {
  .arti_info_title {
    font-size: 1.5rem;
  }
}
.arti_info_title:after {
  content: "";
  width: 1px;
  height: 15px;
  background: rgba(51, 51, 51, 0.5);
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(15deg);
      -ms-transform: translateY(-50%) rotate(15deg);
          transform: translateY(-50%) rotate(15deg);
}

.arti_info_txt {
  padding-left: 0.625rem;
}
@media screen and (max-width: 890px) {
  .arti_info_txt {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 480px) {
  .arti_info_txt {
    font-size: 1.5rem;
  }
}
.arti_info_txt ol {
  list-style-type: cjk-ideographic;
  margin-left: 2.1875rem;
}
.arti_info_txt ol ol {
  list-style: decimal;
  margin-left: 1.375rem;
}
.arti_info_txt strong {
  font-weight: normal;
  color: #2494f8;
}

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