/*********** 電腦版本 *********/
/*index頁首 */
header {
  height: 400px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  top: 60px;
  /* padding-top: 100px; */
  overflow: hidden;
}
/* 行動呼籲 */
.cat_title {
  position: absolute;
  top: 50px;
  color: #f5f5f5;
  font-size: 100px;
  padding-left: 400px;
  opacity: 0.8;
  display: none;
}
.cat_text {
  top: 160px;
  position: absolute;
  color: #f5f5f5;
  padding-left: 400px;
  display: none;
  font-size: 20px;
}
#about_title {
  top: 150px;
}
#about_text {
  top: 270px;
}
/* index頁首 */
#index_header {
  height: 400px;
}
/*news頁首 */
#news_header {
  height: 300px;
  /* padding-top: 50px; */
}
/* products頁首 */
#products_header {
  height: 300px;
  /* padding-top: 50px; */
}
/* Q&A頁首 */
#qa_header {
  height: 230px;
  /* padding-top: 50px; */
}
/* contact_us頁首 */
#contact_us_header {
  height: 230px !important;
  /* padding-top: 50px; */
}
/************ 桌機 ********/
@media screen and (max-width: 1400px) {
}

@media screen and (max-width: 1200px) {
  .cat_title {
    padding-left: 80px;
    top: 90px;
  }
  .cat_text {
    padding-left: 80px;
    top: 200px;
  }
}

/************ 大--平板電腦 ********/
@media screen and (max-width: 992px) {
  /*頁首  */
  header {
    height: 200px !important;
    /* padding-top: 50px; */
  }
  #contact_us_header {
    display: block !important;
  }
  .cat_title {
    font-size: 80px;
    padding-left: 100px;
    top: 20px;
  }
  .cat_text {
    color: #f5f5f5;
    padding-left: 100px;
    top: 100px;
  }
  #about_title {
    top: 30px !important;
  }
  #about_text {
    top: 120px !important;
  }
}

@media screen and (max-width: 870px) {
}
/************ 平板電腦 ********/
@media screen and (max-width: 785px) {
  #news_header {
    top: 60px;
    height: 300px;
    bottom: 0px;
    overflow: visible;
  }
  .cat_title {
    top: 50px;
  }
  .cat_text {
    top: 100px;
  }
}

/*********** 手機版本 *********/
@media screen and (max-width: 680px) {
  /* 頁首 */
  header {
    height: 250px !important;
  }
  .cat_title {
    font-size: 70px;
    padding-left: 80px;
    top: 70px;
  }
  .cat_text {
    padding-left: 70px;
    top: 160px;
  }
}

/* ***小手機 */
@media screen and (max-width: 570px) {
}

@media screen and (max-width: 472px) {
  .cat_title {
    font-size: 50px;
    top: 80px;
  }
  .cat_text {
    top: 140px;
  }
}

@media screen and (max-width: 370px) {
}