.heroImg {
  position: relative;
  height: 450px;
  background: url(../images/header20240920.webp?v=20240923) top center no-repeat;
  line-height: 0;
  z-index: 1;
}



/* @media screen and (max-width:1024px) {
  .heroImg { background-size: 160%; height: 35vw; }
  }
 */


@media screen and (max-width:820px) {
  header.heroImg {
    height: auto;
    background: none;
  }

  h1 img {
    width: 100%;
  }
}



.onlyM {
  display: none;
}

@media screen and (max-width:820px) {
  .onlyM {
    display: block;
  }
}

 






/************跨頁選單 CSS 開始********************/
/************跨頁選單 CSS 開始********************/
/************跨頁選單 CSS 開始********************/
/************跨頁選單 CSS 開始********************/
/************跨頁選單 CSS 開始********************/
.golbalMenu {
  position: sticky;

  top: 0;
  display: flex;
  justify-content: center;
  background: #da4807;
  z-index: 200;
}

.green .golbalMenu {
  background: #113c22;
}

.golbalMenu a {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0 15px;
  font: 28px/2.2em "微軟正黑體";
  color: white;
  letter-spacing: 2px;
  transition: .5s;
}

.golbalMenu span {
  display: inline-flex;
}

.golbalMenu a:hover {
  background: rgba(0, 0, 0, 0.5);
}

.golbalMenu a.on {
  background: #49392a;
  pointer-events: none;
}

.golbalMenu a img {
  margin-right: 3px;
  width: 20px;
  filter: invert(1);
}



@media screen and (max-width:820px) {
  .golbalMenu {
    justify-content: flex-start;
    overflow-x: scroll;
  }
}

@media screen and (max-width:600px) {
  .golbalMenu a {
    padding: 0 11px;
    font-size: 15px;
  }

  .golbalMenu a img {
    display: none;
  }
}

@media screen and (max-width:390px) {
  .golbalMenu a {
    padding: 0 7px;

  }

}


/************跨頁選單 CSS 結束********************/
/************跨頁選單 CSS 結束********************/
/************跨頁選單 CSS 結束********************/
/************跨頁選單 CSS 結束********************/
/************跨頁選單 CSS 結束********************/