@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage210-page1 .wmpage210-page1-box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.wmpage210-page1 .wmpage210-page1-box .wmpage210-page1-left{width:44%;position:relative;z-index:2}
.wmpage210-page1 .wmpage210-page1-left img{position:relative;display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:5/4;border-radius:10px}
.wmpage210-page1 .wmpage210-page1-left::after{background:rgba(255,255,255,.4);content:'';position:absolute;left:0;top:0;width:100%;height:0;opacity:1;z-index:1;pointer-events:none}
.wmpage210-page1 .wmpage210-page1-left:hover::after{opacity:0;height:100%;transition:all .4s linear}
.wmpage210-page1 .wmpage210-page1-left .wmpage210-page1-card{display:inline-flex;justify-content:center;flex-direction:column;align-items:center;min-width:200px;height:170px;padding:0 20px;background:var(--color);position:absolute;right:-30px;bottom:-30px;border-radius:8px;z-index:3}
.wmpage210-page1 .wmpage210-page1-left .wmpage210-page1-num{font-size:var(--wmpage-font36);font-weight:var(--fontbold6);color:#fff;line-height:1.1}
.wmpage210-page1 .wmpage210-page1-left .wmpage210-page1-title{color:#fff}
.wmpage210-page1 .wmpage210-page1-box .wmpage210-page1-right{width:50%}
.wmpage210-page1 .wmpage210-page1-right .wmpage210-page1-text{display:flex;align-items:center;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font15)}
.wmpage210-page1 .wmpage210-page1-right .wmpage210-page1-text em{margin-right:5px}
.wmpage210-page1 .wmpage210-page1-right .wmpage-title{color:var(--wmpage-color22);margin:3px 0 8px}
.wmpage210-page1 .wmpage210-page1-right .wmpage210-page1-desc{color:var(--wmpage-color8);margin-bottom:15px}
.wmpage210-page1 .wmpage210-page1-right ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage210-page1 .wmpage210-page1-right ul li{width:50%;display:flex;align-items:center;margin-top:8px;color:var(--wmpage-color8);font-weight:var(--fontbold6)}
.wmpage210-page1 .wmpage210-page1-right li em{color:var(--color);margin-right:8px;font-weight:var(--fontbold5)}
.wmpage210-page1 .wmpage210-page1-btn a{display:inline-flex;justify-content:center;position:relative;align-items:center;padding:0 20px;min-width:160px;height:50px;z-index:1;transition:.5s;overflow:hidden;border:1px solid #a6a6a6;background-color:#fff;font-size:var(--wmpage-font17);text-transform:uppercase;color:#fff;font-weight:var(--fontbold6);-webkit-mask-position-x:0;-webkit-mask-position-y:0;transition:mask-position .7s steps(22),-webkit-mask-position .7s steps(22);margin-top:35px;border-radius:5px}
.wmpage210-page1 .wmpage210-page1-btn a:after{display:flex;align-items:flex-end;justify-content:flex-end;color:#fff;position:absolute;content:'';cursor:pointer;width:100%;height:100%;left:0;top:0;background-color:var(--color);background-image:url(https://img01.v15cdn.com/singletem/wmpage210/wmpage210-page1-img2.webp);-webkit-mask:url(https://img01.v15cdn.com/singletem/wmpage210/wmpage210-page1-img2.webp);mask:url(https://img01.v15cdn.com/singletem/wmpage210/wmpage210-page1-img2.webp);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;z-index:-1;-webkit-mask-position-x:0;-webkit-mask-position-y:0;transition:mask-position .7s steps(22),-webkit-mask-position .7s steps(22);filter: grayscale(1);}
.wmpage210-page1 .wmpage210-page1-btn a:hover{color:var(--color)}
.wmpage210-page1 .wmpage210-page1-btn a:hover:after{animation:page1 .7s steps(22) forwards}
.wmpage210-page1 .wmpage210-page1-btn a:not(:hover):after{animation:page1-reverse .7s steps(22) forwards}
@keyframes page1{0%{mask-position:100% 0;-webkit-mask-position-x:0;-webkit-mask-position-y:0}
100%{mask-position:0 0;-webkit-mask-position-x:100%;-webkit-mask-position-y:0}
}
@keyframes page1-reverse{0%{mask-position:0 0;-webkit-mask-position-x:100%;-webkit-mask-position-y:0}
100%{mask-position:100% 0;-webkit-mask-position-x:0;-webkit-mask-position-y:0}
}
@media screen and (max-width:1024px){.wmpage210-page1 .wmpage210-page1-box .wmpage210-page1-left{width:100%;margin-bottom:30px}
.wmpage210-page1 .wmpage210-page1-left .wmpage210-page1-card{left:0;bottom:0;right:auto;border-radius:0 8px 0 0}
.wmpage210-page1 .wmpage210-page1-box .wmpage210-page1-right{width:100%}
}
@media screen and (max-width:500px){.wmpage210-page1 .wmpage210-page1-right ul li{width:100%}
.wmpage210-page1 .wmpage210-page1-left img{height:400px}
}.wmpage156-page3 .wmpage156-page3-top{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage156-page3 .wmpage156-page3-top .wmpage156-page3-info{width:50%}
.wmpage156-page3 .wmpage156-page3-top .wmpage156-page3-info .wmpage-title{color:var(--wmpage-color22)}
.wmpage156-page3 .wmpage156-page3-top .wmpage156-page3-info .wmpage156-page3-txt{color:#555;margin-top:20px}
.wmpage156-page3 .wmpage156-page3-top .wmpage156-page3-btn{width:50%;text-align:center}
.wmpage156-page3 .wmpage156-page3-top .wmpage156-page3-btn a{position:relative;min-width:150px;height:50px;padding:0 35px;color:var(--wmpage-color22);display:inline-flex;justify-content:center;align-items:center;font-size:var(--wmpage-font14);font-weight:var(--fontbold6);border-radius:30px;margin-top:40px;transition:all .2s linear}
.wmpage156-page3 .wmpage156-page3-top .wmpage156-page3-btn a::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #000;box-sizing:border-box;transition:border-color .2s linear;border-radius:30px}
.wmpage156-page3 .wmpage156-page3-top .wmpage156-page3-btn a:hover{background:var(--color);color:#fff}
.wmpage156-page3 .wmpage156-page3-top .wmpage156-page3-btn a:hover::before{border-color:#000;animation:page3 1.5s linear infinite}
@keyframes page3{0%{clip-path:inset(100% 0 0 0)}
25%{clip-path:inset(0 100% 0 0)}
50%{clip-path:inset(0 0 100% 0)}
75%{clip-path:inset(0 0 0 100%)}
100%{clip-path:inset(100% 0 0 0)}
}
.wmpage156-page3 .wmpage156-page3-bottom{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage156-page3 .wmpage156-page3-bottom .wmpage156-page3-item{width:32%;display:flex;align-items:self-start;margin-top:40px}
.wmpage156-page3 .wmpage156-page3-bottom .wmpage156-page3-item .wmpage156-page3-icon em{color:var(--color);font-size:var(--wmpage-font20);padding-right:15px;display:inline-block;width:20px}
.wmpage156-page3 .wmpage156-page3-bottom .wmpage156-page3-item .wmpage156-page3-box .wmpage156-page3-title a{color:var(--wmpage-color22);font-size:var(--wmpage-font18);font-weight:var(--fontbold6);transition:all .2s linear}
.wmpage156-page3 .wmpage156-page3-bottom .wmpage156-page3-item .wmpage156-page3-box .wmpage156-page3-title a:hover{color:var(--color)}
.wmpage156-page3 .wmpage156-page3-bottom .wmpage156-page3-item .wmpage156-page3-box .wmpage156-page3-letter{color:#555;margin-top:10px}
@media screen and (max-width:1024px){.wmpage156-page3 .wmpage156-page3-bottom .wmpage156-page3-item{width:48%}
}
@media screen and (max-width:768px){.wmpage156-page3 .wmpage156-page3-bottom .wmpage156-page3-item{width:100%}
.wmpage156-page3 .wmpage156-page3-top .wmpage156-page3-info{width:100%}
.wmpage156-page3 .wmpage156-page3-top .wmpage156-page3-btn a{margin-top:20px}
.wmpage156-page3 .wmpage156-page3-top .wmpage156-page3-btn{width:100%;text-align:left}
}