@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("../css/vendor/bootstrap_4.3.1.css");
@import url("../css/vendor/animate-3.7.2.css");
@import url("../css/vendor/swiper-bundle.min.css");
@import url("../css/vendor/jquery.fancybox.min_3.5.7.css");
@import url("../css/vendor/aos-2.3.1.css");
html {
  max-width:100vw !important;
  overflow-x:hidden !important
}
*:focus {
  outline:none !important
}
button {
  outline:none !important;
  border:none !important
}
.act-wrap * {
  /* outline: 1px solid rgba(144, 144, 144, 0.939) !important; */
}
.act-sect {
  position:relative
}
.act-wrap input {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
ol,ul {
  list-style:none
}
.wow {
  animation-fill-mode:both
}
.fadeInUpSmall {
  animation-name:fadeInUpSmall
}
@keyframes fadeInUpSmall {
  from {
    opacity:0;
    -webkit-transform:translate3d(0, 10%, 0);
    transform:translate3d(0, 10%, 0)
  }
  to {
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
  }
}
.fadeInDownSmall {
  animation-name:fadeInDownSmall
}
@keyframes fadeInDownSmall {
  from {
    opacity:0;
    -webkit-transform:translate3d(0, -10%, 0);
    transform:translate3d(0, -10%, 0)
  }
  to {
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
  }
}
.fadeInLeftSmall {
  animation-name:fadeInLeftSmall
}
@keyframes fadeInLeftSmall {
  from {
    opacity:0;
    -webkit-transform:translate3d(-10%, 0, 0);
    transform:translate3d(-10%, 0, 0)
  }
  to {
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
  }
}
.fadeInRightSmall {
  animation-name:fadeInRightSmall
}
@keyframes fadeInRightSmall {
  from {
    opacity:0;
    -webkit-transform:translate3d(10%, 0, 0);
    transform:translate3d(10%, 0, 0)
  }
  to {
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
  }
}
.fadeInTopLeftSmall {
  animation-name:fadeInTopLeftSmall
}
@keyframes fadeInTopLeftSmall {
  from {
    opacity:0;
    -webkit-transform:translate3d(-10%, -10%, 0);
    transform:translate3d(-10%, -10%, 0)
  }
  to {
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
  }
}
.fadeInTopRightSmall {
  animation-name:fadeInTopRightSmall
}
@keyframes fadeInTopRightSmall {
  from {
    opacity:0;
    -webkit-transform:translate3d(10%, -10%, 0);
    transform:translate3d(10%, -10%, 0)
  }
  to {
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
  }
}
.fadeInBottomLeftSmall {
  animation-name:fadeInBottomLeftSmall
}
@keyframes fadeInBottomLeftSmall {
  from {
    opacity:0;
    -webkit-transform:translate3d(-10%, 10%, 0);
    transform:translate3d(-10%, 10%, 0)
  }
  to {
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
  }
}
.fadeInBottomRightSmall {
  animation-name:fadeInBottomRightSmall
}
@keyframes fadeInBottomRightSmall {
  from {
    opacity:0;
    -webkit-transform:translate3d(10%, 10%, 0);
    transform:translate3d(10%, 10%, 0)
  }
  to {
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
  }
}
.bounceInSmall {
  animation-name:bounceInSmall
}
@keyframes bounceInSmall {
  from,10%,40%,60%,80%,to {
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity:0;
    transform:scale3d(0.8, 0.8, 0.8)
  }
  40% {
    transform:scale3d(1.04, 1.04, 1.04)
  }
  60% {
    transform:scale3d(1, 1, 1)
  }
  80% {
    opacity:1;
    transform:scale3d(1.01, 1.01, 1.01)
  }
  to {
    opacity:1;
    transform:scale3d(1, 1, 1)
  }
}
.act-wrap .navbar-wrap {
  padding-right:0;
  padding-left:0;
  height:60px;
  background:#3c81ff;
  transition:all .3s;
  border-bottom:1px solid rgba(209,219,236,0)
}
.act-wrap .navbar-wrap * {
  transition:all .3s
}
.act-wrap .navbar {
  height:100%;
  width:100%;
  padding-top:0;
  padding-bottom:0;
  margin-left:auto;
  margin-right:auto;
  padding-right:0;
  padding-left:0
}
.act-wrap .navbar .navbar-brand {
  padding-left:1.5em
}
.act-wrap .navbar .navbar-brand img {
  position:relative;
  top:-4px;
  width:8em
}
.act-wrap .navbar .nav-item {
  padding-left:.5em;
  padding-right:.5em
}
.act-wrap .navbar .nav-link {
  color:#fff;
  font-size:1.1em;
  font-weight:500;
  position:relative;
  padding-top:1em;
  padding-bottom:.95em;
  font-weight:bold;
  z-index:2
}
.act-wrap .navbar .nav-link:before {
  content:"";
  position:absolute;
  z-index:-1;
  left:51%;
  right:51%;
  bottom:0;
  background:#fcff1f;
  height:4px;
  transition-property:left, right;
  transition-duration:0.3s;
  transition-timing-function:ease-out
}
.act-wrap .navbar .nav-link:hover,.act-wrap .navbar .nav-link.active {
  color:#fcff1f
}
.act-wrap .navbar .nav-link:hover:before,.act-wrap .navbar .nav-link.active:before {
  left:0;
  right:0
}
.act-wrap .navbar .btn-item {
  padding-top:.5em;
  padding-right:1em;
  position:absolute;
  right:0
}
.act-wrap .navbar .btn-item .act-btn {
  font-size:.9em
}
.act-wrap .navbar-wrap.navbar-fixed {
  transition:all .3s;
  height:auto
}
.act-wrap .navbar-wrap.navbar-fixed * {
  transition:all .3s
}
.act-wrap .navbar-wrap.navbar-fixed .navbar-brand img {
  width:6em
}
.act-wrap .navbar-wrap.navbar-fixed .nav-link {
  font-size:1em;
  padding-top:.9em;
  padding-bottom:.9em
}
.act-wrap .navbar-wrap.navbar-fixed .btn-item .act-btn {
  font-size:.7em
}
.act-wrap .nav-item-about {
  z-index:2
}
.act-wrap .nav-item-about .about-wrap {
  position:absolute;
  width:100%;
  height:auto;
  display:none;
  z-index:1;
  margin-top:-3px;
  border-bottom:1px solid #d1dbec;
  background:#fff;
  left:0
}
.act-wrap .nav-item-about .about-wrap .act-container-wrap {
  padding:2em;
  max-width:1480px
}
.act-wrap .nav-item-about .about-wrap .text-part h3 {
  font-size:2.5em;
  color:#aa7c5e;
  margin-bottom:.6em;
  font-weight:bold
}
.act-wrap .nav-item-about .about-wrap .text-part h4 {
  font-size:1.8em;
  color:#aa7c5e;
  font-weight:bold;
  margin-bottom:0.8em
}
.act-wrap .nav-item-about .about-wrap .text-part p {
  max-width:600px;
  font-size:1.1em;
  line-height:1.8
}
.act-wrap .nav-item-about .about-wrap .pic-part img {
  width:100%
}
.act-wrap .nav-item-about:hover .about-wrap {
  display:block
}
@media screen and (max-width: 992px) {
  .act-wrap .navbar-wrap {
    padding-left:0;
    padding-right:0;
    height:50px;
    background:#3c81ff
  }
  .act-wrap .navbar-wrap .act-btn-m {
    position:absolute;
    right:.5em;
    top:.5em;
    z-index:2;
    font-size:.8em
  }
  .act-wrap .navbar {
    padding-top:0.5em
  }
  .act-wrap .navbar .navbar-brand {
    width:5.6em;
    margin-left:.5em;
    padding-left:.5em
  }
  .act-wrap .navbar .nav-item {
    text-align:center;
    padding-top:.25em;
    padding-bottom:.25em
  }
  .act-wrap .navbar .nav-link {
    font-size:1.2em;
    padding:0.5em
  }
  .act-wrap .navbar .nav-link:hover,.act-wrap .navbar .nav-link.active {
    color:#fff
  }
  .act-wrap .navbar .nav-link:before {
    display:none
  }
  .act-wrap .navbar .btn-item .act-btn {
    font-size:1.3em;
    padding:0.5em 2em;
    font-weight:bold
  }
  .act-wrap .navbar .navbar-collapse {
    padding-bottom:2em;
    background:#3c81ff;
    margin-top:2px
  }
  .act-wrap .nav-item-about .about-wrap {
    position:relative
  }
  .act-wrap .nav-item-about .about-wrap .act-container-wrap {
    padding:0
  }
  .act-wrap .nav-item-about .about-wrap .text-part h3 {
    font-size:1.5em;
    margin-bottom:.2em;
    display:none
  }
  .act-wrap .nav-item-about .about-wrap .text-part h4 {
    font-size:1em;
    margin-bottom:0.5em;
    margin-top:0
  }
  .act-wrap .nav-item-about .about-wrap .text-part p {
    font-size:1.1em;
    display:none
  }
  .act-wrap .nav-item-about .about-wrap .pic-part img {
    width:100%
  }
}
#nav-icon {
  width:28px;
  height:26px;
  position:relative;
  transform:rotate(0deg);
  transition:.5s ease-in-out;
  cursor:pointer
}
#nav-icon span {
  display:block;
  position:absolute;
  height:3px;
  width:100%;
  background:#fff;
  border-radius:2px;
  opacity:1;
  left:0;
  transform:rotate(0deg);
  transition:.25s ease-in-out
}
#nav-icon span:nth-child(1) {
  top:0px;
  transform-origin:left center
}
#nav-icon span:nth-child(2) {
  top:8px;
  transform-origin:left center
}
#nav-icon span:nth-child(3) {
  top:16px;
  transform-origin:left center
}
#nav-icon.open span:nth-child(1) {
  transform:rotate(45deg);
  top:-2px;
  left:6px
}
#nav-icon.open span:nth-child(2) {
  width:0%;
  opacity:0
}
#nav-icon.open span:nth-child(3) {
  transform:rotate(-45deg);
  top:18px;
  left:6px
}
.act-container-wrap {
  width:100%;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  padding-left:1.2em;
  padding-right:1.2em
}
.act-sect {
  padding-top:5em;
  padding-bottom:5em
}
@media screen and (min-width: 768px) and (max-width: 1380px) {
  .act-sect .act-container-wrap {
    width:90%;
    max-width:1000px
  }
  .act-header,.act-sect {
    font-size:0.85em
  }
}
@media screen and (max-width: 768px) {
  .act-sect {
    font-size:calc(1vw + 1vh + .5vmin) !important;
    padding-top:3em;
    padding-bottom:3em
  }
}
.act-btn {
  border-radius:.6em;
  padding:.75em 1.5em;
  padding-left:1.8em;
  letter-spacing:2px;
  position:relative;
  border:none;
  overflow:hidden;
  transition:all 0.2s linear;
  z-index:2;
  font-weight:bold
}
.act-btn .fa {
  margin-left:0.4em
}
.act-btn:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  margin:auto;
  width:40%;
  height:100%;
  border-radius:1em;
  background:#121462;
  z-index:-1;
  opacity:0;
  transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1)
}
.act-btn:hover {
  background:#fff
}
.act-btn:hover:before {
  opacity:1;
  width:110%;
  left:-5%
}
.btn-3D {
  position:relative;
  z-index:1;
  display:inline-block
}
.btn-3D .inner {
  position:relative;
  z-index:1
}
.btn-3D .layer {
  position:absolute;
  width:100%;
  height:90%;
  left:0.2em;
  bottom:-0.2em;
  z-index:-2;
  background:#fff;
  border-radius:.6em
}
.btn-white {
  background:#fff;
  color:#3c81ff
}
.btn-white:before {
  background:#121462
}
.btn-white:hover {
  color:#fff;
  background:#121462
}
.btn-blue {
  border:.1em solid #fff;
  background:#121462;
  color:#fff
}
.btn-blue:before {
  background:#ffc600
}
.btn-blue:hover {
  color:#121462;
  background:#121462
}
.btn-red {
  background:#c43826;
  color:#fff
}
.btn-red:before {
  background:#992c1e
}
.btn-red:hover {
  color:#fff;
  background:#c43826
}
.btn-yellow {
  border:.1em solid #fff;
  background:#ffc600;
  color:#121462
}
.btn-yellow:before {
  background:#ff6c33
}
.btn-yellow:hover {
  color:#fff;
  background:#ffc600
}
.btn-gold {
  background:#aa7c5e;
  color:#fff
}
.btn-gold:before {
  background:#c43826
}
.btn-gold:hover {
  color:#fff;
  background:#aa7c5e
}
.act-btn-outline {
  border-radius:10em;
  padding:.5em 1em;
  padding-left:1.2em;
  letter-spacing:1px;
  position:relative;
  border:2px solid transparent;
  transition:all 0.2s linear;
  z-index:2
}
.act-btn-outline .icon {
  font-size:1.2em;
  position:relative;
  top:.1em;
  left:0;
  transition:all .3s
}
.act-btn-outline .fa {
  margin-left:0.4em
}
.act-btn-outline:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  margin:auto;
  width:40%;
  height:100%;
  border-radius:10em;
  z-index:-1;
  opacity:0;
  transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1)
}
.act-btn-outline:hover {
  background:#fff
}
.act-btn-outline:hover:before {
  opacity:1;
  width:100%
}
.btn-outline-blue {
  color:#121462;
  background:#fff;
  border:2px solid #121462
}
.btn-outline-blue:before {
  background:#c43826
}
.btn-outline-blue:hover {
  color:#fff
}
.btn-outline-blue:hover .icon {
  transition:all 0.1s linear
}
.btn-outline-red {
  color:#c43826;
  background:#fff;
  border:2px solid #c43826
}
.btn-outline-red:before {
  background:#c43826
}
.btn-outline-red:hover {
  color:#fff
}
.btn-outline-gold {
  color:#aa7c5e;
  background:#fff;
  border:2px solid #aa7c5e
}
.btn-outline-gold:before {
  background:#aa7c5e
}
.btn-outline-gold:hover {
  color:#fff
}
.btn-sect-center {
  display:block;
  margin-top:2em;
  margin-left:auto;
  margin-right:auto;
  width:80%;
  max-width:180px
}
.btn-wrap-center {
  text-align:center;
  margin-top:3em
}
.btn-wrap-center .btn {
  max-width:220px;
  width:45%
}
.btn-wrap-center .btn:not(:last-child) {
  margin-right:1.2em
}
.btn-outline-menu {
  color:#121462;
  background:#fff;
  border:1.5px solid #121462;
  padding-left:1.5em;
  border-radius:.6em;
  box-shadow:2px 2px 10px 1px rgba(18,20,98,0.2)
}
.btn-outline-menu:before {
  display:none
}
.btn-outline-menu .act-icon {
  width:1.2em;
  height:1.2em;
  position:relative;
  top:.25em;
  transition:all .3s;
  background:#121462;
  display:inline-block;
  border-radius:10em;
  text-align:center
}
.btn-outline-menu .act-icon i {
  color:#fff;
  font-size:.9em;
  position:relative;
  top:-.2em;
  left:.05em;
  margin-left:0
}
.btn-outline-menu:hover {
  color:#121462;
  border:1.5px solid #121462;
  background:#fff
}
.btn-outline-menu.active {
  color:#fff;
  border:1.5px solid #121462;
  background:#c43826;
  box-shadow:none
}
.btn-outline-menu.active .act-icon {
  transition:all .3s;
  background:#fff
}
.btn-outline-menu.active .act-icon i {
  color:#c43826
}
@media screen and (max-width: 768px) {
  .btn-wrap-center .btn:not(:last-child) {
    margin-right:.5em
  }
}
a:hover {
  color:#121462
}
.sect-title {
  text-align:center;
  margin-bottom:3em
}
.sect-title h2 {
  font-size:3em;
  font-weight:700;
  line-height:1.4;
  color:#121462
}
.sect-title p {
  font-size:1.4em;
  line-height:1.8;
  color:#121462
}
@media screen and (max-width: 768px) {
  .sect-title {
    padding-right:.75em;
    padding-left:.75em;
    margin-bottom:2em
  }
  .sect-title h2 {
    font-size:2.2em
  }
  .sect-title h2.text-sm {
    font-size:1.8em
  }
}
.nb,.act-nb {
  font-family:"Helvetica Neue", Helvetica, Arial
}
.text-blue {
  color:#121462 !important
}
.text-red {
  color:#c43826 !important
}
.text-gold {
  color:#aa7c5e !important
}
.text-orange {
  color:#f45213 !important
}
.text-yellow {
  color:#ffa200 !important
}
.text-pink {
  color:#3c81ff !important
}
.text-list-decimal {
  list-style-type:decimal;
  padding-left:1em
}
.text-list-disc {
  list-style-type:disc;
  padding-left:1em
}
.text-3d-wrap {
  font-weight:bold;
  text-align:center;
  letter-spacing:0;
  line-height:1.2;
  white-space:nowrap;
  margin-left:-0.2em;
  position:relative;
  display:inline-block;
  height:1.6em
}
.text-3d-wrap .text-3d-1 {
  position:relative;
  padding:0 0.2em;
  z-index:3;
  top:0;
  left:0;
  background:#121462;
  background-size:100%;
  -webkit-background-clip:text;
  -webkit-text-stroke:.1em transparent
}
.text-3d-wrap .text-3d-2 {
  position:absolute;
  color:#121462;
  z-index:2;
  top:.03em;
  left:.3em;
  background:#121462;
  background-size:100%;
  line-height:1.4;
  -webkit-background-clip:text;
  -webkit-text-stroke:.1em transparent
}
.text-3d-wrap2 {
  font-weight:bold;
  text-align:center;
  letter-spacing:0;
  line-height:1.2;
  white-space:nowrap;
  margin-left:-0.2em;
  position:relative;
  display:inline-block;
  height:1.6em
}
.text-3d-wrap2 .text-3d-1 {
  position:relative;
  padding:0 0.2em;
  z-index:3;
  top:0;
  left:0;
  background:#fff;
  background-size:100%;
  -webkit-background-clip:text;
  -webkit-text-stroke:.2em transparent
}
.text-3d-wrap2 .text-3d-2 {
  position:absolute;
  color:#fff;
  z-index:2;
  top:.03em;
  left:.3em;
  background:#fff;
  background-size:100%;
  line-height:1.4;
  -webkit-background-clip:text;
  -webkit-text-stroke:.2em transparent
}
.text-3d-wrap2 .text-3d-3 {
  position:absolute;
  color:#121462;
  background:#121462;
  z-index:1;
  top:.08em;
  left:.35em;
  background-size:100%;
  line-height:1.4;
  -webkit-background-clip:text;
  -webkit-text-stroke:.2em transparent
}
.title-line-caption {
  display:flex;
  white-space:nowrap;
  text-align:center;
  align-items:center;
  width:50%;
  overflow:hidden
}
.title-line-caption:after,.title-line-caption:before {
  border-top:1px solid #aa7c5e;
  content:'';
  position:relative;
  width:50%
}
.title-line-caption:before {
  right:5%
}
.title-line-caption:after {
  left:5%
}
.act-wrap {
  width:100%;
  height:auto;
  position:relative;
  font-family:'Noto Sans TC',Microsoft Yahei,"微軟正黑體",Poppins,Helvetica, Arial;
  font-weight:400;
  line-height:1.5;
  color:#121462;
  text-align:left;
  background:#fff;
  font-size:1em;
  max-width:100vw !important
}
@media screen and (max-width: 768px) {
  .act-wrap {
    max-width:100vw;
    overflow-X:hidden
  }
}
.act-header {
  width:100%;
  position:relative;
  background:url("../images/city-bg.png") no-repeat bottom center #121462;
  background-size:100%;
  margin-top:58px;
  font-size:clamp(12px, 2vw, 30px)
}
.act-header .act-container-wrap {
  padding-top:3em;
  padding-bottom:3em;
  max-width:1460px;
  padding-left:5em;
  padding-right:5em
}
.act-header .act-char {
  position:absolute;
  width:34%;
  bottom:-2em;
  right:1em
}
.act-header .logo {
  width:40%;
  margin-bottom:1em
}
.act-header .text-part {
  font-size:clamp(16px, 2vw, 30px);
  color:#fff
}
.act-header h1 {
  font-size:1.6em;
  line-height:1.5
}
.act-header h2 {
  margin-top:.5em;
  font-size:1.5em;
  color:#fff;
  line-height:1.5
}
.act-header .act-btn {
  font-size:.8em;
  margin-top:0.5em;
  padding:0.5em 2em
}
@media screen and (max-width: 768px) {
  .act-header {
    font-size:calc(2vw + 1.5vmin) !important;
    background:url("../images/city-bg-m.png") no-repeat bottom center #121462;
    background-size:100%;
    margin-top:48px
  }
  .act-header .act-container-wrap {
    padding-top:3em;
    padding-bottom:5em;
    padding-left:1em;
    padding-right:1em
  }
  .act-header .act-char {
    position:absolute;
    width:32%;
    bottom:5em;
    right:.5em
  }
  .act-header .logo {
    width:80%;
    margin-bottom:1em
  }
  .act-header .text-part {
    font-size:1em
  }
  .act-header h1 {
    font-size:1.4em
  }
  .act-header h2 {
    font-size:1.2em;
    font-weight:bold
  }
  .act-header .act-btn {
    font-size:1em;
    margin-top:0.2em;
    padding:0.5em 2em
  }
}
.act-sect-info {
  background:url("../images/info-bg2.png") no-repeat bottom 52% right,url("../images/info-bg.jpg") no-repeat bottom center;
  background-size:8%,100%;
  padding-top:7em
}
.act-sect-info .title-h2 {
  font-size:2em;
  text-align:center;
  margin-bottom:2em;
  line-height:1.4
}
.act-sect-info .act-content .pic-part {
  width:44%;
  position:relative;
  margin-top:-3em
}
.act-sect-info .act-content .brain {
  width:100%
}
.act-sect-info .act-content .text-part {
  background:linear-gradient(90deg, #fff 0%, #eff2ff 45%, #eff2ff 100%);
  padding:2em;
  padding-top:2em;
  width:56%
}
.act-sect-info .act-content .text-part h3 {
  background:#121462;
  position:relative;
  margin-top:-.6em;
  color:#fff;
  padding:0.5em 1em;
  padding-right:2em;
  font-size:1.4em;
  display:inline-block
}
.act-sect-info .act-content .text-part p {
  font-size:1.2em;
  padding-top:.5em;
  line-height:1.6
}
.act-sect-info .act-content2 {
  max-width:1100px;
  margin-left:auto;
  margin-right:auto
}
.act-sect-info .act-content2 .act-item {
  width:32%;
  text-align:center
}
.act-sect-info .act-content2 .act-item .act-pic {
  max-width:345px;
  width:90%;
  display:block;
  margin-left:auto;
  margin-right:auto
}
.act-sect-info .act-content2 .act-item h3 {
  margin-top:1em;
  font-size:1.3em;
  background:#ffb095;
  border:.1em solid #9ea2d1;
  border-radius:.6em;
  padding:.4em 1em .6em;
  position:relative;
  z-index:1;
  display:inline-block
}
.act-sect-info .act-content2 .act-item h3:before {
  content:"";
  position:absolute;
  left:-0.1em;
  top:-0.1em;
  z-index:-1;
  width:100%;
  height:100%;
  background:#fff;
  border:.1em solid #9ea2d1;
  border-radius:.6em
}
@media screen and (max-width: 768px) {
  .act-sect-info {
    background:url("../images/info-bg2.png") no-repeat top 46% right,url("../images/info-bg-m.jpg") no-repeat bottom center;
    background-size:20%,100%;
    padding-top:3em
  }
  .act-sect-info .act-container-wrap {
    padding-left:1em;
    padding-right:1em
  }
  .act-sect-info .title-h2 {
    font-size:1.6em;
    line-height:1.5
  }
  .act-sect-info .act-content .pic-part {
    width:100%
  }
  .act-sect-info .act-content .text-part {
    width:98%
  }
  .act-sect-info .act-content .text-part h3 {
    margin-top:-.6em;
    padding:0.5em 1em;
    font-size:1.4em;
    white-space:nowrap
  }
  .act-sect-info .act-content .text-part p {
    font-size:1.2em;
    padding-top:.5em
  }
  .act-sect-info .act-content2 .act-item {
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:80%
  }
  .act-sect-info .act-content2 .act-item:not(:last-child) {
    margin-bottom:1em
  }
  .act-sect-info .act-content2 .act-item .act-pic {
    max-width:345px;
    width:90%
  }
  .act-sect-info .act-content2 .act-item h3 {
    margin-top:-6em;
    font-size:1.4em;
    position:relative;
    z-index:2;
    top:-1em
  }
}
.act-sect-lecturer {
  background:url("../images/lecturer-l.png") no-repeat top left,url("../images/lecturer-r.png") no-repeat top 15% right 5%,url("../images/lecturer-footer.png") repeat-X bottom #3c81ff;
  background-size:12%,4%,11%;
  padding-bottom:8em
}
.act-sect-lecturer .act-content {
  position:relative
}
.act-sect-lecturer .act-content:before {
  content:"●●●●●●●●●●●●●●●";
  font-size:3em;
  color:#fcff1f;
  position:absolute;
  top:40%;
  transform:translateY(-50%);
  text-align:center;
  width:100%;
  max-width:100%;
  overflow:hidden;
  z-index:-1
}
.act-sect-lecturer .act-item {
  text-align:center;
  width:30%
}
.act-sect-lecturer .act-item .act-pic {
  width:100%;
  max-width:284px
}
.act-sect-lecturer .act-item p {
  margin-top:1em;
  font-size:1.1em;
  font-weight:bold;
  margin-bottom:.5em
}
.act-sect-lecturer .act-item p.title-large-15 {
  font-size:1.265em
}
.act-sect-lecturer .act-item h3 {
  font-size:2.5em;
  font-weight:500;
  color:#fcff1f
}
@media screen and (max-width: 768px) {
  .act-sect-lecturer {
    background:url("../images/lecturer-l.png") no-repeat top left,url("../images/lecturer-r.png") no-repeat top 2% right 5%,url("../images/lecturer-footer.png") repeat-X bottom #3c81ff;
    background-size:26%,10%,25%;
    padding-bottom:6em
  }
  .act-sect-lecturer .act-content:before {
    display:none
  }
  .act-sect-lecturer .act-item {
    width:86%;
    display:block;
    margin-right:auto;
    margin-left:auto
  }
  .act-sect-lecturer .act-item .act-pic {
    width:76%;
    display:block;
    margin-right:auto;
    margin-left:auto
  }
  .act-sect-lecturer .act-item p {
    margin-top:.2em;
    font-size:1.4em;
    line-height:1.3
  }
  .act-sect-lecturer .act-item p.title-large-15 {
    font-size:1.61em
  }
  .act-sect-lecturer .act-item h3 {
    font-size:2.6em;
    font-weight:700
  }
}
.act-sect-agenda {
  background:url("../images/agenda-l.png") no-repeat bottom left,url("../images/agenda-r.png") no-repeat top right #121462;
  background-size:14% , 11%;
  padding-bottom:6em
}
.act-sect-agenda .table th,.act-sect-agenda .table td {
  color:#fff;
  border-bottom:none;
  font-size:1.2em
}
.act-sect-agenda .table th {
  background:#3c81ff
}
.act-sect-agenda .act-btn {
  font-size:1.4em;
  padding:0.5em 3em
}
@media screen and (max-width: 768px) {
  .act-sect-agenda {
    background:url("../images/agenda-l.png") no-repeat bottom left,url("../images/agenda-r.png") no-repeat top right #121462;
    background-size:28% , 25%;
    padding-bottom:7em
  }
  .act-sect-agenda .table {
    margin-bottom:0
  }
  .act-sect-agenda .table th,.act-sect-agenda .table td {
    font-size:1em;
    padding:0.5em
  }
  .act-sect-agenda .act-btn {
    font-size:1.4em;
    padding:0.5em 3em
  }
}
.act-sect-place {
  background:url("../images/place-bg.jpg") no-repeat top center #121462;
  background-size:cover
}
.act-sect-place .act-container-wrap {
  background:#fff;
  max-width:1100px;
  padding:1em
}
.act-sect-place .W-taipei {
  margin-top:3em;
  margin-bottom:3em;
  width:80%
}
.act-sect-place .act-inner {
  border:1px solid #06084a;
  padding:3em 1.5em;
  text-align:center
}
.act-sect-place .act-inner .title-line-caption {
  font-size:1.8em
}
.act-sect-place .act-inner p {
  max-width:800px;
  width:90%;
  display:block;
  margin-left:auto;
  margin-right:auto;
  font-size:0.9em;
  line-height:1.6
}
.act-sect-place .act-inner h3 {
  font-size:3em;
  margin-top:.5em;
  margin-bottom:0.5em
}
.act-sect-place .act-inner h4 {
  font-size:1em;
  letter-spacing:0.8em
}
@media screen and (max-width: 768px) {
  .act-sect-place {
    background:url("../images/place-bg-m.jpg") no-repeat top center #121462;
    background-size:cover
  }
  .act-sect-place .act-container-wrap {
    width:94%
  }
  .act-sect-place .W-taipei {
    margin-top:3em;
    margin-bottom:3em;
    width:70%
  }
  .act-sect-place .act-inner {
    padding:2.5em 1.2em
  }
  .act-sect-place .act-inner .title-line-caption {
    font-size:1.4em;
    width:80%
  }
  .act-sect-place .act-inner p {
    width:90%;
    font-size:1em;
    line-height:1.5
  }
  .act-sect-place .act-inner h3 {
    font-size:1.6em;
    margin-top:.5em;
    margin-bottom:0.5em;
    letter-spacing:0;
    font-weight:bold
  }
  .act-sect-place .act-inner h4 {
    font-size:.9em;
    letter-spacing:0.4em
  }
}
.act-sect-footer {
  background:#121462;
  padding-bottom:4em;
  padding-top:4em
}
.act-sect-footer .act-container-wrap {
  text-align:center;
  color:#fff;
  padding-left:1em;
  padding-right:1em
}
.act-sect-footer .logo {
  width:80%;
  max-width:600px;
  margin-bottom:1em
}
.act-sect-footer p {
  margin-bottom:0;
  font-size:1em
}
@media screen and (max-width: 768px) {
  .act-sect-footer p {
    margin-bottom:0;
    font-size:1em
  }
}
.fancybox-is-open .fancybox-bg {
  opacity:.7
}
.Modal {
  position:relative;
  border-radius:30px;
  overflow:visible;
  font-family:Microsoft Yahei,'微軟正黑體','Barlow',Helvetica, Arial
}
.Modal .btn-closed {
  position:absolute;
  right:10px;
  top:10px;
  width:1.6em;
  height:1.6em;
  border-radius:10em;
  background:#c43826;
  color:#fff;
  font-size:1.8em;
  font-weight:800;
  text-align:center;
  cursor:pointer;
  transition:all .3s
}
@media screen and (min-width: 769px) {
  .Modal .btn-closed {
    display:flex;
    align-items:center;
    justify-content:center
  }
}
.Modal-content {
  padding:3em 4em
}
.Modal-content .QA {
  position:relative;
  font-size:1.2em;
  font-weight:bold
}
.Modal-content .QA span {
  position:absolute;
  left:-1.2em;
  top:-0.2em;
  font-size:1.2em;
  color:#aa7c5e;
  font-family:'Barlow', sans-serif
}
.act-header {
  background-color: #010c22 !important;
  background-position: center bottom !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
}
.act-header .headline-img {
  display: block;
  width: 58%;
  max-width: 820px;
  height: auto;
  margin-top: .2em;
  margin-bottom: .9em;
}
.act-header .text-part .logo {
  margin-bottom: .8em;
}
.act-header .text-part .act-nb {
  margin-top: .1em;
  margin-bottom: .9em;
}
.act-header .text-part .btn-3D {
  margin-top: 1.2em;
}
.act-sect-info .act-content .text-part {
  width: calc(56% - 60pt) !important;
}
.act-sect-info .act-content {
  align-items: center !important;
}
.act-sect-info .brand-export-title {
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding: .35em .9em .45em;
  background: #121462;
  color: #fff !important;
}
.act-sect-info .brand-export-title-blue {
  color: #8fd8ff !important;
}
.act-sect-lecturer .act-content {
  justify-content: center !important;
  flex-wrap: wrap;
  gap: 4.2em 3%;
}
.act-sect-lecturer .act-content + .act-content {
  margin-top: .6em;
}
.act-sect-lecturer .act-item {
  width: 30%;
  max-width: 340px;
}
.act-sect-lecturer .act-item .act-pic {
  width: 100%;
  max-width: 340px;
}
@media screen and (max-width: 768px) {
  .act-sect-info .act-content .text-part {
    width: 98% !important;
  }
  .act-header .headline-img {
    width: 88%;
    max-width: 520px;
    margin-top: .7em;
    margin-bottom: .8em;
  }
  .act-header .text-part .act-nb {
    margin-bottom: .8em;
  }
  .act-sect-lecturer .act-content {
    gap: .8em;
  }
  .act-sect-lecturer .act-content + .act-content {
    margin-top: .8em;
  }
  .act-sect-lecturer .act-item {
    width: 86%;
    max-width: none;
    margin-bottom: 2em;
  }
  .act-sect-lecturer .act-item .act-pic {
    width: 86%;
    max-width: 340px;
  }
}
/*# sourceMappingURL=style.css.map */