@charset "UTF-8";
/* contact */
.contact__in { max-width: 1348px; margin: 0 auto; }
@media (max-width: 899px) { .contact__in { max-width: 90%; } }

.contactMap { display: flex; }
.contactMap__col1 { flex: 0 1 808px; margin-right: 9.0277777778vw; }
.contactMap__col1 iframe { height: 38.6805555556vw; }
.contactMap__info { width: 50%; padding-top: 4.8611111111vw; font-family: "微軟正黑體"; font-size: 1rem; line-height: 2em; }
.contactMap__info a { color: #000; }
.contactMap__info a:hover { color: #B32223; }
.contactMap__tit { font-weight: bold; font-size: 1.75rem; color: #000; margin-bottom: 2.7777777778vw; }
.contactMap__social { width: 100%; margin-top: 1.0416666667vw; }
.contactMap__social li { display: inline-block; }
.contactMap__social li.is-active a, .contactMap__social li:hover a { border-color: #B32223; background-color: #B32223; }
.contactMap__social li.is-active a svg path, .contactMap__social li.is-active a svg rect, .contactMap__social li.is-active a svg ellipse, .contactMap__social li:hover a svg path, .contactMap__social li:hover a svg rect, .contactMap__social li:hover a svg ellipse { fill: #fff; }
.contactMap__social a { width: 42px; height: 42px; border: 1px solid #000; border-radius: 42px; display: inline-block; display: flex; align-items: center; }
.contactMap__social a, .contactMap__social svg { transition: all 0.5s; }
.contactMap__social img, .contactMap__social svg { margin: 0 auto; max-width: 20px; }
@media (max-width: 899px) { .contactMap { flex-direction: column; }
  .contactMap__col1 { flex: 1 0 100%; margin-right: 0; }
  .contactMap__info { width: 100%; } }