﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage207-page3-title{text-align:center}
.wmpage207-page3-contant{display:flex;justify-content:space-between;margin-top:35px}
.wmpage207-page3-box{width:31.5%;position:relative;border-radius:6px;overflow:hidden;box-shadow:0 1px 6px 1px #ebebeb}
.wmpage207-page3-image{position:relative}
.wmpage207-page3-image img{width:100%}
.wmpage207-page3-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#00000000;transition:all .3s ease-in-out}
.wmpage207-page3-btn a{box-shadow:0 20px 30px rgba(0,0,0,.1);position:relative;display:inline-flex;overflow:hidden;padding:17px 35px 16px;text-align:center;z-index:1;letter-spacing:1px;color:#fff;font-weight:600;text-transform:uppercase;transition:all .3s ease-in-out;background-color:var(--color);line-height:1;transform:translateX(40px);opacity:0}
.wmpage207-page3-con{padding:25px;background:#fff}
.wmpage207-page3-tit{font-size: var(--wmpage-font20);line-height: 1.25;margin-bottom: 15px;font-weight: var(--fontbold6);}
.wmpage207-page3-box:hover .wmpage207-page3-btn{background:#00000052}
.wmpage207-page3-box:hover .wmpage207-page3-btn a{transform:translateX(0);opacity:1}
.wmpage207-page3-btn a:hover span{width:225%;height:562.5px}
.wmpage207-page3-btn a span{position:absolute;display:block;width:0;height:0;border-radius:50%;background-color:#2c2a49;transition:width .4s ease-in-out,height .4s ease-in-out;transform:translate(-50%,-50%);z-index:-1}
@media (max-width:1366px){.wmpage207-page3-con{padding:15px}
.wmpage207-page3-tit{font-size:18px;line-height:1.25;margin-bottom:10px}
}
@media (max-width:1024px){.wmpage207-page3-btn a{padding:15px 20px;font-size:14px}
}
@media (max-width:768px){.wmpage207-page3-contant{flex-wrap:wrap}
.wmpage207-page3-box{width:49%;margin-bottom:2%}
}
@media (max-width:550px){.wmpage207-page3-box{width:100%;margin-bottom:2%}
}
@media (min-width:1025px){.wmpage207-page3-contant{justify-content: initial;}
.wmpage207-page3-box{margin-left:2.5%}}