/* color */
/* font */
/* transition */
.serviceContent .contactItem, .serviceContent .bottomBox .title, .serviceContent .bottomBox .linkBtn {
  font-family: "Noto Sans TC", "Noto Serif TC", sans-serif; }

.serviceContent .bottomBox .linkBtn {
  transition: all 0.65s ease-in-out; }

.serviceContent {
  padding: 50px 30px;
  background-color: rgba(250, 241, 216, 0.25); }
  .serviceContent .contactItem {
    margin: 0 auto;
    max-width: 50%;
    align-items: center;
    display: flex;
    gap: 75px;
    margin-bottom: 20px; }
    @media (max-width: 1180px) {
      .serviceContent .contactItem {
        max-width: 80%; } }
    @media (max-width: 640px) {
      .serviceContent .contactItem {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
        max-width: 100%; } }
    @media (max-width: 640px) {
      .serviceContent .contactItem .icon {
        align-self: center;
        width: 80px;
        height: 80px; } }
    .serviceContent .contactItem .title {
      font-size: 22px;
      font-weight: 700;
      color: #61705f;
      letter-spacing: 2.2px; }
      .serviceContent .contactItem .title + a,
      .serviceContent .contactItem .title + p {
        margin-top: 5px;
        color: #525252;
        font-weight: 500; }
  .serviceContent .bottomBox {
    margin-top: 150px;
    padding-bottom: 150px; }
    @media (max-width: 640px) {
      .serviceContent .bottomBox {
        margin-top: 80px;
        padding-bottom: 50px; } }
    .serviceContent .bottomBox .titleBox {
      margin-bottom: 40px; }
      .serviceContent .bottomBox .titleBox:before {
        content: "";
        position: absolute;
        display: none; }
      .serviceContent .bottomBox .titleBox:after {
        content: "";
        position: absolute;
        display: none; }
    .serviceContent .bottomBox .title {
      background-color: #284124;
      padding: 10px 50px;
      color: #fff;
      font-size: 22px;
      font-weight: 500;
      margin-left: -30px;
      clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
      letter-spacing: 3.3px; }
    .serviceContent .bottomBox .linkList {
      display: flex;
      flex-direction: column;
      align-items: center; }
    .serviceContent .bottomBox .linkBtn {
      align-items: center;
      display: flex;
      margin-bottom: 30px;
      padding: 10px 60px;
      border-radius: 20px;
      border: 2px solid #a15e3d;
      color: #a15e3d;
      width: 100%;
      max-width: 600px;
      font-size: 24px;
      font-weight: 500;
      letter-spacing: 2.4px; }
      @media (max-width: 640px) {
        .serviceContent .bottomBox .linkBtn {
          max-width: max-content;
          padding: 5px 30px;
          font-size: 18px;
          letter-spacing: 0.9px; } }
      @media (min-width: 1281px) {
        .serviceContent .bottomBox .linkBtn:hover {
          background-color: #a15e3d;
          color: #fff; } }
      .serviceContent .bottomBox .linkBtn svg {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 24px; }
        @media (max-width: 640px) {
          .serviceContent .bottomBox .linkBtn svg {
            width: 20px;
            height: 20px;
            margin-right: 12px; } }