.wrap-product {
    margin-top: 40px;
}

.prod-title-header {
    font-size: 24px;
    font-family: Arial-BoldMT, Arial;
    font-weight: normal;
    color: #002F71;
    margin-bottom: 20px;
}

.prod-desc {
    margin-top: 20px;
    font-size: 12px;
    font-family: ArialMT;
    color: #333333;
    line-height: 26px;
}

.wrap-spec {
    margin-top: 30px;
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
}

.wrap-prod-specList {
    width: 810px;
    background: #FFFFFF;
    border-radius: 4px;
    padding: 25px 30px;
}

.wrap-prod-img {
    padding: 30px 50px;
    width: 360px;
    flex: 1 1 auto;
    background: #FFFFFF;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.wrap-prod-img img {
    width: 256px;
    height: 256px;
}

.wrap-itemAndCas {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.wrap-itemAndCas .item {
    font-size: 14px;
    width: 46%;
  }
.wrap-itemAndCas2 {
    gap: 42px;
}

.wrap-itemAndCas .label {
    font-size: 12px;
    font-family: Arial-BoldMT, Arial;
    font-weight: 600;
    color: #333333;
    margin-bottom: 4px;
}

.wrap-itemAndCas .value {
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    color: #666666;
}

.specList-title {
    font-size: 18px;
    font-family: Arial-BoldMT, Arial;
    font-weight: normal;
    color: #333333;
}
.wrap-table {
   overflow: hidden;
}
.orderCartTable {
    table-layout: fixed;
}
.orderCartTable th {
    font-size: 14px;
    font-family: Arial-BoldMT, Arial;
    font-weight: normal;
    color: #666666;
    line-height: 16px;
    padding-top: 30px;
    padding-bottom: 16px;
    background-color: #FFFFFF;
    text-align: left;
}
.table-group-divider {
    border-top-color: #E8EAEE;
}
.orderCartTable tbody {
    background-color: #FFFFFF;
}

.orderCartTable td {
    font-size: 12px;
    font-family: ArialMT;
    color: #333333;
    vertical-align: middle;
    line-height: 12px !important;
    padding: 6px 8px !important;
}

.th-1 {
    width: 150px;
    text-align: left;
}
.th-2 {
    width: 100px;
    text-align: left;
}
.th-3 {
    width: 100px;
    text-align: left;
}
.th-4 {
    width: 115px;
    text-align: left;
}

.th-5 {
    width: 156px;
    padding: 0;
    text-align: right;
}

.radius-4-lt {
    border-radius: 4px 0 0 0;
}

.radius-4-rt {
    border-radius: 0 4px 0 0;
}

.radius-4-lb {
    border-radius: 0 0 0 4px;
}

.radius-4-rb {
    border-radius: 0 0 4px 0;
}

.wrap-minus, .wrap-plus{
    background-color: #fff;
    cursor: pointer;
}

.price-input {
    border-left: none;
    border-right: none;
    font-size: 12px;
    font-family: ArialMT;
    color: #333333;
    padding-left: 6px;
    padding-right: 6px;
    height: 28px;
}

.wrap-btn {
    display: flex;
    gap: 28px;
}
.wrap-btn button {
    width: 300px;
}
.wrap-tbl-action {
    display: flex;
    gap: 10px;
}
.cartBtn {
    white-space: nowrap;
    padding: 0.25rem 0.5rem;
    font-size: 12px;
    border-radius: 2px;
    font-family: PingFangSC-Semibold, PingFang SC;
    color: #FFFFFF;
    height: auto;
}

.checkoutBtn {
    padding: 0.25rem 0.5rem;
    height: auto;
    font-size: 12px;
    width: auto;
}
.wrap-btm-info {
    margin-top: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.warn-txt {
    font-size: 13px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FF5454;
    line-height: 18px;
    margin-right: 10px;
}

.warn-info {
    font-size: 13px;
    font-family: ArialMT;
    color: #333333;
    line-height: 18px;
    margin-right: 44px;
}

.sdsTxt{
    font-size: 13px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #0055CF;
    margin-left: 9px;
    cursor: pointer;
}

.wrap-prd-desc {
    padding: 30px 50px;
    background-color: #FFFFFF;
}

.prd-title {
    font-size: 18px;
    font-family: Arial-BoldMT, Arial;
    font-weight: bold;
    color: #333333;
}

.mb-30{
    margin-bottom: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-15 {
    margin-top: 15px;
}

.sub-title {
    font-size: 13px;
    font-family: Arial-BoldMT, Arial;
    font-weight: bold;
    color: #002F71;
    margin-bottom: 6px;
}

.prd-content {
    font-size: 12px;
    font-family: ArialMT;
    color: #333333;
}
.info-item{
    display: flex;
    flex-direction: column;
    padding-bottom: 8px;
    border-bottom: 1px solid #EFEFEF;
}

.desc-table {
    table-layout: fixed;
    font-size: 12px;
    font-family: ArialMT;
    color: #333333;
}

.noLeftBorder {
    border-left: none;
}

.noRightBorder {
    border-right: none;
}

.mt-40 {
    margin-top: 40px;
}

.mb-8 {
    margin-bottom: 8px;
}

.black-sub-title {
    font-size: 12px;
    font-family: Arial-BoldMT, Arial;
    font-weight: normal;
    color: #333333;
}

.mt-20 {
    margin-top: 20px;
}

.noBorderTable {
    table-layout: fixed;
    margin-bottom: 0;
}
.noBorderTable th {
    font-size: 12px;
    font-family: Arial-BoldMT, Arial;
    font-weight: normal;
    color: #333333;
    background-color: #EEEFF0;
}
.noBorderTable td{
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
}
.mt-15{
    margin-top: 15px;
}
.wrap-more,.wrap-less {
    width: 100%;
    height: 20px;
    background: #F4F5F6;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-family: Arial-BoldMT, Arial;
    font-weight: normal;
    color: #0055CF;
}

.more-txt {
    cursor: pointer;
}
.flex {
    display: flex;
}
.item-width{
    width: 35%;
}
.flex-d{
    flex-direction: unset;
}
.references-table td{
    padding-left: 0;
}