/* Style Optimization */
/* 框架寬度＆間距 */
.Main .Full .Center {
  width: 80% !important;
}
.CustomGrid {
	margin-bottom: 3%;
}
.ProductMainSliderGroup {
  width: 100%;
}
.CustomRoundGroup {
  margin-bottom: 15%;
  padding: 0;
  width: 100%;
  max-width: 1224px;
}
.center1224 {
  max-width: 1224px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10%;
}
.CustomRoundGroup .CustomRoundTextA {
  padding: 0 10%;
}
.ProductMainTextGroup {
  width: 100%;
}
.CustomTextGroup {
  margin-bottom: 7% !important;
  width: 80%;
  max-width: 1024px;
  margin: 0 auto;
}
.CustomFullGroup {
  margin-bottom: 5%;
}
.CustomBannerGroup {
  margin-bottom: 3%;
  width: 100%;
  max-width: 1224px;
}
.CustomRightGrid, .CustomLeftGrid, .CustomTwinGrid {
  margin-bottom: 7%;
  width: 80%;
  max-width: 1224px;
}
.CustomRoundGroup .CustomRightGrid, .CustomRoundGroup .CustomLeftGrid, .CustomRoundGroup .CustomTwinGrid {
  margin-bottom: 7%;
  width: 100%;
  max-width: 1224px;
}
.CustomRightGrid .CustomRightGroup, .CustomLeftGrid .CustomLeftGroup, .CustomTwinGrid .CustomTwinGroup {
  margin-bottom: 7%;
  width: 100%;
}
.BreadcrumbsGroup {
  max-width: 1224px;
  margin: 0 auto;
}
.ProductMaintTitle {
  margin-bottom: 1rem;
}
.ProductMainGrid {
  max-width: 1224px;
  margin: 0 auto;
  padding-bottom: 15%;
}
.ButtonGroup {
  /* margin-bottom: 5%;*/
}
.CustomFullGroup .CustomFullText {
  margin-top: 3%;
  margin-bottom: 3%;
}
/* 圖片比例 */
.CustomFullGroup .CustomFullPic {
  height: 220px;
}
.CustomBannerGroup .CustomBannerPic {
  width: 100%;
  height: auto;
  border-radius: 0;
}
 .CustomRightGrid .CustomRightGroup .CustomRightPic, .CustomLeftGrid .CustomLeftGroup .CustomLeftPic {
    width: 100%;
    height: auto;
  }
 .CustomTwinGrid .CustomTwinGroup .CustomTwinPic {
    width: 100%;
    height: auto;
  }
