header .topArea .topnav {
  padding: 0;
}

header .topArea .topnav li a {
  white-space: nowrap;
  font-size: 1.6rem;
}

header .topArea .fontControl {
  font-size: 1.6rem;
}

header .topArea .sharebtn > a {
  font-size: 1.6rem;
}

header .searchArea {
  padding: 10px;
  padding-left: 0;
}

header .searchArea .speechsearch {
  transform: none;
  margin-left: -5%;
}

header .searchArea .popular {
  font-size: 1.6rem;
}

header .searchArea .popular a {
  font-size: 1.6rem;
}

header .searchArea .searching .search-btn {
  margin-left: 10px;
}

nav #dropdownnavT .dropdown-menu {
  width: 1280px;
}

nav .dropdownnav .dropdown {
  margin: 0 20px;
}

nav .dropdownnav .dropdown > a {
  white-space: unset;
}

nav #dropdownnavT .dropdown-menu li a {
  white-space: initial;
}

.dropdown-menushow {
  grid-template-columns: repeat(4, auto);
}

.service {
  background-size: cover;
}

.information .specail-area > ul > li .box .pic {
  font-size: 2rem;
}

.information .specail-area > ul > li .box .pic .name {
  min-height: 60px;
}

#Pnl_TSGH_News {
  padding: 100px 0;
}

#Pnl_TSGH_News .item .content {
  background: rgba(255, 255, 255, 0.7);
}

#Pnl_TSGH_News .item .content li {
  margin-top: 20px;
}

@media (max-width: 1024px) {
  .service {
    background-size: contain;
  }
  .information .specail-area > ul {
    grid-auto-rows: 300px;
  }
}

@media (max-width: 821px) {
  .information .specail-area {
    margin-bottom: 10px;
  }
  .information .specail-area > ul {
    grid-template-columns: repeat(3, minmax(150px, 1fr));
  }
  .information .specail-area > ul > li {
    min-width: 150px;
    min-height: 150px;
  }
  .information .specail-area > ul > li .box .pic .name {
    min-height: 100px;
    top: -15px;
  }
}

@media (max-width: 580px) {
  .information .specail-area > ul {
    grid-template-columns: repeat(2, 180px);
    grid-auto-rows: 250px;
  }
  .information .specail-area > ul > li .box {
    background-size: 150% auto;
  }
  .information .specail-area > ul > li .box .pic .name {
    white-space: break-spaces;
  }
  .service {
    background-size: cover;
  }
}

@media (max-width: 321px) {
  .information .specail-area > ul {
    grid-template-columns: repeat(2, 160px);
  }
}