.l-text{color: var(--highlight-color);}
.btn-wrapper{padding: 10px;background-color: var(--highlight-color);display: flex;gap: 20px;}
.btn-toggle{width: 20px;height: 20px;cursor: pointer;}
.btn-toggle.prev{background: no-repeat center/contain url('/uiFramework/commonResource/image/2025121418414215072.png');}
.btn-toggle.next{background: no-repeat center/contain url('/uiFramework/commonResource/image/2025121418413845907.png');}

/* table-wrapper */
.table-wrapper{background-color: var(--gray-bg-color)}
.table-wrapper table{width: 100%;}
.table-wrapper table tr{border-bottom: 1px solid #d9d9d9;}
.table-wrapper table th,.table-wrapper table td{font-size: 18px !important;color: #181818;}
.table-wrapper .title{padding: 12px 15px;border-bottom: 3px solid #181818;}

@media only screen and (min-width: 100px) and (max-width: 768px) {
  /* banner */
.banner-wrapper p{font-size: 36px;color: #fff;}
/* table-wrapper */
.table-wrapper{padding: 0 15px;}
.table-wrapper table tr{display: flex;flex-wrap: wrap;flex-direction: column;}
.table-wrapper table td{padding: 5px 15px}

}


@media (min-width: 768px) {
  /* banner */
.banner-wrapper{position: relative;overflow: hidden;}
.banner-wrapper img{width: 100%;height: auto;max-height: 700px;object-fit: cover;}
.banner-wrapper .content{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;}
.banner-wrapper .comwidth{display: flex;align-items: center;}
.banner-wrapper p{color: #fff;margin: 0;}

/* table-wrapper */
.table-wrapper .comwidth{width: 50%;}
.table-wrapper table tr td{padding: 16px;width: 60%;}
.table-wrapper table tr td:first-child{width: 40%;}

/* detail-legend */
.detail-legend[class$="0"] .comwidth,
.detail-legend[class$="2"] .comwidth,
.detail-legend[class$="4"] .comwidth,
.detail-legend[class$="6"] .comwidth,
.detail-legend[class$="8"] .comwidth {
  flex-direction: row-reverse;
}
}