﻿.common-main {overflow-x:hidden;padding:0;}
.contact-gray {position:relative;padding:80px 0;}
.contact-gray:before {content:'';background:#F5F5F5;width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.contact-gray>* {position:relative}
.contact-title {font-weight:bold;text-align:center;color:var(--color);font-size:36px;line-height:1.3;margin-bottom:10px;}
.contact-line {display:flex;justify-content:center;margin-bottom:15px;}
.contact-line img {width:150px;}
.contact-content {display:grid;background:#fff;grid-template-columns:repeat(2,1fr);margin-top:30px;align-items:center;position:relative}
.contact-content:before{content:'';width:16%;aspect-ratio:1/1;position:absolute;top:0;left:0;transform:translatex(-50%) translateY(-50%);animation:rotate 10s linear infinite;background:url(/uploads/47602/page/p2026080611500737171.png) no-repeat;background-size:cover}
@keyframes rotate {0% {transform:translateX(-50%) translateY(-50%) rotate(0deg);}
100% {transform:translateX(-50%) translateY(-50%) rotate(360deg);}
}
.contact-content-info {padding:2% 8%;color:#3a3b40;}
.contact-pic img {width:100%;display:block}
.contact-company {font-weight:bold;font-size:24px;margin-bottom:20px;}
.contact-content-info ul li a {text-decoration:underline;color:#3a3b40;}
.contact-white {padding:80px 0}
.contact-line+p {color:#5e5e62;max-width:80%;text-align:center;margin:20px auto 35px}
.wmkcfeedback .wmkcfb-fileupload,.wmkcfeedback input,.wmkcfeedback textarea {border-radius:0}
.wmkcfeedback .send-btn {border-radius:0;width:100%;margin:0;}
.contact-share {display:flex;justify-content:center}
.contact-share {margin-top:2em;display:flex;align-items:center;flex-wrap:wrap;list-style:none;gap:15px}
.contact-share li a {width:48px;height:48px;border-radius:5px;background:#333333;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.contact-share li a.fb {background:#3b5998}
.contact-share li a.tw {background:#000}
.contact-share li a.lk {background:#007ab6}
.contact-share li a.you {background:#CD201F}
.contact-share li a.tik {background:#111}
.contact-share li a em{font-size:25px}
@media (max-width:1024px){.contact-title{font-size:30px}
.contact-content-info{padding:20px}
.contact-company{margin-bottom:10px;font-size:20px}}
@media (max-width:768px){.contact-gray,.contact-white{padding:40px 0;}
.contact-line img {width:120px;}
.contact-title{font-size:25px}
.contact-line+p{max-width:100%;margin-bottom:20px}
.contact-content{grid-template-columns:1fr}}