<template>
  <div>
    <h3 class="sub-title">聯絡我們</h3>
    <p>
      非常感謝您使用一日學徒平台，如有任何相關問題， <br />
      請您於週一至週五 09:00-17:00
      撥打以下電話，將有專人為您服務（若遇國定假日或忙線，請留言）
    </p>
    <h4 class="my-8">Call Center 藝速通 0800-222-800（請用市內電話撥打）</h4>
    <p>或利用其他諮詢方式，我們將儘速為您服務：</p>
    <ul class="mt-5">
      <li>
        <v-icon icon="mdi-email-outline" class="me-2"></v-icon>
        <a href="mailto:yfyang@ntcri.gov.tw">yfyang@ntcri.gov.tw</a>
      </li>
      <li>
        <v-icon icon="mdi-facebook" class="me-2"></v-icon>
        <a href="https://www.facebook.com/NTCRI" target="_blank"
          >https://www.facebook.com/NTCRI</a
        >
      </li>
      <li>
        <v-icon icon="mdi-instagram" class="me-2"></v-icon>
        <a href="https://www.instagram.com/ntcri_ntcri/" target="_blank"
          >https://www.instagram.com/ntcri_ntcri/</a
        >
      </li>
    </ul>
  </div>
</template>

<style lang="scss" scoped>
a {
  transition: all 0.3s;
  &:hover {
    opacity: 0.7;
  }
}

h4 {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.5em;
  color: var(--purple);
}

ul {
  overflow-x: auto;
  li {
    margin: 0.9375em 0;
    display: flex;
    align-items: center;
    letter-spacing: 0.1em;
  }
}
</style>
