@media screen and (min-width: 1024px) {
  header.colorGR {
    background: #000;
  }
}
@media screen and (min-width: 1440px) {
  header {
/*     width: 100%;  加了這個會造成解析度太大時右上角會超出範圍不能點選*/ 
  }
}
header .lightHeaderBox .hdGroup #ham {
  margin: 0 7px;
}
header .lightHeaderBox .hdGroup .linkArea {
  display: none;
}
header .lightHeaderBox .depart {
  display: none;
}
@media screen and (min-width: 1024px) {
  header .lightHeaderBox nav {
    margin-right: 8px;
  }
}
header .lightHeaderBox nav .title {
  margin: 0 auto;
}
header .lightHeaderBox nav .navBox .loginBox {
  display: none;
}
@media screen and (min-width: 1024px) {
  header .lightHeaderBox nav .navBox .memberArea {
    margin: 0 12px;
  }
}
header .lightHeaderBox nav .navBox .memberAreaAvatar {
  display: inline-block;
  width: 30px;
  margin-right: 10px;
  line-height: 30px;
  vertical-align: middle;
}
header .lightHeaderBox nav .navBox .memberAreaAvatar img {
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  header .lightHeaderBox nav .navBox .historyArea {
    margin: 0 12px;
  }
}
header .lightHeaderBox .linkService {
  display: none;
}