.plan_section {
  .table_card {
    background-color: white;
    padding: 3rem;
    border-radius: 20px;
  }

  .sub_title {
    border-radius: 3rem;
    padding: 0.5rem;
    background-color: #D7EDEC;
  }


  .pricing-table {

    border: 2px solid #ffffff00;
    border-collapse: collapse;
  }

  .pricing-table th,
  .pricing-table td {
    border: 1px solid #ddd;

    p {

      text-align: center;
    }
    .special{
      color: #000;
      font-size: 2rem;
    }


  }

  .pricing-table td:nth-child(1) {
    max-width: 300px;

    p {

      text-align: left;
    }



  }

  .pricing-table th {
    background-color: #fff;
    font-weight: bold;
    font-size: 1.25rem;
    padding: 2rem;

    h2 {
      text-align: center;
    }
  }


  .pricing-table td {
    padding: 2rem;
    background-color: #fff;
    font-size: 1.25rem;

  }

  .pricing-table tbody tr td:first-child {
    background-color: #fff;
    font-weight: bold;
  }

  .checkmark {

    display: block;
    aspect-ratio: 57/43;
    max-width: 57px;
    width: 100%;
    height: 100%;
    background-size: contain;
    background: url('../images/plan/checkmark.svg?v01') no-repeat center;
  }

  .cross {
    display: block;
    aspect-ratio: 49/49;
    max-width: 42px;
    width: 100%;
    height: 100%;
    background-size: contain !important;
    background: url('../images/plan/cross.svg?v01') no-repeat center;
  }

  .pricing-table td span {
    display: inline-block;
    /*margin: 0.5rem 0;*/
  }

  /* 改變尊榮這一列的背景顏色 */

  .pricing-table td:nth-child(3),
  .pricing-table th:nth-child(3) {
    background-color: #FBFBFB;

  }

  h2 {
    text-align: left;

  }

  p {
    text-align: left;

    color: #8F8F8F;
    font-weight: normal;
  }
  .special{
    font-size: 2rem;
  }

  .orange {
    margin: 0;
    color: #ff6f00;
  }

  @media (max-width: 1200px) {
    .table_card {
      background-color: unset;
      padding: 0;
    }

    .pricing-table li {
      text-align: start;
    }
    .pricing-table th {
      background-color: rgb(215, 237, 236);
    }


    .pricing-table .radius-lt{
      border-radius: 2rem 0 0 0;
    }
    .pricing-table .radius-rt{
      border-radius: 0 2rem 0 0;
    }
    .pricing-table .radius-lb{
      border-radius: 0 0  0 2rem ;
    }
    .pricing-table .radius-rb{
      border-radius: 0 0  2rem 0;
    }

    .checkmark {
      margin-right: 10px;
      width: 36px;
      height: 27px;
      background-size: cover;
    }

    .cross {
      margin-right: 10px;
      width: 36px;
      height: 27px;
      background-size: cover;
    }


    h3 {
      text-align: center;
      font-size: 1.25rem;
    }

    p {

      text-align: center;

    }

    .col-12 {
      padding-bottom: 2rem;
      padding-right: 1rem;
      padding-left:1rem;
      text-align: center;
      display: flow;

      div:nth-child(1) {
        display: flex;
        justify-content: center;
      }
    }
    .col-12.border_bottom {
      padding-bottom: 0;
    }
    .col-12.border_bottom:after {
      margin-bottom: 2rem;
     content: '';
      display: block;
      height: 1px;
      width: 100%;
      background-color: #b5b5b5;
    }
    .col-6 {
      padding-bottom: 3rem;
      padding-right: 0.5rem;
      padding-left:0.5rem;
      text-align: center;
      display: flow;

      p{
        padding-top: 10px;
        color: #1e2f40;
        font-weight: bold;
      }

      div:nth-child(1) {
        display: flex;
        justify-content: center;
      }

      .checkmark {
       margin-right: auto;
        margin-left: auto;
      }
      .cross {
        margin-right: auto;
        margin-left: auto;
      }
    }
  }
  @media (max-width: 768px) {
    .pricing-table th,
    .pricing-table td {
      font-size: 0.9rem;
      padding: 1rem;

    }
    .pricing-table h2 {

      text-align: center;
    }
    .pricing-table thead th:nth-child(1) {
      border-radius: 20px 0 0 0;
      background-color: #D7EDEC;
    }
    .pricing-table thead th:nth-child(2) {
      border-radius: 0 20px 0 0;
      background-color: #D7EDEC;
    }
    .pricing-table li {
      text-align: start;
    }

    .pricing-table tr:last-child td:nth-child(1) {
      border-radius: 0 0 0 20px;
    }
    .pricing-table tr:last-child td:nth-child(2) {
      border-radius: 0 0 20px 0;
    }


  }

}