/* youtube */
.video-container {
  width: 100%;
  max-width: 1224px;
  max-height: 700px;
  margin: 0 auto;
}
.CustomVideoGroup video {
  width: 100%;
  padding: 0;
}
/* 左右圖文置中 */
.CustomLeftText, .CustomRightText, .CustomTwinGroup .CustomTwinText {
  text-align: center !important;
}
.CustomBannerGroup .CustomBannerText {
  width: 100%;
  padding: 5% 10%;
  margin-top: 0;
  text-align: center;
}
/* 字級＆行高 */
.FontH1, .FontH2, .FontH3, .FontBody {
  line-height: 1.4em !important;
}
/* 產品縮圖 */
.ProductMainCarouseIndicatorsGroup .ProductMainCarouseIndicators [data-bs-target] {}
/* 規格寬度 */
.ProductSDMainGrid {
  width: 80%;
}
.ProductSDGroup {
  width: 100%;
}
.SpecificationGroup .SpecificationUnit {
  width: 50%;
}
/* 文章標題寬度 */
.ArticleTitleGroup {
  width: 100%;
  padding-bottom: 2%;
  margin: 0 auto;
  max-width: 1224px;
}
/* 問卷寬度 */
.locationGrid.QGrid {
  width: 80%;
  max-width: 1224px;
  margin: 0 auto;
  padding-bottom: 10%;
}
.QGrid {
  width: 100%;
  max-width: 1224px;
  margin: 0 auto;
  padding-bottom: 10%;
}
/* 按鈕 */
.ButtonGroup {
  /* margin-top: 5%;*/
  /* margin-bottom: 5%;*/
}
/* Optoma Swiper's CSS */
.OptomaSwiper {
  width: 100%;
  height: 100%;
  border-radius: 0px;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.OptomaSwiper .swiper-button-next, .OptomaSwiper .swiper-button-prev {
  width: 35px;
  height: 35px;
  border-radius: 100px;
  background: #ffffff;
  color: #151515;
}
.OptomaSwiper .swiper-button-next:after, .OptomaSwiper .swiper-button-prev:after {
  font-size: 20px;
}
.OptomaSwiper .swiper-pagination-bullet {
  background: #ffffff;
}
.OptomaSwiper .swiper-pagination-bullet-active {
  background: #ffffff;
}
/* Compare image */
.compareimage {
  width: 100%;
  max-width: 1224px;
  height: auto;
  position: relative;
}
.before-label {
  position: absolute;
  z-index: 1;
  bottom: 3%;
  left: 3%;
  padding: 1% 2%;
  background-color: #0000008a;
  color: #ffffff;
  border-radius: 30px;
}
.after-label {
  position: absolute;
  z-index: 1;
  bottom: 3%;
  right: 3%;
  padding: 1% 2%;
  background-color: #0000008a;
  color: #ffffff;
  border-radius: 30px;
}
.twentytwenty-container {
  border-radius: 0px;
}
.before-label, .after-label {
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    transition: opacity 0.3s ease; /* 添加過渡效果 */
}
/* Mosaic */
.mosaic {
  width: 100%;
  padding: 0 10%;
  max-width: 1224px;
  height: auto;
}
.mosaic .row {
  margin: 0;
}
.mosaic .block {
  height: auto;
  position: relative;
  padding: 1%;
}
.mosaic .image {
  width: 100%;
  height: auto;
}
.mosaic .image img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}
.mosaic .label {
  position: absolute;
  width: 100%;
  padding-right: 2%;
  z-index: 1;
  font-size: 13px;
  font-weight: bold;
  bottom: 10%;
  color: #fff;
  text-align: center;
  text-shadow: 0.3px 0.3px 8px rgba(0, 0, 0, 0.8);
  line-height: 1.1em !important;
}
/* min-width: 768px */
@media (min-width: 768px) {
  /* 框架寬度＆間距 */
  .Main .Full .Center {
    width: 90% !important;
  }
  .CustomBannerGroup {
    width: 80%;
  }
  .CustomRoundGroup {
    margin-bottom: 10%;
  }
  .center1224 {
    padding: 0;
  }
  .CustomTextGroup {
    margin-bottom: 5% !important;
  }
  .CustomBannerGroup {
    margin-bottom: 5%;
  }
  .CustomBannerGroup .CustomBannerText {
    padding: 2% 10%;
  }
  .CustomRightGrid, .CustomLeftGrid, .CustomTwinGrid {
    margin-bottom: 5%;
    width: 80%;
    align-items: stretch;
    justify-content: space-between;
  }
  .CustomRightGrid .CustomRightGroup, .CustomLeftGrid .CustomLeftGroup, .CustomTwinGrid .CustomTwinGroup {
    margin-bottom: 5%;
    margin-left: 0;
    margin-right: 0;
    width: 48%;
    max-width: 600px;
  }
  .ProductMainGrid {
    padding-bottom: 10%;
  }
  /* 字級＆行高 */
  .FontH1, .FontH2, .FontH3, .FontBody {
    line-height: 1.3em !important;
  }
  /* 圖片比例 */
  .CustomFullGroup .CustomFullPic {
    height: 300px;
  }
  .CustomBannerGroup .CustomBannerPic {
    height: 300px;
    border-radius: 30px;
  }

  .CustomRightGrid .CustomLeftText, .CustomLeftGrid .CustomRightText {
    width: 48%;
    height: auto;
  }
 
  .CustomTwinGrid .CustomTwinGroup .CustomTwinText {
    width: 100%;
  }
  .CustomLeftText, .CustomRightText, .CustomTwinGroup .CustomTwinText {
    text-align: left !important;
  }
  .CustomRoundGroup {
    padding: 0 10%;
  }
	
	.video-container iframe, .video-container object, .video-container embed {
    padding: 0 10%;
}
  /* 產品縮圖 */
  .ProductMainCarouseInner {
    height: 300px;
  }
  .ProductMainTextGroup {
    padding: 2%;
  }
  .ProductMainCarouseIndicatorsGroup .ProductMainCarouseIndicators [data-bs-target] {}
  /* 規格寬度 */
  .ProductSDMainGrid {
    width: 90%;
    max-width: 1224px;
  }
  .SpecificationGroup .SpecificationUnit {
    width: 33.333%;
  }
  /* 文章標題寬度 */
  .ArticleTitleGroup {
    width: 88.9%;
  }
  /* youtube */
  .CustomVideoGroup {
    width: 100%;
    max-width: 1224px;
  }
	  /* youtube */
  .CustomVideoGroup video {
    padding: 0 10%;
  }
  /* Optoma Swiper's CSS */
  .OptomaSwiper {
    border-radius: 30px;
  }
  /* 問卷寬度 */
  .locationGrid.QGrid {
    width: 100%;
  }
  .QGrid {
    max-width: 680px;
  }
  /* Compare image */
  .twentytwenty-container {
    border-radius: 30px;
  }
  /* Mosaic */
  .mosaic {
    padding: 0;
  }
  .mosaic .block {
    padding: 0.5%;
  }
}
/* min-width: 1024px */
@media (min-width: 1024px) {
  /* 框架寬度＆間距 */
  .CustomTextGroup {
    margin-bottom: 3% !important;
  }
  /* 圖片比例 */
  .CustomFullGroup .CustomFullPic {
    height: 410px;
  }
  .CustomBannerGroup .CustomBannerPic {
    height: auto;
  }
}
/* min-width: 1300px */
@media (min-width: 1300px) {
  /* 框架寬度＆間距 */
  .ProductMainGrid {
    padding-bottom: 2%;
  }
  .CustomFullGroup {
    margin-bottom: 7%;
  }
  .CustomRightGrid .CustomRightGroup, .CustomLeftGrid .CustomLeftGroup, .CustomTwinGrid .CustomTwinGroup {
    width: 50%;
  }
  /* 圖片比例 */
  .CustomFullGroup .CustomFullPic {
    height: 700px;
  }
  .CustomBannerGroup .CustomBannerPic {
    height: 612px;
  }
  .CustomBannerGroup {
    height: 612px;
    width: 100%;
  }
  .CustomRoundGroup {
    margin-bottom: 7%;
    padding: 0;
  }
  .CustomRightGrid .CustomRightGroup .CustomRightPic, .CustomLeftGrid .CustomLeftGroup .CustomLeftPic {
    height: 600px;
    max-width: 600px;
  }
  .CustomRightGrid .CustomLeftText, .CustomLeftGrid .CustomRightText {
    width: 600px;
    height: 600px;
  }
  .CustomTwinGrid .CustomTwinGroup .CustomTwinPic {
    height: 600px;
  }
  .CustomRightGrid, .CustomLeftGrid, .CustomTwinGrid {
    width: 100%;
  }
  /* youtube */
  .CustomVideoGroup video {
    width: 100%;
    padding: 0;
  }
	.video-container iframe, .video-container object, .video-container embed {
    padding: 0;
}
  /* 文章標題寬度 */
  .ArticleTitleGroup {
    width: 100%;
  }
  /* 字級＆行高 */
  .FontH1, .FontH2, .FontH3, .FontBody {
    line-height: 1.3em !important;
  }
  .CustomFullText, .CustomBannerText, .CustomTwinText, .CustomRightGroup .CustomRightText, .CustomLeftGroup .CustomLeftText {
    text-shadow: 0.5px 0.5px 8px rgba(0, 0, 0, 0.6);
  }
  /* 產品縮圖 */
  .ProductMainCarouseInner {
    height: 450px;
  }
  .ProductMainCarouselItem {
    height: 450px;
  }
  .ProductMainTextGroup {
    padding: 5% 2%;
  }
  .ProductMainCarouseIndicatorsGroup .ProductMainCarouseIndicators [data-bs-target] {
    width: 40px;
    height: 40px;
  }
  /* 規格寬度 */
  .SpecificationGroup .SpecificationUnit {
    width: 20%;
  }
  /* 問卷寬度 */
  .QGrid {
    max-width: 1224px;
  }
}


/* min-width: 2000px */
/* 圖片比例 */
@media (min-width: 2000px) {
    .CustomFullGroup {
        height: 70vh;
    }
	.CustomFullGroup .CustomFullPic {
        height: 70vh;
    }
}