/* fonts.css */
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@600&display=swap');

.NavMenuList .navItem:hover {
  color: green;
}
@font-face {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0")
      format("embedded-opentype"),
    url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0")
      format("woff2"),
    url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0")
      format("woff"),
    url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0")
      format("truetype"),
    url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular")
      format("svg");
}

@media screen and (min-width: 992px) {
  .index-desktop {
    display: block;
  }
  .index-mobile {
    display: none;
  }
}
@media screen and (max-width: 991.5px) {
  .index-desktop {
    display: none;
  }
  .index-mobile {
    display: block;
  }
}

.index-root-item0 {
  z-index: 99 !important;
}
.NavMenuList {
  transform: scale(0.6);
  left: 20% !important;
  bottom: 50px !important;
  z-index: 99 !important;
  width: 80% !important;
  height: 6% !important;
  position: fixed !important;
}
.mobile-menu {
  background: url(assets/6a9b10aa970856762ecfccf89a94015f.png) center center / contain no-repeat;
  position: fixed;
  left: 8.75%;
  top: 5%;
  width: 11.25%;
  height: 2.5%;
  z-index: 99;
}
.mobile-fixed-wrapper {
  position: fixed;
  background: rgba(255, 255, 255, 1.0);  
  bottom: 0px;
  width: 100%;
  max-height: 175px;
  z-index: 99;  
  display: none;
}
.mobile-fixed-menu {
  margin-left: 8.75%;
  margin-right: 8.75%;  
  width: 82.5%;
  pointer-events: none;
  padding-bottom: 23.5%;    
  z-index: 99;  
}
.mobile-popup {
  display: none;
  position: fixed;
  background: white;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);  
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index: 200;
}

.contact1, .contact2, .contact3, .contact4 {
  cursor: pointer;
}
.contact1:hover, .contact2:hover, .contact3:hover, .contact4:hover, .mobile-menu:hover {
  opacity: 0.75;
}