body {
     margin: 0;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 }

 .wrapBox {
     max-width: 1380px;
     margin: 0 auto;
     padding: 0 20px;
 }

 .faqArea {
     padding: 150px 0;
     color: #fff;
     background-color: #262626;
 }

 @media (max-width: 1180px) {
     .faqArea {
         padding: 100px 0
     }
 }

 @media (max-width: 820px) {
     .faqArea {
         padding: 80px 0
     }
 }

 @media (max-width: 640px) {
     .faqArea {
         padding: 40px 0
     }
 }

 .faqArea .blockTitle {
     margin-bottom: 50px;
     text-align: center;
     font-family: "Poppins", sans-serif;
     font-size: 40px;
     font-weight: 700;
 }

 @media (max-width: 640px) {
     .faqArea .blockTitle {
         margin-bottom: 20px
     }
 }

 .faqArea .faqItem {
     color: #000;
     background-color: #fff;
     padding: 30px 90px;
     margin-bottom: 20px;
     cursor: pointer;
     -webkit-box-shadow: 0px 1px 28px 0px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 1px 28px 0px rgba(0, 0, 0, 0.1);

     transition: all 0.3s ease;
 }

 @media (max-width: 640px) {
     .faqArea .faqItem {
         padding: 20px 60px
     }
 }

 .faqArea .faqItem:last-child {
     margin-bottom: 0
 }

 .faqArea .faqItem.open .faqItemTitle:after {
     content: "-"
 }

 .faqArea .faqItemTitle {
     position: relative;
     font-size: 24px;
     font-weight: 700;
     letter-spacing: 0px;
     user-select: none;
 }

 @media (max-width: 1180px) {
     .faqArea .faqItemTitle {
         font-size: 18px
     }
 }

 @media (max-width: 375px) {
     .faqArea .faqItemTitle {
         font-size: 16px
     }
 }

 .faqArea .faqItemTitle:before {
     content: "";
     position: absolute;
     content: "Q";
     color: #cf253e;
     font-size: 40px;
     line-height: 1.2;
     letter-spacing: -0.6px;
     left: -50px;
     top: -5px;
     font-weight: 500;
     font-family: 'Poppins';
 }

 @media (max-width: 640px) {
     .faqArea .faqItemTitle:before {
         font-size: 36px;
         left: -45px
     }
 }

 .faqArea .faqItemTitle:after {
     content: "";
     position: absolute;
     content: "+";
     color: #cf253e;
     font-size: 40px;
     line-height: 1.2;
     font-family: "Poppins", sans-serif;
     letter-spacing: -0.6px;
     right: -50px;
     top: -5px;

     transform: rotate(0deg);
     transition: transform 0.6s ease-in-out;
 }


 .faqArea .faqItem.open .faqItemTitle:after {
     content: "-";
     transform: rotate(180deg);
 }

 @media (max-width: 640px) {
     .faqArea .faqItemTitle:after {
         font-size: 30px;
         right: -40px
     }
 }

 /* --- 動畫的 CSS --- */
 .faqArea .faqItemContent {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.6s ease-in-out;
 }

 /* --- 動畫的 CSS 結束 --- */

 @media (max-width: 640px) {
     .faqArea .faqItemContent {
         margin: 0 -40px
     }
 }

 .faqArea .faqItemAnswer {
     color: #444;
     font-size: 17px;
     line-height: 1.76;
     letter-spacing: 0.85px;
     padding: 20px 0;
 }

 @media (max-width: 640px) {
     .faqArea .faqItemAnswer {
         font-size: 14px
     }
 }

 .faqArea .faqItemAnswer a {
     color: #c4252b;
     text-decoration: none;
 }