.elementor-2483 .elementor-element.elementor-element-5587df1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2483 .elementor-element.elementor-element-25f343e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2483 .elementor-element.elementor-element-f1c2c6d .jet-listing-dynamic-image{justify-content:flex-start;}.elementor-2483 .elementor-element.elementor-element-f1c2c6d .jet-listing-dynamic-image__figure{align-items:flex-start;}.elementor-2483 .elementor-element.elementor-element-f1c2c6d .jet-listing-dynamic-image__caption{text-align:left;}.elementor-2483 .elementor-element.elementor-element-942f129{--display:flex;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2483 .elementor-element.elementor-element-f0aa218 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-2483 .elementor-element.elementor-element-f0aa218 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-2483 .elementor-element.elementor-element-f0aa218 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-2483 .elementor-element.elementor-element-f0aa218 .jet-listing-dynamic-field__content{text-align:left;}.elementor-2483 .elementor-element.elementor-element-0a77274 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-2483 .elementor-element.elementor-element-0a77274 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-2483 .elementor-element.elementor-element-0a77274 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-2483 .elementor-element.elementor-element-0a77274 .jet-listing-dynamic-field__content{text-align:left;}.elementor-2483 .elementor-element.elementor-element-8b6093e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2483 .elementor-element.elementor-element-23a50a1 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2483 .elementor-element.elementor-element-9055b0e .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-2483 .elementor-element.elementor-element-9055b0e .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-2483 .elementor-element.elementor-element-9055b0e .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-2483 .elementor-element.elementor-element-9055b0e .jet-listing-dynamic-field__content{text-align:left;}.elementor-2483 .elementor-element.elementor-element-09a3cb9 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-2483 .elementor-element.elementor-element-09a3cb9 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-2483 .elementor-element.elementor-element-09a3cb9 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-2483 .elementor-element.elementor-element-09a3cb9 .jet-listing-dynamic-field__content{text-align:left;}.elementor-2483 .elementor-element.elementor-element-5e08674 .elementor-button-content-wrapper{flex-direction:row;}/* Start custom CSS for jet-listing-dynamic-field, class: .elementor-element-9055b0e */#none{
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for jet-listing-dynamic-field, class: .elementor-element-09a3cb9 *//*#none{*/
/*    display: none !important;*/
/*}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5587df1 *//* =========================================================
   NEWSLETTER CARD
   ========================================================= */

.elementor-2483 .elementor-element.elementor-element-5587df1 {
  display: flex;
  flex-direction: column;
  align-items: stretch;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 16px;

  gap: 16px;

  overflow: visible;

  background: #FFFFFF;
  border-radius: 12px;

  box-shadow: 0 4px 4px rgba(0, 0, 0, .25) !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

.elementor-2483 .elementor-element.elementor-element-5587df1:hover {
  transform: translateY(-4px);

  box-shadow:
    0 8px 20px rgba(0, 0, 0, .18) !important;
}


/* =========================================================
   COVER IMAGE
   ========================================================= */

.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-image,
.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-image > .elementor-widget-container,
.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-image .jet-listing,
.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-image .jet-listing-dynamic-image {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
}

.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-image img,
.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-image .jet-listing-dynamic-image__img {
  display: block !important;

  width: 100% !important;
  max-width: none !important;
  height: auto !important;

  aspect-ratio: 275 / 355;

  object-fit: cover !important;
  object-position: center top !important;

  border-radius: 12px;

  box-shadow:
    0 2px 5.8px rgba(0, 0, 0, .25) !important;
}


/* =========================================================
   CARD INFORMATION
   標題＋年月
   ========================================================= */

.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-info {
  display: flex !important;
  flex-direction: column !important;

  align-items: flex-start !important;
  justify-content: flex-start !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  gap: 6px !important;

  text-align: left !important;
}


/* =========================================================
   TITLE
   ========================================================= */

.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-title {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}

.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-title > .elementor-widget-container,
.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-title .jet-listing,
.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-title .jet-listing-dynamic-field,
.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-title .jet-listing-dynamic-field__inline-wrap,
.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-title .jet-listing-dynamic-field__content {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #0E1C38 !important;

  font-family: "Noto Sans TC", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: .11em !important;

  text-align: left !important;
  text-decoration: none !important;
}

.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-card-title
  .jet-listing-dynamic-field__content {
  display: -webkit-box !important;

  overflow: hidden !important;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}


/* =========================================================
   DATE
   ========================================================= */

.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-date {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}

.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-date > .elementor-widget-container,
.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-date .jet-listing,
.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-date .jet-listing-dynamic-field,
.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-date .jet-listing-dynamic-field__inline-wrap,
.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-date .jet-listing-dynamic-field__content {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #F5A800 !important;

  font-family: "Roboto", "Noto Sans TC", sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 21px !important;
  letter-spacing: .07em !important;

  text-align: left !important;
  text-decoration: none !important;
}


/* =========================================================
   BUTTON GROUP
   ========================================================= */

.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-buttons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  gap: 24px !important;
}


/* =========================================================
   舊閱讀按鈕
   DearFlip 已取代，因此隱藏
   ========================================================= */

.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-read-button {
  display: none !important;
}


/* =========================================================
   DOWNLOAD BUTTON WIDGET
   ========================================================= */

.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-download-button {
  width: 100px !important;
  max-width: 100px !important;
  flex: 0 0 100px !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-download-button
  > .elementor-widget-container {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   DOWNLOAD BUTTON
   ========================================================= */

.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-download-button .elementor-button {
  box-sizing: border-box !important;

  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;

  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;

  margin: 0 !important;
  padding: 4px 12px !important;

  gap: 8px !important;

  color: #FFFFFF !important;
  background: #1A458B !important;

  border: 1px solid #1A458B !important;
  border-radius: 6px !important;

  box-shadow: none !important;

  font-family: "Roboto", "Noto Sans TC", sans-serif !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  letter-spacing: .12em !important;

  text-decoration: none !important;
  white-space: nowrap !important;
}


/* Download icon + text */

.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-download-button
  .elementor-button-content-wrapper {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: center !important;

  width: auto !important;

  gap: 8px !important;
}

.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-download-button
  .elementor-button-icon {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;

  color: #FFFFFF !important;

  font-size: 18px !important;
  line-height: 1 !important;
}

.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-download-button
  .elementor-button-icon i {
  color: #FFFFFF !important;
}

.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-download-button
  .elementor-button-icon svg {
  width: 18px !important;
  height: 18px !important;

  fill: #FFFFFF !important;
}

.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-download-button
  .elementor-button-text {
  display: inline-block !important;

  width: auto !important;

  color: #FFFFFF !important;

  font-size: 12px !important;
  line-height: 18px !important;

  white-space: nowrap !important;
}


/* Download hover */

.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-download-button
  .elementor-button:hover,
.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-download-button
  .elementor-button:focus {
  color: #1A458B !important;
  background: #FFFFFF !important;
  border-color: #1A458B !important;
}

.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-download-button
  .elementor-button:hover
  .elementor-button-text,
.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-download-button
  .elementor-button:focus
  .elementor-button-text,
.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-download-button
  .elementor-button:hover
  .elementor-button-icon,
.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-download-button
  .elementor-button:focus
  .elementor-button-icon,
.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-download-button
  .elementor-button:hover
  .elementor-button-icon
  i,
.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-download-button
  .elementor-button:focus
  .elementor-button-icon
  i {
  color: #1A458B !important;
}

.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-download-button
  .elementor-button:hover
  svg,
.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-download-button
  .elementor-button:focus
  svg {
  fill: #1A458B !important;
}


/* =========================================================
   DEARFLIP WIDGET
   只控制 DearFlip，不碰其他 Dynamic Field
   ========================================================= */

.elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-flipbook-button {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100px !important;
  max-width: 100px !important;
  flex: 0 0 100px !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* DearFlip JetEngine wrappers
   注意：全部都有 newsletter-flipbook-button 前綴
   不會再影響標題 / 日期 */

.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-flipbook-button
  > .elementor-widget-container,
.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-flipbook-button
  .jet-listing,
.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-flipbook-button
  .jet-listing-dynamic-field,
.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-flipbook-button
  .jet-listing-dynamic-field__inline-wrap,
.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-flipbook-button
  .jet-listing-dynamic-field__content {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  line-height: 1 !important;
}


/* =========================================================
   DEARFLIP BUTTON
   100 × 28
   ========================================================= */

.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-flipbook-button
  .df-element,
.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-flipbook-button
  .df-popup-button {
  box-sizing: border-box !important;

  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;

  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;

  margin: 0 !important;
  padding: 5px 18px !important;

  gap: 8px !important;

  color: #1A458B !important;
  background: #FFFFFF !important;

  border: 1px solid #1A458B !important;
  border-radius: 6px !important;

  box-shadow: none !important;

  font-family: "Roboto", "Noto Sans TC", sans-serif !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  letter-spacing: .12em !important;

  text-align: center !important;
  text-decoration: none !important;

  white-space: nowrap !important;

  cursor: pointer !important;

  transition:
    color .2s ease,
    background-color .2s ease,
    border-color .2s ease !important;
}


/* =========================================================
   DEARFLIP BOOK ICON
   ========================================================= */

.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-flipbook-button
  .df-element::before,
.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-flipbook-button
  .df-popup-button::before {
  content: "\f02d";

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 18px !important;
  height: 18px !important;

  flex: 0 0 18px !important;

  margin: 0 !important;
  padding: 0 !important;

  color: currentColor !important;

  font-family: "Font Awesome 5 Free" !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 18px !important;

  text-align: center !important;
}


/* DearFlip hover */

.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-flipbook-button
  .df-element:hover,
.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-flipbook-button
  .df-popup-button:hover,
.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-flipbook-button
  .df-element:focus,
.elementor-2483 .elementor-element.elementor-element-5587df1
  .newsletter-flipbook-button
  .df-popup-button:focus {
  color: #FFFFFF !important;
  background: #1A458B !important;
  border-color: #1A458B !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-buttons {
    gap: 12px !important;
  }

  .elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-flipbook-button,
  .elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-download-button {
    width: calc(50% - 6px) !important;
    max-width: none !important;

    flex: 1 1 calc(50% - 6px) !important;
  }

  .elementor-2483 .elementor-element.elementor-element-5587df1
    .newsletter-flipbook-button
    .df-element,
  .elementor-2483 .elementor-element.elementor-element-5587df1
    .newsletter-flipbook-button
    .df-popup-button,
  .elementor-2483 .elementor-element.elementor-element-5587df1
    .newsletter-download-button
    .elementor-button {
    width: 100% !important;

    min-width: 0 !important;
    max-width: none !important;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .elementor-2483 .elementor-element.elementor-element-5587df1 {
    padding: 14px;
    gap: 14px;
  }

  .elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-info {
    gap: 4px !important;
  }

  .elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-title,
  .elementor-2483 .elementor-element.elementor-element-5587df1
    .newsletter-card-title
    .jet-listing-dynamic-field,
  .elementor-2483 .elementor-element.elementor-element-5587df1
    .newsletter-card-title
    .jet-listing-dynamic-field__inline-wrap,
  .elementor-2483 .elementor-element.elementor-element-5587df1
    .newsletter-card-title
    .jet-listing-dynamic-field__content {
    font-size: 15px !important;
    line-height: 22px !important;
    letter-spacing: .08em !important;

    text-align: left !important;
  }

  .elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-date,
  .elementor-2483 .elementor-element.elementor-element-5587df1
    .newsletter-card-date
    .jet-listing-dynamic-field,
  .elementor-2483 .elementor-element.elementor-element-5587df1
    .newsletter-card-date
    .jet-listing-dynamic-field__inline-wrap,
  .elementor-2483 .elementor-element.elementor-element-5587df1
    .newsletter-card-date
    .jet-listing-dynamic-field__content {
    font-size: 13px !important;
    line-height: 20px !important;
    letter-spacing: .06em !important;

    text-align: left !important;
  }

  .elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-card-buttons {
    gap: 16px !important;
  }

  .elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-flipbook-button,
  .elementor-2483 .elementor-element.elementor-element-5587df1 .newsletter-download-button {
    width: calc(50% - 8px) !important;

    flex: 1 1 calc(50% - 8px) !important;
  }
}/* End custom CSS */