.diy_button0{padding:.7rem 2rem;background:#367ed4;color:#fff;border-radius:7px;display:inline-flex}.diy_button0:hover{background:#222;color:#fff}.diy_button1{padding:.7rem calc(1rem + 1vw);background:#367ed4;color:#fff;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:1;box-sizing:border-box}.diy_button1 i{display:inline-flex;width:1rem;height:1rem;margin:0 0 0 1rem;background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23000000'%3E%3Cpath d='M 18.71875 6.78125 L 17.28125 8.21875 L 24.0625 15 L 4 15 L 4 17 L 24.0625 17 L 17.28125 23.78125 L 18.71875 25.21875 L 27.21875 16.71875 L 27.90625 16 L 27.21875 15.28125 Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") no-repeat center;background-size:contain}.diy_button1::after{position:absolute;content:"";top:0;left:0;width:0%;height:100%;z-index:-1;background:#222;transition-property:all;transition-duration:0.4s;transition-timing-function:"ease";transition-delay:"0s"}.diy_button1:hover::after{width:100%}main,footer{background:#fff}.D2{padding:calc(5rem + 5vw) 0 calc(1rem + 1vw) 0}.D2 .header{text-align:center;margin-bottom:60px}.D2 .header .title{font-size:40px;font-weight:800;color:#000;text-transform:uppercase;margin:0 0 24px 0}.D2 .header .desc{font-size:16px;line-height:1.8;color:#555;margin:0;max-width:1200px;margin-left:auto;margin-right:auto}.D2 .card{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;background-color:#fff;margin:0 auto;font-family:Arial,sans-serif}.D2 .card .item{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:1rem}.D2 .card .item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .4s ease}.D2 .card .item:hover img{transform:scale(1.05)}.D2 .card .item .label{position:absolute;bottom:24px;left:24px;font-size:18px;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);z-index:1}.D2 .fixcard{margin:calc(3rem + 3vw) 0 calc(3rem + 3vw) 0;background-color:#fff;display:flex;flex-direction:column;gap:calc(2rem + 2vw)}.D2 .fixcard .item{display:flex;align-items:center;gap:3rem}.D2 .fixcard .item:last-child{margin-bottom:0}.D2 .fixcard .item:nth-of-type(odd){flex-direction:row-reverse}.D2 .fixcard .item .pic{flex:1;aspect-ratio:16/10;overflow:hidden;border-radius:1rem;overflow:hidden}.D2 .fixcard .item .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.D2 .fixcard .item .info{flex:1;display:flex;flex-direction:column}.D2 .fixcard .item .info .title{font-size:28px;font-weight:700;color:#000;line-height:1.3;margin:0 0 20px 0}.D2 .fixcard .item .info .text{font-size:16px;line-height:1.6;color:#555;margin:0 0 20px 0}.D2 .fixcard .item .info .text:last-child{margin-bottom:0}@media screen and (max-width: 1200px){.D2{padding:calc(3rem + 3vw) 24px calc(1rem + 1vw) 24px}.D2 .header{margin-bottom:40px}.D2 .header .title{font-size:34px;margin-bottom:20px}.D2 .header .desc{font-size:15px}.D2 .card{gap:20px}.D2 .card .item{border-radius:.8rem}.D2 .card .item .label{bottom:20px;left:20px;font-size:16px}.D2 .fixcard{margin:calc(2.5rem + 2.5vw) 0;gap:calc(1.5rem + 1.5vw)}.D2 .fixcard .item{gap:2rem}.D2 .fixcard .item .pic{border-radius:.8rem}.D2 .fixcard .item .info .title{font-size:24px;margin-bottom:16px}.D2 .fixcard .item .info .text{font-size:15px;margin-bottom:16px}}@media screen and (max-width: 992px){.D2{padding:calc(2.5rem + 2.5vw) 20px calc(1rem + 1vw) 20px}.D2 .header{margin-bottom:32px}.D2 .header .title{font-size:28px;margin-bottom:16px}.D2 .header .desc{font-size:14px;line-height:1.7}.D2 .card{gap:16px}.D2 .card .item{border-radius:.6rem}.D2 .card .item .label{bottom:16px;left:16px;font-size:15px}.D2 .fixcard{margin:calc(2rem + 2vw) 0;gap:calc(1.5rem + 1.5vw)}.D2 .fixcard .item{flex-direction:column;gap:1.2rem}.D2 .fixcard .item:nth-of-type(odd){flex-direction:column}.D2 .fixcard .item .pic{width:100%;border-radius:.6rem}.D2 .fixcard .item .info{width:100%}.D2 .fixcard .item .info .title{font-size:20px;margin-bottom:14px}.D2 .fixcard .item .info .text{font-size:14px;margin-bottom:14px}}@media screen and (max-width: 768px){.D2{padding:calc(2rem + 2vw) 16px calc(1rem + 1vw) 16px}.D2 .header{margin-bottom:24px}.D2 .header .title{font-size:22px;margin-bottom:12px}.D2 .header .desc{font-size:13px;line-height:1.6}.D2 .card{gap:14px}.D2 .card .item{border-radius:.5rem}.D2 .card .item .label{bottom:14px;left:14px;font-size:13px}.D2 .fixcard{margin:calc(1.5rem + 1.5vw) 0;gap:calc(1.2rem + 1.2vw)}.D2 .fixcard .item{gap:1rem}.D2 .fixcard .item .pic{border-radius:.5rem}.D2 .fixcard .item .info .title{font-size:18px;margin-bottom:12px}.D2 .fixcard .item .info .text{font-size:13px;margin-bottom:12px}}@media screen and (max-width: 576px){.D2{padding:calc(1.5rem + 1.5vw) 12px calc(1rem + 1vw) 12px}.D2 .header{margin-bottom:20px}.D2 .header .title{font-size:18px;margin-bottom:10px}.D2 .header .desc{font-size:12px;line-height:1.6}.D2 .card{grid-template-columns:1fr;gap:12px}.D2 .card .item{border-radius:.5rem;aspect-ratio:16/9}.D2 .card .item .label{bottom:12px;left:12px;font-size:12px}.D2 .fixcard{margin:1.2rem 0;gap:1.2rem}.D2 .fixcard .item{gap:.8rem}.D2 .fixcard .item .pic{border-radius:.5rem;aspect-ratio:16/9}.D2 .fixcard .item .info .title{font-size:16px;margin-bottom:10px}.D2 .fixcard .item .info .text{font-size:12px;margin-bottom:10px}}