h1, h2, h3, h4, h5, h6, p, ul, li, ol {
    font-family: Roboto, "微軟正黑體", "Microsoft JhengHei", PingFang, STHeiti, Arial, sans-serif;
}

::selection {
    color: #ffffff;
    background: #abcd03;
}

.contact-title hr{
  border-top: 1px solid #cccccc;
}

.top-banner:after{
  background-color: #ffffff;
  background-image: url(/../../../images/bg-img.png);
  clip-path: ellipse(50% 60% at 50% 100%);
  width:100%;
  height: 100px;
  bottom: 0;
}


#item-1730689392319{
  z-index: 0;
}

/*banner Text animation*/
.banner-slidetxt .txtSubtitle {
  display: flex;
}

.banner-slidetxt .txtSubtitle-center {
  display: flex;
  justify-content: center;
}

.banner-text01,
.banner-text02,
.banner-text03,
.banner-text04,
.banner-text05 {
  letter-spacing: 3px;
  font-weight: 700;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.banner-text01 {
    animation: letterBlur 8s ease-in-out .4s infinite;
}

.banner-text02 {
    animation: letterBlur 8s ease-in-out .6s infinite;
}

.banner-text03 {
    animation: letterBlur 8s ease-in-out .2s infinite;
}

.banner-text04 {
    animation: letterBlur 8s ease-in-out .5s infinite;
}

.banner-text05 {
    animation: letterBlur 8s ease-in-out .3s infinite;
}

@keyframes letterBlur {
    0% {
        opacity: 0;
        -webkit-filter: blur(5px);
        /* filter: blur(5px); */
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
    }
    20% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
    80% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        opacity: 1;
    }
    85% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    95% {
        -webkit-filter: blur(10px);
        filter: blur(10px);
    }
    100% {
        -webkit-filter: blur(5px);
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        filter: blur(5px);
        opacity: 0;
    }
}
/*banner Text animation*/
/*banner Dots*/
#item-1730707545544 > .slideshow-wrapper > .ba-slideshow > .ba-slideshow-dots > div:hover, #item-1730707545544 > .slideshow-wrapper > .ba-slideshow > .ba-slideshow-dots > div.active {
    background-color: rgba(171, 205, 3, 1);
}

#item-1730707545544 > .slideshow-wrapper > .ba-slideshow > .ba-slideshow-dots > div {
  font-size: 10px;
  width: 40px;
  height: 6px;
  background-color: var(--hover);
  border-radius: 50px;
}

#item-1730707545544 > .ba-icon-dot:before, .ba-icon-circle:before {
    content: " ";
}
/*banner Dots*/
#item-1730861778301 .ba-button-wrapper a i {
    border-radius: 50px;
    color: #abcd03;
    background-color: #ffffff;
}

.home-item:before{
  content: '';
  position: absolute;
  top: 5px;
  bottom: 0;
  left: -20px;
  width: 2px;
  height: 20px;
  background-color: #abcd03;
  transform: rotate(-90deg);
}

/*Languages*/
div.mod-languages ul {
    text-align: center;
}

@media screen and (min-width: 780px) and (max-width: 1024px) {
  div.mod-languages ul {
    text-align: right;
  }
}

div.mod-languages ul li.lang-active {
    background-color: #f0f0f000;
}

div.mod-languages a {
  padding: 5px 20px;
  font-size: 1rem;
  border-radius: 50px;
  color: #3f4756;
  background-color: #f1f1f1;
  /*border: 1px solid #3f4756;*/
}

div.mod-languages a:hover {
  color: #ffffff;
  background-color: #abcd03;
  /*border: 1px solid #abcd03;*/
}
/*Languages*/