/* 2026-10 改版（issue #1）— about。只放這次新增／覆蓋的樣式 */

/* A-04 History：舊時間軸改成一張直式圖。桌機置中最大 750px，手機寬 100%，等比例不裁切 */
#about .about2026-history{
  display: block;
  max-width: 750px;
  margin: 0 auto;
  padding: 0;
}
#about .about2026-history img{
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 750px){
  /* 舊 rwd.css 在手機把 .about-history-img-box 藏起來、改顯示 y1~y8 清單；這裡改回顯示新圖 */
  #about .about2026-history{
    display: block;
  }
  #about .about-history-box{
    padding-bottom: 0;
  }
}

/* A-07／A-08 Core Value 在上、Strength 在下，桌機手機都上下排，等比例完整顯示 */
#about .about2026-core-strength{
  display: block;
  max-width: 1279px;
  margin: 0 auto;
  padding: 60px 20px;
  box-sizing: border-box;
}
#about .about2026-core-strength img{
  display: block;
  width: 100%;
  height: auto;
}
#about .about2026-core-strength img + img{
  margin-top: 20px;
}
@media only screen and (max-width: 750px){
  #about .about2026-core-strength{
    padding: 30px 0;
  }
  #about .about2026-core-strength img + img{
    margin-top: 10px;
  }
}

/* A-10 Why us 第六項：舊 hover.css 在 min-width:1000px 把第 6 項寫死成 hover 狀態（不管有沒有滑鼠都黑底）。
   沒 hover 時改回跟前五項一樣的預設狀態，hover 時照舊 hover.css 的效果 */
@media only screen and (min-width: 1000px){
  #about .about-why-list:nth-child(6):not(:hover) .about-why-mask{
    opacity: 0;
  }
  #about .about-why-list:nth-child(6):not(:hover) .about-why-title{
    color: #000;
  }
  #about .about-why-list:nth-child(6):not(:hover) .about-why-title-box i{
    color: #2c4e8b;
  }
  #about .about-why-list:nth-child(6):not(:hover) .about-why-article{
    color: #555;
  }
  #about .about-why-list:nth-child(6):not(:hover) .about-why-img{
    opacity: 0;
    transform: translateX(40%);
  }
  #about .about-why-list:nth-child(6):not(:hover) .about-why-title-box span{
    background-image: url(../../img/w6-1.png);
  }
}

/* A-14 Luminlite and the environment：底色 #0A1A33、標題 #F5C431、內文白色 */
#about .about-we-are{
  background-color: #0A1A33;
}
#about .about-we-are-title{
  color: #F5C431;
}
#about .about-we-are-p{
  width: 760px;
  max-width: 100%;
  color: #FFF;
  line-height: 1.6;
}