body {
        background-color: #222344;
        margin: 0;
        padding: 0;
        width: 100%;
      }
      #container {
        max-width: 1072px;
        width: 80%;
        align: center;
        margin-left: auto;
        margin-right: auto;
      }
      h1 {
        margin: 0px;
        padding: 0px;
        padding-top: 1em;
        color: #cdad7d;
        font-family: 'Libre Baskerville', serif;
        font-size: 36pt; 
        font-weight: 100;
        text-align: center;
      }
      h2 {
        margin: 0px;
        padding: 0px;
        padding-top: 16px;
        color: #cdad7d;
        font-family: 'Libre Baskerville', serif;
        font-size: 18pt; 
        font-weight: 100; 
        text-align: center;
      }
      h3 {
        font-family: 'Inter', sans-serif;
        color: white;
        font-size: 24px;
        font-weight: normal;
        margin-top: 62px;
        margin-bottom: 16px;
      }

      div.head {
        margin: 0px;
        border: 2px solid #cdad7d;
        margin-top: 20px;
        padding-top: 24px;
        padding-bottom: 30px;
        padding-left: 96px;
        padding-right: 96px; 
        color: white;
        font-family: 'Inter', sans-serif;
      }
      
      .head p {
        margin: 0;
        padding: 0;
        font-size: 16px;
        line-height: 24px;
      }
      .head ul {
        margin: 28px;
        padding: 0;
        line-height: 24px;
      }
      a.headbtn {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 37px;
        padding: 10px;
        align: center;
        text-decoration: none;
        text-align: center;
        font-size: 18px;
        font-weight: 800; 
        background-color: #cdad7d;
        color: #34314a;
        width: 53%;
        border: 0;
      }
    a.linksp {
        width: 100%;
        font-family: 'Inter', sans-serif;
        padding: 0;
        margin: 0;
        color: #ffffff;
        text-decoration: underline;
      }
      #icons {
        display: wrap;
        flex-wrap: wrap;
        width: 100%;
        height: 260px;
        margin-top: 50px;
      }
      #icons div {
        width: 33%;
        min-height: 200px;
        float: left;
        text-align: center;
      }

      #icons img {
        padding-bottom: 4px;
      }      
      #icons p {
        font-size: 15pt;
        font-family: 'Inter', sans-serif;
        text-align: center;
        width: 100%;
        color: white;
      }
      
      .qhead{
        margin-top: 15px;
        padding: 10px;
        padding-left: 20px;
        background: #f4f1ec;
        cursor: pointer;
      }
      .qhead p{
        width: 100%;
        font-family: 'Inter', sans-serif;
        padding: 0;
        margin: 0;
        color: #222344;
        font-weight: bold;
      }
      .answer {
        border: 2px solid #cdad7d;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 19px;
        padding-right: 20px;
        padding-bottom: 15px;
        background: #222344;
      }
      .answer p{
        width: 100%;
        font-family: 'Inter', sans-serif;
        padding: 0;
        padding-top: 9px;
        margin: 0;
        font-size: 18px;
        line-height: 23px;
        color: #f4f1ec;
      }
      
      .footer {
        width: 100%;
        padding: 20px;
        font-family: 'Inter', sans-serif;
        font-size: 16px;
        color: white;
        text-align: right;
      }
      .footer a {
        text-decoration: none;
        color: white;
        margin-left: 10px;
        margin-right: 10px;
      }
      
      @media screen and (max-width: 800px) {
        h1 {
          padding-top: 50px;
          padding-bottom: 30px;
          font-size: 30px;
        }
        h2 {
          font-size: 24px;
        }
        #icons div {
          width: 100%;
        }
        #container {
          width: 95%;
          padding: 0;
        }
        div.head {
          padding-top: 24px;
          padding-bottom: 30px;
          padding-left: 10px;
          padding-right: 10px; 
        }
        a.headbtn {
          font-size: 18px;
          width: 90%;
        }
        .footer {
          padding: 0px;
          margin: 10px;
          text-align: center;
        }
      }   

      .smalltxt {
       font-size: 5px;
       text-align: center;
      }

/****arrows****/
.arrows {
  width: 60px;
  height: 72px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: 20px;
}

.arrows path {
  stroke: #ffffff;
  fill: transparent;
  stroke-width: 1px;  
  animation: arrow 2s infinite;
  -webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
  animation-delay:-1s;
  -webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
  animation-delay:-0.5s;
  -webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 { 
  animation-delay:0s;
  -webkit-animation-delay:0s; /* Safari 和 Chrome */
}