@charset "UTF-8";


.main-nav>li.act:not(.wpml-ls-item)>a .menu-text, .main-nav>li.act:not(.wpml-ls-item)>a .subtitle-text {
  color: #fff !important;
}
.sticky-mobile-header.floating-navigation-below-slider:not(.admin-bar) .fixed-mobile-header.masthead {
    left: 0;
}


a {
  text-decoration: none !important;
}


#nav {
  width: 90%;
}

#nav ul {
  margin: 0;
  padding: 0;
}

#nav li {
  list-style: none;
}

.mainQA {
  height: 100%;
  cursor: pointer;
  padding: 0px 20px;
  line-height: 60px;

}

.mainQA a {
  line-height: 60px !important;
  height: 100%;
  font-size: 16px;
  color: #fff;

}

.mainQA a:hover {
  color: #fff !important;

}



ul.subs li a {
  display: block;
  padding: 10px 20px;
  background-color: #F5F5F5;
  font-size: 12px;

}

.color_blue .mainQA {
  background-color: #3FC6F3;
  color: #fff;
  border-right: solid 10px #0D9BE5;



}

.color_blue .open {
  background: #0D9BE5;
  background-size: 5%;
}

.color_blue .rollover {
  background-color: #0D9BE5;
}

.color_blue ul.subs li a {
  border-right: solid 10px #0D9BE5;
  color: #8B8D94;
  font-size: 15px;
}

.color_blue ul.subs li a:hover {
  background-color: #ececec;
  color: #8B8D94;
}




.color_red .mainQA {
  background-color: #28b8e8;
  color: #fff;
  border-right: solid 10px #0D9BE5;
}

.color_red .open {
  background: #28b8e8 no-repeat 28px 52px;
  background-size: 5%;
}

.color_red .rollover {
  background-color: #0D9BE5;
}

.color_red ul.subs li a {
  border-right: solid 10px #ececec;
  color: #8B8D94;
  font-size: 15px;
}

.color_red ul.subs li a:hover {
  background-color: #ececec;
  color: #8B8D94;
}





.color_yellow .mainQA {
  background-color: #FEBD01;
  color: #fff;
  border-right: solid 10px #FF8D00;
}

.color_yellow .open {
  background: #FF8D00 url("http://iconmonstr.com/wp-content/g/gd/makefg.php?i=../assets/preview/2012/png/iconmonstr-triangle-3.png&r=245&g=245&b=245") no-repeat 28px 52px;
  background-size: 5%;
}

.color_yellow .rollover {
  background-color: #FF8D00;
}

.color_yellow ul.subs li a {
  border-right: solid 10px #FF8D00;
  color: #FF8D00;
}

.color_yellow ul.subs li a:hover {
  background-color: #FEBD01;
  color: #fff;
}

.color_green .mainQA {
  background-color: #46D7C6;
  color: #fff;
  border-right: solid 10px #15B59B;
}

.color_green .open {
  background: #15B59B url("http://iconmonstr.com/wp-content/g/gd/makefg.php?i=../assets/preview/2012/png/iconmonstr-triangle-3.png&r=245&g=245&b=245") no-repeat 28px 52px;
  background-size: 5%;
}

.color_green .rollover {
  background-color: #15B59B;
}

.color_green ul.subs li a {
  border-right: solid 10px #15B59B;
  color: #15B59B;
}

.color_green ul.subs li a:hover {
  background-color: #46D7C6;
  color: #fff;
}

.arrow1 {}

.animation-delay1 {
  animation-delay: 0.5s;
}

.animation-delay2 {
  animation-delay: 1s;
}

.animation-delay3 {
  animation-delay: 1.5s;
}

.animation-delay4 {
  animation-delay: 2s;
}

.animation-delay5 {
  animation-delay: 2.5s;
}

.animation-delay6 {
  animation-delay: 3s;
}

.animation-delay7 {
  animation-delay: 3.5s;
}

.animation-delay8 {
  animation-delay: 4s;
}

.animation-delay9 {
  animation-delay: 4.5s;
}

.animation-delay10 {
  animation-delay: 5s;
}

.animation-delay11 {
  animation-delay: 5.5s;
}


.layzr-bg {
  margin: auto !important;

}

.wftxt-center {
  display: inline;
  height: 100%;
  margin: auto;
}



/* Animation */
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0)
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0)
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
  opacity: 0
}

.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}

.fadeInLeft {
  opacity: 0;
  animation-name: fadeInLeft;
  -webkit-animation-name: fadeInLeft;


}



.team-carousel-shortcode.team-carousel-shortcode-id-74f8ff49ac5a132cba5e992afb510ceb .team-desc {

  margin: auto !important;
  padding-left: 30px !important;
  text-align: center !important;

}


.team-carousel-shortcode.team-carousel-shortcode-id-74f8ff49ac5a132cba5e992afb510ceb .team-media a,
.team-carousel-shortcode.team-carousel-shortcode-id-74f8ff49ac5a132cba5e992afb510ceb .team-media img {
  max-width: 150px;
  background-position: top center !important;
  margin: auto;
}





#load {
  background-color: #111111 !important;
}

.main-nav>li:not(.act):not(.wpml-ls-item)>a:hover .subtitle-text,
.main-nav>li:not(.act):not(.wpml-ls-item)>a:hover .menu-text,
.main-nav>li.dt-hovered:not(.act):not(.wpml-ls-item)>a .subtitle-text,
.main-nav>li.dt-hovered:not(.act):not(.wpml-ls-item)>a .menu-text,
.main-nav>li:not(.act):not(.wpml-ls-item)>a:hover,
.main-nav>li.dt-hovered:not(.act):not(.wpml-ls-item)>a {
  color: #fff !important;
}

.dt-mobile-menu-icon:not(.floating-btn) .menu-line:after,
.dt-mobile-menu-icon:not(.floating-btn) .menu-line:before {
  background: #fff !important;
}


/* 如果螢幕寬度為 992px以上(min-width) 就套用css設定 */

@media screen and (min-width: 992px) {
  .footer .widget.myserver+.myserver {
    margin-top: 40px !important;
  }
}


/* 如果螢幕寬度為 992px以下(max-width) 就套用css設定 */
@media screen and (max-width: 992px) {
  .footer .widget.myserver {
    margin-bottom: 0 !important;
  }
}


@media screen and (max-width: 992px) {
  .footer .widget.myserver+.myserver li:first-child {
    border-top: 1px solid rgba(139, 141, 148, .15) !important;
    padding-top: 10px !important;
  }
}


@media screen and (max-width: 992px) {
  .footer .widget.myserver+.myserver {
    margin-bottom: 30px !important;
  }
}