﻿.pagesbanner-animate.metal-siding-panel{color: #000;text-align: left;transform: translateY(-50%);left: 0;max-width: 50%;}
@media (min-width:1025px) {.pagesbanner-animate.metal-siding-panel .p1{font-size: 2.8vw;}
.pagesbanner-animate.metal-siding-panel .p2{margin-top: 0;font-size: 1.2vw;}
.pagesbanner-animate.metal-siding-panel .p3{margin-top: 1vw;}
}
.pagesbanner-animate.metal-siding-panel .p3 a{background: var(--color);color: #fff;border-radius: 35px;display: inline-block;padding: 10px 25px;}
@media (max-width:768px){.pagesbanner-animate.metal-siding-panel .p2,.pagesbanner-animate.metal-siding-panel .p3{display:none}}
.common-main{margin-bottom: 10px;}
.kche-t158 .kche-t158-list {padding: 40px 15px 50px;}
 .kche-t158 .kche-t158-list{padding:40px 15px 50px}
.kche-t158 .kche-t158-con p{line-height:1.2;    font-size: 56px;}
.kche-t158 .kche-t158-math{bottom:1px}
 .nice-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden;font-family:Arial,sans-serif;background:#fff}
.nice-table thead{background:#0d2748}
.nice-table th{color:#fff;padding:16px;text-align:left;font-weight:600;font-size:15px}
.nice-table td{padding:16px;color:#555;border-bottom:1px solid #eee;font-size:14px}
.nice-table tbody tr:nth-child(odd){background:#f7f8fa}
.nice-table tbody tr:nth-child(even){background:#ffffff}
.nice-table thead tr th:first-child{border-top-left-radius:12px}
.nice-table thead tr th:last-child{border-top-right-radius:12px}
@media (max-width:768px){.nice-table thead{display:none}
.nice-table,.nice-table tbody,.nice-table tr,.nice-table td{display:block;width:100%}
.nice-table tr{margin-bottom:12px;border-radius:10px;overflow:hidden;background:#f7f8fa}
.nice-table td{border:none;padding:12px 14px;position:relative;padding-left:45%}
.nice-table td::before{position:absolute;left:14px;top:12px;width:40%;font-weight:bold;color:#333}
.nice-table td:nth-child(1)::before{content:"No."}
.nice-table td:nth-child(2)::before{content:"Layer"}
.nice-table td:nth-child(3)::before{content:"Description"}
.nice-table td:nth-child(4)::before{content:"Key Benefits"}
}

.kche-t158.kche-t158-choose .kche-t158-math p{font-size:55px;}
.kche-t158.kche-t158-choose .kche-t158-con p{font-size:var(--fontsize16);line-height:1.6;}
.kche-t158.kche-t158-choose .kche-t158-con{padding-bottom:15px}
.kche-t46.kche-t46-data>.kche-flex-row-reverse{align-items:inherit}
.kche-t46.kche-t46-data .kche-padding-left2{margin:0}
.kche-t46.kche-t46-data .kche-item-img img{height:100%;object-fit:contain;width:100%}
@media (min-width:769px){.kche-t46.kche-t46-data .nice-table td{padding:10px 16px}}
@media (max-width:1024px){.kche-t46.kche-t46-data .kche-item-img{max-width:100%;width:100%;margin-bottom:20px}
.kche-t46.kche-t46-data .kche-padding-left2{padding:0;width:100%}
.kche-t46.kche-t46-data>.kche-flex-row-reverse{flex-direction:column-reverse}}

.pagesbanner .pagesbanner-animate.wood-bannertxt{transform:none;width:60%;left:0;text-align:left;top:0;height:100%;display:flex;flex-direction:column;justify-content:center;padding:5% 6% 2% 8%;background:rgba(0 0 0 / 20%)}
.pagesbanner .pagesbanner-animate.wood-bannertxt .p1{font-weight:bold;text-transform:uppercase;font-size:3.1vw;color:#fff}
.pagesbanner .pagesbanner-animate.wood-bannertxt .p1 span{color:#EF5A24}
.pagesbanner .pagesbanner-animate.wood-bannertxt .p2{font-size:1.2vw;}
.pagesbanner .pagesbanner-animate.wood-bannertxt ul{display:flex;justify-content:space-between;margin-top:1.5vw;color:#fff}
.pagesbanner .pagesbanner-animate.wood-bannertxt ul li{margin-top:.5vw;font-weight:bold;font-size:.95vw;}
.pagesbanner .pagesbanner-animate.wood-bannertxt ul li:not(:last-child){margin-right:1vw}
@media (max-width:1024px){.pagesbanner .pagesbanner-animate.wood-bannertxt{padding:5% 4% 2% 4%;}
.pagesbanner .pagesbanner-animate.wood-bannertxt .p1{font-size:3.3vw;}
.pagesbanner .pagesbanner-animate.wood-bannertxt .p2{font-size:1.4vw;}
.pagesbanner .pagesbanner-animate.wood-bannertxt ul li{font-size:1.1vw;}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate.wood-bannertxt .p2{font-size:1.6vw;}
.pagesbanner .pagesbanner-animate.wood-bannertxt ul{display:none}}
@media (max-width:550px){.pagesbanner .pagesbanner-animate.wood-bannertxt{padding:5% 2% 2% 2%;}
.pagesbanner .pagesbanner-animate.wood-bannertxt .p1{font-size:3.5vw;}
.pagesbanner .pagesbanner-animate.wood-bannertxt .p2{font-size:1.9vw;}}