.img-with-text-section{
	display: flex;
	overflow: hidden;
	border-radius: 20px;
}

.img-with-text-section .img-wrapper{
	width: calc(100%*1/3);
	font-size:0;
}

.img-with-text-section .one-third-wrapper-width{
	width: calc(100%*1/3);
	font-size:0;
}

.img-with-text-section .half-wrapper-width{
	width: calc(100%*1/2);
	font-size:0;
}

.img-with-text-section .two-third-wrapper-width{
	width: calc(100%*2/3);
	font-size:0;
}

.img-with-text-section .img-wrapper img{
	height: 100%;
	width: 100%;
}

.img-with-text-section .text-section{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:40px 60px;
}

.img-with-text-section .one-third-text-section{
	width: calc(100% - (100%*1/3));
}


.img-with-text-section .half-text-section{
	width: calc(100% - (100%*1/2));
}

.img-with-text-section .two-third-text-section{
	width: calc(100% - (100%*2/3));
}


.img-with-text-section .text-section .img-with-text-subtitle{
	margin-bottom:10px;
	text-transform:uppercase;
	letter-spacing: .3em!important;
	font-size: 15px;
}

.img-with-text-section .text-section .img-with-text-title{
	text-transform:uppercase;
	font-size:36px;
	margin-top:0;
	word-break:normal
}

.img-with-text-section .text-section .img-with-text-rich-text{
	word-break:normal;
	font-size:15px;
}

.img-with-text-section .text-section .btn{
	max-width: fit-content;
}

.reverse-side{
	flex-direction: row-reverse;
}

@media only screen and (max-width: 950px) {
  .img-with-text-section .img-wrapper{
      display: block;
      margin-left: 0;
      margin-right: 0;
      width: 100%!important;
  }
  
  .img-with-text-section{
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      display: flex;
      flex-direction: column;
      padding: 0;
      text-align: center;
  }
  
  .img-with-text-section .text-section{
    display: block;
    padding-bottom: 30px;
  	padding-top:30px;
    width: 100%!important;
  }
}
/* 手機版完全還原電腦版橫向排版 */
@media screen and (max-width: 950px) {
  /* 1. 還原容器橫排與左右排列方向 */
  .img-with-text-section {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    text-align: inherit !important;
  }

  /* 當設定圖片靠右時，維持左右反轉 */
  .img-with-text-section.img-with-text-reverse {
    flex-direction: row-reverse !important;
  }

  /* 2. 重設左右欄寬度，讓文字與圖片不再各自佔據 100% */
  .img-with-text-section .img-wrapper,
  .img-with-text-section .text-section {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    box-sizing: border-box !important;
  }

  /* 3. 確保圖片能隨比例縮放，不超出欄位 */
  .img-with-text-section .img-wrapper img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  /* 4. 適度微調手機版邊距與字體，避免文字擠壓過度 */
  .img-with-text-section .text-section {
    padding: 15px !important;
  }

/* 放大第一行中文並強制保持單行不換行 */
  .img-with-text-section .img-with-text-title {
    font-size: 16px !important; /* 第一行放大至 16px */
    line-height: 1.3 !important;
    white-space: nowrap !important; /* 強制不換行 */
    letter-spacing: -0.5px !important; /* 微調字距防溢出 */
  }

  /* 第二行英文副標題設定 */
  .img-with-text-section .img-with-text-title span {
    font-size: 10px !important; /* 英文維持適合單行的尺寸 */
    display: block !important; /* 獨立成第二行 */
    white-space: nowrap !important;
    letter-spacing: 0px !important;
  }
  .img-with-text-section .img-with-text-rich-text,
  .img-with-text-section .img-with-text-rich-text p,
  .img-with-text-section .img-with-text-rich-text * {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }
  .img-with-text-section .img-with-text-rich-text,
  .img-with-text-section .img-with-text-rich-text p,
  .img-with-text-section .img-with-text-rich-text * {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  /* 縮小手機版按鈕尺寸 */
  .img-with-text-section .text-section .btn {
    font-size: 11px !important;
    padding: 6px 16px !important;
    min-height: unset !important;
    line-height: 1 !important;
    margin-top: 8px !important;
  }
}
/* 手機版標題：自動根據螢幕寬度縮放字體，確保中文不換行、英文不貼圖 */
  .img-with-text-section .img-with-text-title {
    font-size: clamp(13px, 3.8vw, 16px) !important; /* 隨螢幕寬度自動微調字級 */
    line-height: 1.25 !important;
    white-space: nowrap !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 14px !important; /* 控制整體下方間距，防止貼圖 */
  }

  /* 第二行英文：獨立成行並保持固定距離 */
  .img-with-text-section .img-with-text-title span {
    font-size: clamp(8px, 2.5vw, 10px) !important;
    display: block !important;
    white-space: nowrap !important;
    letter-spacing: 0px !important;
    margin-top: 5px !important; /* 中文與英文之間的距離 */
    line-height: 1.2 !important;
  }

  /* 針對小螢幕手機微調邊距，釋放更多空間給文字 */
  .img-with-text-section .text-section {
    padding: 12px 6px !important;
  }