.photoBlock ul,.photoBlock li ,
.photoBlock2 ul,.photoBlock2 li{
  list-style: none;
  padding: 0;
  margin: 0;
}
.indexBanner{
  width: 100%;
  padding-top: 90px;
}
.mainBg{
  background: url(../images/bg/indexMainBg.jpg) center top no-repeat;
  background-size: 100%;
  background-color: #f6f6f6;
}
.indexAd{
  text-align: center;
  color: #535353;
  font-size: 1.2em;
}
.indexAd::after {
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  margin: auto;
  background: #838282;
}
.indexAd .h2{
  font-weight: bold;
  font-size: 2em;
}
.photoBlock ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -1% 0 -1%;
}
.photoBlock li{
  margin: 1%;
  position: relative;
  height: auto;
  background-color: #000000;
}
.photoBlock .box_pic .thumb {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
 /* padding-bottom: 100%;*/
}
.photoBlock .thumb img {
 /*  border: 1px solid #8b8b8b;*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 530px;
}
.cover {
  object-fit: cover;
}
/*-----20221024調整
.photoBlock img{
  width: 100%;
}
.photoBlock img{
  height: 530px ;
  overflow: hidden;
  width: unset;
}*/
/*---20221024新增圖片多出切掉---
.photoBlock li:nth-child(1)  img
,.photoBlock li:nth-child(3) img
,.photoBlock li:nth-child(4) img
,.photoBlock li:nth-child(5) img
,.photoBlock li:nth-child(7)  img
{
  height: 530px ;
  overflow: hidden;
  width: unset;
}*/
.photoBlock img:hover ,
.photoBlock2 a:hover img{
  opacity: 0.7;
  transition: 1s;
}
.photoBlock li:nth-child(1)
,.photoBlock li:nth-child(7){
  width: 31.5%;
}
.photoBlock li:nth-child(2) 
,.photoBlock li:nth-child(6){
  width: 64.5%;
}
.photoBlock li:nth-child(3){
  width: 39%;
}
.photoBlock li:nth-child(4){
  width: 23%;
}
.photoBlock li:nth-child(5){
  width: 31.5%;
}
/*---20221024新增圖片多出切掉-
.photoBlock a{
  display: block;
  height: 490px;
  overflow: hidden;
}*/
.photoBlock a{
  display: block;
  width: 100%;
  height: 530px;
}
.photoBlock .box_text,.photoBlock2 li.box_video .box_text{
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  padding: 15px;
  color: #fff;
  -webkit-text-shadow: rgba(0,0,0,0.4) 0 0 5px;
  -moz-text-shadow: rgba(0,0,0,0.4) 0 0 5px;
  -ms-text-shadow: rgba(0,0,0,0.4) 0 0 5px;
  -o-text-shadow: rgba(0,0,0,0.4) 0 0 5px;
  text-shadow: rgb(0 0 0 / 40%) 0 0 5px;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 90%,rgba(0,0,0,0.7) 100%);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 90%, rgba(0,0,0,0.7) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 90%,rgba(0,0,0,0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -ms-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.videoIcon i{
  display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 998;
    margin: -40px 0 0 -40px;
    width: 80px;
    height: 80px;
    background: rgba(0,0,0,0.5);
    border: solid 2px #FFF;
    text-indent: -9999px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.videoIcon i::before{
  content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 998;
    height: 0px;
    width: 0px;
    margin: -16px 0 0 -10px;
    border-color: transparent transparent transparent #FFF;
    border-style: solid solid solid solid;
    border-width: 16px 22px;
}
/*20240604修訂 首頁banner放大*/
.indexBanner .box_img {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.indexBanner .box_img b {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 38.66%;
  background: #CCC;
}
.indexBanner .box_img b img {
  position: absolute;
  top: 50%;
  right: 0;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: auto;
  border: 0;
  transform: translate(-50%, -50%);
}
@media screen and (max-width:1200px){   
  .indexBanner .box_img b {
      padding-bottom: 56.66%;
  }
}
@media (max-width: 768px) {
  .indexBanner .box_img b {
    padding-bottom: 66.666%;
  }
  .indexAd::after{
    height: 30px;
  }
    .photoBlock li:nth-child(n) {
    width: 100%;
}
  .indexAd .h2{
    font-size: 1.8em;
  }
  .indexAd{
    font-size: 1em;
  }
  .photoBlock  img{
    width:100%;
    height: auto;
  }
  .photoBlock .thumb img {
    height: 100%;
  }
  .photoBlock a{
    height: auto;
  }
  .photoBlock .box_pic .thumb {
    padding-bottom: 100%;
  }
  .indexBanner {
    padding-top: 40px;
  }
}

@media (max-width: 375px) {
  .indexAd::after{
    height: 20px;
  }
}