@charset "UTF-8";
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}

/* Font */
/* 中文襯線字 */
.font-serif {
  font-family: 'Noto Serif TC', serif;
}

/* Icon */
@font-face {
  font-family: "icon";
  src: url("../fonts/icons/icon.eot");
  src: url("../fonts/icons/icon.eot?#iefix") format("embedded-opentype"), url("../fonts/icons/icon.woff2") format("woff2"), url("../fonts/icons/icon.woff") format("woff"), url("../fonts/icons/icon.ttf") format("truetype"), url("../fonts/icons/icon.svg#icon") format("svg");
  font-display: block;
  unicode-range: U+EA01-EA2F;
}

.be-icon {
  font-family: sans-serif;
  line-height: 1;
}

.be-icon:before {
  font-family: "icon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  line-height: 1em;
  margin-left: .2em;
}

/* Glyphs list */
.be-icon-add:before {
  content: '\ea01';
}

.be-icon-arrow-down:before {
  content: '\ea02';
}

.be-icon-arrow-left:before {
  content: '\ea03';
}

.be-icon-arrow-right:before {
  content: '\ea04';
}

.be-icon-audio-copylink:before {
  content: '\ea05';
}

.be-icon-bold-right:before {
  content: '\ea06';
}

.be-icon-check-thin:before {
  content: '\ea07';
}

.be-icon-check:before {
  content: '\ea08';
}

.be-icon-close:before {
  content: '\ea09';
}

.be-icon-copylink:before {
  content: '\ea0a';
}

.be-icon-discount:before {
  content: '\ea0b';
}

.be-icon-down:before {
  content: '\ea0c';
}

.be-icon-email:before {
  content: '\ea0d';
}

.be-icon-eyes:before {
  content: '\ea0e';
}

.be-icon-facebook:before {
  content: '\ea0f';
}

.be-icon-favorite:before {
  content: '\ea10';
}

.be-icon-gotop:before {
  content: '\ea11';
}

.be-icon-line:before {
  content: '\ea12';
}

.be-icon-listen:before {
  content: '\ea13';
}

.be-icon-magazine-b:before {
  content: '\ea14';
}

.be-icon-magazine:before {
  content: '\ea15';
}

.be-icon-member:before {
  content: '\ea16';
}

.be-icon-more-arrow:before {
  content: '\ea17';
}

.be-icon-next-btn:before {
  content: '\ea18';
}

.be-icon-order:before {
  content: '\ea19';
}

.be-icon-pause-article:before {
  content: '\ea1a';
}

.be-icon-pause:before {
  content: '\ea1b';
}

.be-icon-phone:before {
  content: '\ea1c';
}

.be-icon-play-article:before {
  content: '\ea1d';
}

.be-icon-play-circle:before {
  content: '\ea1e';
}

.be-icon-play:before {
  content: '\ea1f';
}

.be-icon-playing:before {
  content: '\ea20';
}

.be-icon-prev-btn:before {
  content: '\ea21';
}

.be-icon-reload:before {
  content: '\ea22';
}

.be-icon-search:before {
  content: '\ea23';
}

.be-icon-service:before {
  content: '\ea24';
}

.be-icon-share-b:before {
  content: '\ea25';
}

.be-icon-share:before {
  content: '\ea26';
}

.be-icon-shopping:before {
  content: '\ea27';
}

.be-icon-text-zoom:before {
  content: '\ea28';
}

.be-icon-triangle:before {
  content: '\ea29';
}

.be-icon-twitter:before {
  content: '\ea2a';
}

.be-icon-up:before {
  content: '\ea2b';
}

.be-icon-user:before {
  content: '\ea2c';
}

.be-icon-volume-mute:before {
  content: '\ea2d';
}

.be-icon-volume:before {
  content: '\ea2e';
}

.be-icon-website:before {
  content: '\ea2f';
}

/* Framework */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: 0;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

[data-whatintent="mouse"] *, [data-whatintent="mouse"] *:focus,
[data-whatintent="touch"] *,
[data-whatintent="touch"] *:focus,
[data-whatinput="mouse"] *,
[data-whatinput="mouse"] *:focus,
[data-whatinput="touch"] *,
[data-whatinput="touch"] *:focus {
  outline: none;
}

[draggable=false] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=87.5em";
}

html {
  box-sizing: border-box;
  font-size: 100%;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: "Noto Sans TC", "sans-serif";
  font-weight: normal;
  line-height: 1.7;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}

[data-whatinput='mouse'] button {
  outline: 0;
}

pre {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.6375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(34, 34, 34, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.7;
  color: #222222;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fff;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}

textarea[rows] {
  height: auto;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

[type='submit'],
[type='button'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}

input[type='search'] {
  box-sizing: border-box;
}

::-moz-placeholder {
  color: #cacaca;
}

::placeholder {
  color: #cacaca;
}

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1rem;
}

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
}

[type='checkbox'] + label[for],
[type='radio'] + label[for] {
  cursor: pointer;
}

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.5rem;
}

[type='file'] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #222222;
}

label.middle {
  margin: 0 0 1rem;
  line-height: 1.7;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #222222;
}

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: stretch;
}

.input-group > :first-child, .input-group > :first-child.input-group-button > * {
  border-radius: 0 0 0 0;
}

.input-group > :last-child, .input-group > :last-child.input-group-button > * {
  border-radius: 0 0 0 0;
}

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap;
}

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #222222;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}

.input-group-label:first-child {
  border-right: 0;
}

.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto;
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  align-self: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  max-width: 100%;
  margin-bottom: 0.5rem;
}

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #cacaca;
}

.fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
}

select {
  height: 2.6375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.7;
  color: #222222;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>');
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

@media screen and (min-width: 0\0) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}

select:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fff;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

select::-ms-expand {
  display: none;
}

select[multiple] {
  height: auto;
  background-image: none;
}

select:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0;
}

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #faedeb;
}

.is-invalid-input:not(:focus)::-moz-placeholder {
  color: #cc4b37;
}

.is-invalid-input:not(:focus)::placeholder {
  color: #cc4b37;
}

.is-invalid-label {
  color: #cc4b37;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #cc4b37;
}

.form-error.is-visible {
  display: block;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.7;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Noto Sans TC", "sans-serif";
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
}

h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  line-height: 0;
  color: #cacaca;
}

h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.7;
  margin-top: 0;
  margin-bottom: 0;
}

h2, .h2 {
  font-size: 1.375rem;
  line-height: 1.7;
  margin-top: 0;
  margin-bottom: 0;
}

h3, .h3 {
  font-size: 1.25rem;
  line-height: 1.7;
  margin-top: 0;
  margin-bottom: 0;
}

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.7;
  margin-top: 0;
  margin-bottom: 0;
}

h5, .h5 {
  font-size: 1.125rem;
  line-height: 1.7;
  margin-top: 0;
  margin-bottom: 0;
}

h6, .h6 {
  font-size: 1rem;
  line-height: 1.7;
  margin-top: 0;
  margin-bottom: 0;
}

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 2.4375rem;
  }
  h2, .h2 {
    font-size: 1.5625rem;
  }
  h3, .h3 {
    font-size: 1.375rem;
  }
  h4, .h4 {
    font-size: 1.1875rem;
  }
  h5, .h5 {
    font-size: 1.125rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
}

@media print, screen and (min-width: 64em) {
  h1, .h1 {
    font-size: 2rem;
  }
  h2, .h2 {
    font-size: 1.75rem;
  }
  h3, .h3 {
    font-size: 1.5rem;
  }
  h4, .h4 {
    font-size: 1.25rem;
  }
  h5, .h5 {
    font-size: 1.125rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
}

a {
  line-height: inherit;
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

a:hover, a:focus {
  color: #1660cb;
}

a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.7;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}

dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca;
}

blockquote, blockquote p {
  line-height: 1.7;
  color: #8a8a8a;
}

abbr, abbr[title] {
  border-bottom: 1px dotted #222222;
  cursor: help;
  text-decoration: none;
}

figure {
  margin: 0;
}

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #222222;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}

p + .stat {
  margin-top: -1rem;
}

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none;
}

cite, .cite-block {
  display: block;
  color: #8a8a8a;
  font-size: 0.8125rem;
}

cite:before, .cite-block:before {
  content: "— ";
}

code, .code-inline {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #222222;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

.code-block {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #222222;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}

@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}

.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    print-color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: '';
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .print-break-inside {
    page-break-inside: auto;
  }
}

.grid-container {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

@media print, screen and (min-width: 40em) {
  .grid-container {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.grid-container.fluid {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media print, screen and (min-width: 40em) {
  .grid-container.fluid {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.grid-x {
  display: flex;
  flex-flow: row wrap;
}

.cell {
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
}

.cell.auto {
  flex: 1 1 0;
}

.cell.shrink {
  flex: 0 0 auto;
}

.grid-x > .auto {
  width: auto;
}

.grid-x > .shrink {
  width: auto;
}

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex-basis: auto;
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex-basis: auto;
  }
}

@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex-basis: auto;
  }
}

.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex: 0 0 auto;
}

.grid-x > .small-1 {
  width: 8.33333%;
}

.grid-x > .small-2 {
  width: 16.66667%;
}

.grid-x > .small-3 {
  width: 25%;
}

.grid-x > .small-4 {
  width: 33.33333%;
}

.grid-x > .small-5 {
  width: 41.66667%;
}

.grid-x > .small-6 {
  width: 50%;
}

.grid-x > .small-7 {
  width: 58.33333%;
}

.grid-x > .small-8 {
  width: 66.66667%;
}

.grid-x > .small-9 {
  width: 75%;
}

.grid-x > .small-10 {
  width: 83.33333%;
}

.grid-x > .small-11 {
  width: 91.66667%;
}

.grid-x > .small-12 {
  width: 100%;
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex: 0 0 auto;
  }
  .grid-x > .medium-shrink {
    width: auto;
  }
  .grid-x > .medium-1 {
    width: 8.33333%;
  }
  .grid-x > .medium-2 {
    width: 16.66667%;
  }
  .grid-x > .medium-3 {
    width: 25%;
  }
  .grid-x > .medium-4 {
    width: 33.33333%;
  }
  .grid-x > .medium-5 {
    width: 41.66667%;
  }
  .grid-x > .medium-6 {
    width: 50%;
  }
  .grid-x > .medium-7 {
    width: 58.33333%;
  }
  .grid-x > .medium-8 {
    width: 66.66667%;
  }
  .grid-x > .medium-9 {
    width: 75%;
  }
  .grid-x > .medium-10 {
    width: 83.33333%;
  }
  .grid-x > .medium-11 {
    width: 91.66667%;
  }
  .grid-x > .medium-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex: 0 0 auto;
  }
  .grid-x > .large-shrink {
    width: auto;
  }
  .grid-x > .large-1 {
    width: 8.33333%;
  }
  .grid-x > .large-2 {
    width: 16.66667%;
  }
  .grid-x > .large-3 {
    width: 25%;
  }
  .grid-x > .large-4 {
    width: 33.33333%;
  }
  .grid-x > .large-5 {
    width: 41.66667%;
  }
  .grid-x > .large-6 {
    width: 50%;
  }
  .grid-x > .large-7 {
    width: 58.33333%;
  }
  .grid-x > .large-8 {
    width: 66.66667%;
  }
  .grid-x > .large-9 {
    width: 75%;
  }
  .grid-x > .large-10 {
    width: 83.33333%;
  }
  .grid-x > .large-11 {
    width: 91.66667%;
  }
  .grid-x > .large-12 {
    width: 100%;
  }
}

.grid-margin-x:not(.grid-x) > .cell {
  width: auto;
}

.grid-margin-y:not(.grid-y) > .cell {
  height: auto;
}

.grid-margin-x {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

.grid-margin-x > .cell {
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x > .cell {
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
  }
}

.grid-margin-x > .auto {
  width: auto;
}

.grid-margin-x > .shrink {
  width: auto;
}

.grid-margin-x > .small-1 {
  width: calc(8.33333% - 1.25rem);
}

.grid-margin-x > .small-2 {
  width: calc(16.66667% - 1.25rem);
}

.grid-margin-x > .small-3 {
  width: calc(25% - 1.25rem);
}

.grid-margin-x > .small-4 {
  width: calc(33.33333% - 1.25rem);
}

.grid-margin-x > .small-5 {
  width: calc(41.66667% - 1.25rem);
}

.grid-margin-x > .small-6 {
  width: calc(50% - 1.25rem);
}

.grid-margin-x > .small-7 {
  width: calc(58.33333% - 1.25rem);
}

.grid-margin-x > .small-8 {
  width: calc(66.66667% - 1.25rem);
}

.grid-margin-x > .small-9 {
  width: calc(75% - 1.25rem);
}

.grid-margin-x > .small-10 {
  width: calc(83.33333% - 1.25rem);
}

.grid-margin-x > .small-11 {
  width: calc(91.66667% - 1.25rem);
}

.grid-margin-x > .small-12 {
  width: calc(100% - 1.25rem);
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x > .auto {
    width: auto;
  }
  .grid-margin-x > .shrink {
    width: auto;
  }
  .grid-margin-x > .small-1 {
    width: calc(8.33333% - 1.875rem);
  }
  .grid-margin-x > .small-2 {
    width: calc(16.66667% - 1.875rem);
  }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .small-4 {
    width: calc(33.33333% - 1.875rem);
  }
  .grid-margin-x > .small-5 {
    width: calc(41.66667% - 1.875rem);
  }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .small-7 {
    width: calc(58.33333% - 1.875rem);
  }
  .grid-margin-x > .small-8 {
    width: calc(66.66667% - 1.875rem);
  }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .small-10 {
    width: calc(83.33333% - 1.875rem);
  }
  .grid-margin-x > .small-11 {
    width: calc(91.66667% - 1.875rem);
  }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x > .medium-auto {
    width: auto;
  }
  .grid-margin-x > .medium-shrink {
    width: auto;
  }
  .grid-margin-x > .medium-1 {
    width: calc(8.33333% - 1.875rem);
  }
  .grid-margin-x > .medium-2 {
    width: calc(16.66667% - 1.875rem);
  }
  .grid-margin-x > .medium-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .medium-4 {
    width: calc(33.33333% - 1.875rem);
  }
  .grid-margin-x > .medium-5 {
    width: calc(41.66667% - 1.875rem);
  }
  .grid-margin-x > .medium-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .medium-7 {
    width: calc(58.33333% - 1.875rem);
  }
  .grid-margin-x > .medium-8 {
    width: calc(66.66667% - 1.875rem);
  }
  .grid-margin-x > .medium-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .medium-10 {
    width: calc(83.33333% - 1.875rem);
  }
  .grid-margin-x > .medium-11 {
    width: calc(91.66667% - 1.875rem);
  }
  .grid-margin-x > .medium-12 {
    width: calc(100% - 1.875rem);
  }
}

@media print, screen and (min-width: 64em) {
  .grid-margin-x > .large-auto {
    width: auto;
  }
  .grid-margin-x > .large-shrink {
    width: auto;
  }
  .grid-margin-x > .large-1 {
    width: calc(8.33333% - 1.875rem);
  }
  .grid-margin-x > .large-2 {
    width: calc(16.66667% - 1.875rem);
  }
  .grid-margin-x > .large-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .large-4 {
    width: calc(33.33333% - 1.875rem);
  }
  .grid-margin-x > .large-5 {
    width: calc(41.66667% - 1.875rem);
  }
  .grid-margin-x > .large-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .large-7 {
    width: calc(58.33333% - 1.875rem);
  }
  .grid-margin-x > .large-8 {
    width: calc(66.66667% - 1.875rem);
  }
  .grid-margin-x > .large-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .large-10 {
    width: calc(83.33333% - 1.875rem);
  }
  .grid-margin-x > .large-11 {
    width: calc(91.66667% - 1.875rem);
  }
  .grid-margin-x > .large-12 {
    width: calc(100% - 1.875rem);
  }
}

.grid-padding-x .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

@media print, screen and (min-width: 40em) {
  .grid-padding-x .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}

.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

@media print, screen and (min-width: 40em) {
  .grid-container:not(.full) > .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}

.grid-padding-x > .cell {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .grid-padding-x > .cell {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.small-up-1 > .cell {
  width: 100%;
}

.small-up-2 > .cell {
  width: 50%;
}

.small-up-3 > .cell {
  width: 33.33333%;
}

.small-up-4 > .cell {
  width: 25%;
}

.small-up-5 > .cell {
  width: 20%;
}

.small-up-6 > .cell {
  width: 16.66667%;
}

.small-up-7 > .cell {
  width: 14.28571%;
}

.small-up-8 > .cell {
  width: 12.5%;
}

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%;
  }
  .medium-up-2 > .cell {
    width: 50%;
  }
  .medium-up-3 > .cell {
    width: 33.33333%;
  }
  .medium-up-4 > .cell {
    width: 25%;
  }
  .medium-up-5 > .cell {
    width: 20%;
  }
  .medium-up-6 > .cell {
    width: 16.66667%;
  }
  .medium-up-7 > .cell {
    width: 14.28571%;
  }
  .medium-up-8 > .cell {
    width: 12.5%;
  }
}

@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%;
  }
  .large-up-2 > .cell {
    width: 50%;
  }
  .large-up-3 > .cell {
    width: 33.33333%;
  }
  .large-up-4 > .cell {
    width: 25%;
  }
  .large-up-5 > .cell {
    width: 20%;
  }
  .large-up-6 > .cell {
    width: 16.66667%;
  }
  .large-up-7 > .cell {
    width: 14.28571%;
  }
  .large-up-8 > .cell {
    width: 12.5%;
  }
}

.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.25rem);
}

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.25rem);
}

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.33333% - 1.25rem);
}

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.25rem);
}

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.25rem);
}

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.66667% - 1.25rem);
}

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.28571% - 1.25rem);
}

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.25rem);
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 1.875rem);
  }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 1.875rem);
  }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 1.875rem);
  }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.33333% - 1.875rem);
  }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.66667% - 1.875rem);
  }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.28571% - 1.875rem);
  }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}

@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.33333% - 1.875rem);
  }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.66667% - 1.875rem);
  }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.28571% - 1.875rem);
  }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}

.small-margin-collapse {
  margin-right: 0;
  margin-left: 0;
}

.small-margin-collapse > .cell {
  margin-right: 0;
  margin-left: 0;
}

.small-margin-collapse > .small-1 {
  width: 8.33333%;
}

.small-margin-collapse > .small-2 {
  width: 16.66667%;
}

.small-margin-collapse > .small-3 {
  width: 25%;
}

.small-margin-collapse > .small-4 {
  width: 33.33333%;
}

.small-margin-collapse > .small-5 {
  width: 41.66667%;
}

.small-margin-collapse > .small-6 {
  width: 50%;
}

.small-margin-collapse > .small-7 {
  width: 58.33333%;
}

.small-margin-collapse > .small-8 {
  width: 66.66667%;
}

.small-margin-collapse > .small-9 {
  width: 75%;
}

.small-margin-collapse > .small-10 {
  width: 83.33333%;
}

.small-margin-collapse > .small-11 {
  width: 91.66667%;
}

.small-margin-collapse > .small-12 {
  width: 100%;
}

@media print, screen and (min-width: 40em) {
  .small-margin-collapse > .medium-1 {
    width: 8.33333%;
  }
  .small-margin-collapse > .medium-2 {
    width: 16.66667%;
  }
  .small-margin-collapse > .medium-3 {
    width: 25%;
  }
  .small-margin-collapse > .medium-4 {
    width: 33.33333%;
  }
  .small-margin-collapse > .medium-5 {
    width: 41.66667%;
  }
  .small-margin-collapse > .medium-6 {
    width: 50%;
  }
  .small-margin-collapse > .medium-7 {
    width: 58.33333%;
  }
  .small-margin-collapse > .medium-8 {
    width: 66.66667%;
  }
  .small-margin-collapse > .medium-9 {
    width: 75%;
  }
  .small-margin-collapse > .medium-10 {
    width: 83.33333%;
  }
  .small-margin-collapse > .medium-11 {
    width: 91.66667%;
  }
  .small-margin-collapse > .medium-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .small-margin-collapse > .large-1 {
    width: 8.33333%;
  }
  .small-margin-collapse > .large-2 {
    width: 16.66667%;
  }
  .small-margin-collapse > .large-3 {
    width: 25%;
  }
  .small-margin-collapse > .large-4 {
    width: 33.33333%;
  }
  .small-margin-collapse > .large-5 {
    width: 41.66667%;
  }
  .small-margin-collapse > .large-6 {
    width: 50%;
  }
  .small-margin-collapse > .large-7 {
    width: 58.33333%;
  }
  .small-margin-collapse > .large-8 {
    width: 66.66667%;
  }
  .small-margin-collapse > .large-9 {
    width: 75%;
  }
  .small-margin-collapse > .large-10 {
    width: 83.33333%;
  }
  .small-margin-collapse > .large-11 {
    width: 91.66667%;
  }
  .small-margin-collapse > .large-12 {
    width: 100%;
  }
}

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0;
}

.small-padding-collapse > .cell {
  padding-right: 0;
  padding-left: 0;
}

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.33333%;
  }
  .medium-margin-collapse > .small-2 {
    width: 16.66667%;
  }
  .medium-margin-collapse > .small-3 {
    width: 25%;
  }
  .medium-margin-collapse > .small-4 {
    width: 33.33333%;
  }
  .medium-margin-collapse > .small-5 {
    width: 41.66667%;
  }
  .medium-margin-collapse > .small-6 {
    width: 50%;
  }
  .medium-margin-collapse > .small-7 {
    width: 58.33333%;
  }
  .medium-margin-collapse > .small-8 {
    width: 66.66667%;
  }
  .medium-margin-collapse > .small-9 {
    width: 75%;
  }
  .medium-margin-collapse > .small-10 {
    width: 83.33333%;
  }
  .medium-margin-collapse > .small-11 {
    width: 91.66667%;
  }
  .medium-margin-collapse > .small-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.33333%;
  }
  .medium-margin-collapse > .medium-2 {
    width: 16.66667%;
  }
  .medium-margin-collapse > .medium-3 {
    width: 25%;
  }
  .medium-margin-collapse > .medium-4 {
    width: 33.33333%;
  }
  .medium-margin-collapse > .medium-5 {
    width: 41.66667%;
  }
  .medium-margin-collapse > .medium-6 {
    width: 50%;
  }
  .medium-margin-collapse > .medium-7 {
    width: 58.33333%;
  }
  .medium-margin-collapse > .medium-8 {
    width: 66.66667%;
  }
  .medium-margin-collapse > .medium-9 {
    width: 75%;
  }
  .medium-margin-collapse > .medium-10 {
    width: 83.33333%;
  }
  .medium-margin-collapse > .medium-11 {
    width: 91.66667%;
  }
  .medium-margin-collapse > .medium-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.33333%;
  }
  .medium-margin-collapse > .large-2 {
    width: 16.66667%;
  }
  .medium-margin-collapse > .large-3 {
    width: 25%;
  }
  .medium-margin-collapse > .large-4 {
    width: 33.33333%;
  }
  .medium-margin-collapse > .large-5 {
    width: 41.66667%;
  }
  .medium-margin-collapse > .large-6 {
    width: 50%;
  }
  .medium-margin-collapse > .large-7 {
    width: 58.33333%;
  }
  .medium-margin-collapse > .large-8 {
    width: 66.66667%;
  }
  .medium-margin-collapse > .large-9 {
    width: 75%;
  }
  .medium-margin-collapse > .large-10 {
    width: 83.33333%;
  }
  .medium-margin-collapse > .large-11 {
    width: 91.66667%;
  }
  .medium-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.33333%;
  }
  .large-margin-collapse > .small-2 {
    width: 16.66667%;
  }
  .large-margin-collapse > .small-3 {
    width: 25%;
  }
  .large-margin-collapse > .small-4 {
    width: 33.33333%;
  }
  .large-margin-collapse > .small-5 {
    width: 41.66667%;
  }
  .large-margin-collapse > .small-6 {
    width: 50%;
  }
  .large-margin-collapse > .small-7 {
    width: 58.33333%;
  }
  .large-margin-collapse > .small-8 {
    width: 66.66667%;
  }
  .large-margin-collapse > .small-9 {
    width: 75%;
  }
  .large-margin-collapse > .small-10 {
    width: 83.33333%;
  }
  .large-margin-collapse > .small-11 {
    width: 91.66667%;
  }
  .large-margin-collapse > .small-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.33333%;
  }
  .large-margin-collapse > .medium-2 {
    width: 16.66667%;
  }
  .large-margin-collapse > .medium-3 {
    width: 25%;
  }
  .large-margin-collapse > .medium-4 {
    width: 33.33333%;
  }
  .large-margin-collapse > .medium-5 {
    width: 41.66667%;
  }
  .large-margin-collapse > .medium-6 {
    width: 50%;
  }
  .large-margin-collapse > .medium-7 {
    width: 58.33333%;
  }
  .large-margin-collapse > .medium-8 {
    width: 66.66667%;
  }
  .large-margin-collapse > .medium-9 {
    width: 75%;
  }
  .large-margin-collapse > .medium-10 {
    width: 83.33333%;
  }
  .large-margin-collapse > .medium-11 {
    width: 91.66667%;
  }
  .large-margin-collapse > .medium-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.33333%;
  }
  .large-margin-collapse > .large-2 {
    width: 16.66667%;
  }
  .large-margin-collapse > .large-3 {
    width: 25%;
  }
  .large-margin-collapse > .large-4 {
    width: 33.33333%;
  }
  .large-margin-collapse > .large-5 {
    width: 41.66667%;
  }
  .large-margin-collapse > .large-6 {
    width: 50%;
  }
  .large-margin-collapse > .large-7 {
    width: 58.33333%;
  }
  .large-margin-collapse > .large-8 {
    width: 66.66667%;
  }
  .large-margin-collapse > .large-9 {
    width: 75%;
  }
  .large-margin-collapse > .large-10 {
    width: 83.33333%;
  }
  .large-margin-collapse > .large-11 {
    width: 91.66667%;
  }
  .large-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

.small-offset-0 {
  margin-left: 0%;
}

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 1.25rem / 2);
}

.small-offset-1 {
  margin-left: 8.33333%;
}

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.33333% + 1.25rem / 2);
}

.small-offset-2 {
  margin-left: 16.66667%;
}

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.66667% + 1.25rem / 2);
}

.small-offset-3 {
  margin-left: 25%;
}

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 1.25rem / 2);
}

.small-offset-4 {
  margin-left: 33.33333%;
}

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.33333% + 1.25rem / 2);
}

.small-offset-5 {
  margin-left: 41.66667%;
}

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.66667% + 1.25rem / 2);
}

.small-offset-6 {
  margin-left: 50%;
}

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 1.25rem / 2);
}

.small-offset-7 {
  margin-left: 58.33333%;
}

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.33333% + 1.25rem / 2);
}

.small-offset-8 {
  margin-left: 66.66667%;
}

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.66667% + 1.25rem / 2);
}

.small-offset-9 {
  margin-left: 75%;
}

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 1.25rem / 2);
}

.small-offset-10 {
  margin-left: 83.33333%;
}

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.33333% + 1.25rem / 2);
}

.small-offset-11 {
  margin-left: 91.66667%;
}

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.66667% + 1.25rem / 2);
}

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 1.875rem / 2);
  }
  .medium-offset-1 {
    margin-left: 8.33333%;
  }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.33333% + 1.875rem / 2);
  }
  .medium-offset-2 {
    margin-left: 16.66667%;
  }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.66667% + 1.875rem / 2);
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 1.875rem / 2);
  }
  .medium-offset-4 {
    margin-left: 33.33333%;
  }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.33333% + 1.875rem / 2);
  }
  .medium-offset-5 {
    margin-left: 41.66667%;
  }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.66667% + 1.875rem / 2);
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 1.875rem / 2);
  }
  .medium-offset-7 {
    margin-left: 58.33333%;
  }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.33333% + 1.875rem / 2);
  }
  .medium-offset-8 {
    margin-left: 66.66667%;
  }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.66667% + 1.875rem / 2);
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 1.875rem / 2);
  }
  .medium-offset-10 {
    margin-left: 83.33333%;
  }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.33333% + 1.875rem / 2);
  }
  .medium-offset-11 {
    margin-left: 91.66667%;
  }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.66667% + 1.875rem / 2);
  }
}

@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 1.875rem / 2);
  }
  .large-offset-1 {
    margin-left: 8.33333%;
  }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.33333% + 1.875rem / 2);
  }
  .large-offset-2 {
    margin-left: 16.66667%;
  }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.66667% + 1.875rem / 2);
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 1.875rem / 2);
  }
  .large-offset-4 {
    margin-left: 33.33333%;
  }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.33333% + 1.875rem / 2);
  }
  .large-offset-5 {
    margin-left: 41.66667%;
  }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.66667% + 1.875rem / 2);
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 1.875rem / 2);
  }
  .large-offset-7 {
    margin-left: 58.33333%;
  }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.33333% + 1.875rem / 2);
  }
  .large-offset-8 {
    margin-left: 66.66667%;
  }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.66667% + 1.875rem / 2);
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 1.875rem / 2);
  }
  .large-offset-10 {
    margin-left: 83.33333%;
  }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.33333% + 1.875rem / 2);
  }
  .large-offset-11 {
    margin-left: 91.66667%;
  }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.66667% + 1.875rem / 2);
  }
}

.grid-y {
  display: flex;
  flex-flow: column nowrap;
}

.grid-y > .cell {
  height: auto;
  max-height: none;
}

.grid-y > .auto {
  height: auto;
}

.grid-y > .shrink {
  height: auto;
}

.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  flex-basis: auto;
}

@media print, screen and (min-width: 40em) {
  .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    flex-basis: auto;
  }
}

@media print, screen and (min-width: 64em) {
  .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    flex-basis: auto;
  }
}

.grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  flex: 0 0 auto;
}

.grid-y > .small-1 {
  height: 8.33333%;
}

.grid-y > .small-2 {
  height: 16.66667%;
}

.grid-y > .small-3 {
  height: 25%;
}

.grid-y > .small-4 {
  height: 33.33333%;
}

.grid-y > .small-5 {
  height: 41.66667%;
}

.grid-y > .small-6 {
  height: 50%;
}

.grid-y > .small-7 {
  height: 58.33333%;
}

.grid-y > .small-8 {
  height: 66.66667%;
}

.grid-y > .small-9 {
  height: 75%;
}

.grid-y > .small-10 {
  height: 83.33333%;
}

.grid-y > .small-11 {
  height: 91.66667%;
}

.grid-y > .small-12 {
  height: 100%;
}

@media print, screen and (min-width: 40em) {
  .grid-y > .medium-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    flex: 0 0 auto;
  }
  .grid-y > .medium-shrink {
    height: auto;
  }
  .grid-y > .medium-1 {
    height: 8.33333%;
  }
  .grid-y > .medium-2 {
    height: 16.66667%;
  }
  .grid-y > .medium-3 {
    height: 25%;
  }
  .grid-y > .medium-4 {
    height: 33.33333%;
  }
  .grid-y > .medium-5 {
    height: 41.66667%;
  }
  .grid-y > .medium-6 {
    height: 50%;
  }
  .grid-y > .medium-7 {
    height: 58.33333%;
  }
  .grid-y > .medium-8 {
    height: 66.66667%;
  }
  .grid-y > .medium-9 {
    height: 75%;
  }
  .grid-y > .medium-10 {
    height: 83.33333%;
  }
  .grid-y > .medium-11 {
    height: 91.66667%;
  }
  .grid-y > .medium-12 {
    height: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .grid-y > .large-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    flex: 0 0 auto;
  }
  .grid-y > .large-shrink {
    height: auto;
  }
  .grid-y > .large-1 {
    height: 8.33333%;
  }
  .grid-y > .large-2 {
    height: 16.66667%;
  }
  .grid-y > .large-3 {
    height: 25%;
  }
  .grid-y > .large-4 {
    height: 33.33333%;
  }
  .grid-y > .large-5 {
    height: 41.66667%;
  }
  .grid-y > .large-6 {
    height: 50%;
  }
  .grid-y > .large-7 {
    height: 58.33333%;
  }
  .grid-y > .large-8 {
    height: 66.66667%;
  }
  .grid-y > .large-9 {
    height: 75%;
  }
  .grid-y > .large-10 {
    height: 83.33333%;
  }
  .grid-y > .large-11 {
    height: 91.66667%;
  }
  .grid-y > .large-12 {
    height: 100%;
  }
}

.grid-padding-y .grid-padding-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}

@media print, screen and (min-width: 40em) {
  .grid-padding-y .grid-padding-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}

.grid-padding-y > .cell {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .grid-padding-y > .cell {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}

.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}

.grid-margin-y > .auto {
  height: auto;
}

.grid-margin-y > .shrink {
  height: auto;
}

.grid-margin-y > .small-1 {
  height: calc(8.33333% - 1.25rem);
}

.grid-margin-y > .small-2 {
  height: calc(16.66667% - 1.25rem);
}

.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}

.grid-margin-y > .small-4 {
  height: calc(33.33333% - 1.25rem);
}

.grid-margin-y > .small-5 {
  height: calc(41.66667% - 1.25rem);
}

.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}

.grid-margin-y > .small-7 {
  height: calc(58.33333% - 1.25rem);
}

.grid-margin-y > .small-8 {
  height: calc(66.66667% - 1.25rem);
}

.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}

.grid-margin-y > .small-10 {
  height: calc(83.33333% - 1.25rem);
}

.grid-margin-y > .small-11 {
  height: calc(91.66667% - 1.25rem);
}

.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem);
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.875rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.875rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.875rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.875rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.875rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.875rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.875rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.875rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.33333% - 1.875rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.66667% - 1.875rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.33333% - 1.875rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.66667% - 1.875rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.33333% - 1.875rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.66667% - 1.875rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.33333% - 1.875rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.66667% - 1.875rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }
}

@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.33333% - 1.875rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.66667% - 1.875rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.33333% - 1.875rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.66667% - 1.875rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.33333% - 1.875rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.66667% - 1.875rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.33333% - 1.875rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.66667% - 1.875rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }
}

.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100vw;
}

.cell .grid-frame {
  width: 100%;
}

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}

.cell-block-container > .grid-x {
  max-height: 100%;
  flex-wrap: nowrap;
}

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .medium-grid-frame {
    width: 100%;
  }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .medium-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .medium-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}

@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .large-grid-frame {
    width: 100%;
  }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .large-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .large-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}

.grid-y.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh;
  width: auto;
}

@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}

@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}

.cell .grid-y.grid-frame {
  height: 100%;
}

@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%;
  }
}

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}

.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}

.grid-margin-y > .auto {
  height: auto;
}

.grid-margin-y > .shrink {
  height: auto;
}

.grid-margin-y > .small-1 {
  height: calc(8.33333% - 1.25rem);
}

.grid-margin-y > .small-2 {
  height: calc(16.66667% - 1.25rem);
}

.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}

.grid-margin-y > .small-4 {
  height: calc(33.33333% - 1.25rem);
}

.grid-margin-y > .small-5 {
  height: calc(41.66667% - 1.25rem);
}

.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}

.grid-margin-y > .small-7 {
  height: calc(58.33333% - 1.25rem);
}

.grid-margin-y > .small-8 {
  height: calc(66.66667% - 1.25rem);
}

.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}

.grid-margin-y > .small-10 {
  height: calc(83.33333% - 1.25rem);
}

.grid-margin-y > .small-11 {
  height: calc(91.66667% - 1.25rem);
}

.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem);
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.875rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.875rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.875rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.875rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.875rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.875rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.875rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.875rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.33333% - 1.875rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.66667% - 1.875rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.33333% - 1.875rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.66667% - 1.875rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.33333% - 1.875rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.66667% - 1.875rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.33333% - 1.875rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.66667% - 1.875rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }
}

@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.33333% - 1.875rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.66667% - 1.875rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.33333% - 1.875rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.66667% - 1.875rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.33333% - 1.875rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.66667% - 1.875rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.33333% - 1.875rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.66667% - 1.875rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }
}

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.25rem);
}

@media print, screen and (min-width: 40em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}

@media print, screen and (min-width: 64em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}

@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 0.9rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}

[data-whatinput='mouse'] .button {
  outline: 0;
}

.button.tiny {
  font-size: 0.6rem;
}

.button.small {
  font-size: 0.75rem;
}

.button.large {
  font-size: 1.25rem;
}

.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
  background-color: #1779ba;
  color: #fff;
}

.button:hover, .button:focus {
  background-color: #14679e;
  color: #fff;
}

.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
  background-color: #1779ba;
  color: #fff;
}

.button.primary:hover, .button.primary:focus {
  background-color: #126195;
  color: #fff;
}

.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
  background-color: #767676;
  color: #fff;
}

.button.secondary:hover, .button.secondary:focus {
  background-color: #5e5e5e;
  color: #fff;
}

.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
  background-color: #3adb76;
  color: #222222;
}

.button.success:hover, .button.success:focus {
  background-color: #22bb5b;
  color: #222222;
}

.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
  background-color: #ffae00;
  color: #222222;
}

.button.warning:hover, .button.warning:focus {
  background-color: #cc8b00;
  color: #222222;
}

.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
  background-color: #cc4b37;
  color: #fff;
}

.button.alert:hover, .button.alert:focus {
  background-color: #a53b2a;
  color: #fff;
}

.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
}

.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.hollow:hover, .button.hollow:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}

.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}

.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
  border: 1px solid #767676;
  color: #767676;
}

.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}

.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: #157539;
  color: #157539;
}

.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: #805700;
  color: #805700;
}

.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}

.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: #67251a;
  color: #67251a;
}

.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}

.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
  color: #1779ba;
}

.button.clear:hover, .button.clear:focus {
  color: #0c3d5d;
}

.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
  color: #1779ba;
}

.button.clear.primary:hover, .button.clear.primary:focus {
  color: #0c3d5d;
}

.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
  color: #767676;
}

.button.clear.secondary:hover, .button.clear.secondary:focus {
  color: #3b3b3b;
}

.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
  color: #3adb76;
}

.button.clear.success:hover, .button.clear.success:focus {
  color: #157539;
}

.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
  color: #ffae00;
}

.button.clear.warning:hover, .button.clear.warning:focus {
  color: #805700;
}

.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
  color: #cc4b37;
}

.button.clear.alert:hover, .button.clear.alert:focus {
  color: #67251a;
}

.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em;
  content: '';
  border-bottom-width: 0;
  border-color: #fff transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em;
}

.button.dropdown.hollow::after, .button.dropdown.clear::after {
  border-top-color: #1779ba;
}

.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
  border-top-color: #1779ba;
}

.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
  border-top-color: #767676;
}

.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
  border-top-color: #3adb76;
}

.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
  border-top-color: #ffae00;
}

.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
  border-top-color: #cc4b37;
}

.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}

a.button:hover, a.button:focus {
  text-decoration: none;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;
}

thead,
tbody,
tfoot {
  border: 1px solid #f2f2f2;
  background-color: #fff;
}

caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
}

thead {
  background: #f9f9f9;
  color: #222222;
}

tfoot {
  background: #f2f2f2;
  color: #222222;
}

thead tr,
tfoot tr {
  background: transparent;
}

thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f2f2f2;
}

table.unstriped tbody {
  background-color: #fff;
}

table.unstriped tbody tr {
  border-bottom: 1px solid #f2f2f2;
  background-color: #fff;
}

@media print, screen and (max-width: 63.99875em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover thead tr:hover {
  background-color: #f4f4f4;
}

table.hover tfoot tr:hover {
  background-color: #ededed;
}

table.hover tbody tr:hover {
  background-color: #fafafa;
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ededed;
}

.table-scroll {
  overflow-x: auto;
}

.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none;
}

.breadcrumbs::before, .breadcrumbs::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1;
}

.breadcrumbs::after {
  clear: both;
}

.breadcrumbs li {
  float: left;
  font-size: 0.6875rem;
  color: #222222;
  cursor: default;
  text-transform: uppercase;
}

.breadcrumbs li:not(:last-child)::after {
  position: relative;
  margin: 0 0.75rem;
  opacity: 1;
  content: "/";
  color: #cacaca;
}

.breadcrumbs a {
  color: #1779ba;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.breadcrumbs .disabled {
  color: #cacaca;
  cursor: not-allowed;
}

.accordion {
  margin-left: 0;
  background: #fff;
  list-style-type: none;
}

.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}

.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #1779ba;
}

:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0 0 0 0;
}

.accordion-title:hover, .accordion-title:focus {
  background-color: #e6e6e6;
}

.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}

.is-active > .accordion-title::before {
  content: "–";
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: #fff;
  color: #222222;
}

:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden;
}

.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.responsive-embed.widescreen,
.flex-video.widescreen {
  padding-bottom: 56.25%;
}

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden;
}

html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

html.is-reveal-open body {
  overflow-y: hidden;
}

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(34, 34, 34, 0.45);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fff;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

[data-whatinput='mouse'] .reveal {
  outline: 0;
}

@media print, screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}

.reveal .column {
  min-width: 0;
}

.reveal > :last-child {
  margin-bottom: 0;
}

@media print, screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 75rem;
  }
}

.reveal.collapse {
  padding: 0;
}

@media print, screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 75rem;
  }
}

@media print, screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 75rem;
  }
}

@media print, screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 75rem;
  }
}

.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}

@media print, screen and (max-width: 39.99875em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}

.reveal.without-overlay {
  position: fixed;
}

.sticky-container {
  position: relative;
}

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%;
}

.sticky.is-stuck.is-at-top {
  top: 0;
}

.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto;
}

.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1;
}

.clearfix::after {
  clear: both;
}

.align-left {
  justify-content: flex-start;
}

.align-right {
  justify-content: flex-end;
}

.align-center {
  justify-content: center;
}

.align-justify {
  justify-content: space-between;
}

.align-spaced {
  justify-content: space-around;
}

.align-left.vertical.menu > li > a {
  justify-content: flex-start;
}

.align-right.vertical.menu > li > a {
  justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
  justify-content: center;
}

.align-top {
  align-items: flex-start;
}

.align-self-top {
  align-self: flex-start;
}

.align-bottom {
  align-items: flex-end;
}

.align-self-bottom {
  align-self: flex-end;
}

.align-middle {
  align-items: center;
}

.align-self-middle {
  align-self: center;
}

.align-stretch {
  align-items: stretch;
}

.align-self-stretch {
  align-self: stretch;
}

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center;
}

.small-order-1 {
  order: 1;
}

.small-order-2 {
  order: 2;
}

.small-order-3 {
  order: 3;
}

.small-order-4 {
  order: 4;
}

.small-order-5 {
  order: 5;
}

.small-order-6 {
  order: 6;
}

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    order: 1;
  }
  .medium-order-2 {
    order: 2;
  }
  .medium-order-3 {
    order: 3;
  }
  .medium-order-4 {
    order: 4;
  }
  .medium-order-5 {
    order: 5;
  }
  .medium-order-6 {
    order: 6;
  }
}

@media print, screen and (min-width: 64em) {
  .large-order-1 {
    order: 1;
  }
  .large-order-2 {
    order: 2;
  }
  .large-order-3 {
    order: 3;
  }
  .large-order-4 {
    order: 4;
  }
  .large-order-5 {
    order: 5;
  }
  .large-order-6 {
    order: 6;
  }
}

.flex-container {
  display: flex;
}

.flex-child-auto {
  flex: 1 1 auto;
}

.flex-child-grow {
  flex: 1 0 auto;
}

.flex-child-shrink {
  flex: 0 1 auto;
}

.flex-dir-row {
  flex-direction: row;
}

.flex-dir-row-reverse {
  flex-direction: row-reverse;
}

.flex-dir-column {
  flex-direction: column;
}

.flex-dir-column-reverse {
  flex-direction: column-reverse;
}

@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: flex;
  }
  .medium-flex-child-auto {
    flex: 1 1 auto;
  }
  .medium-flex-child-grow {
    flex: 1 0 auto;
  }
  .medium-flex-child-shrink {
    flex: 0 1 auto;
  }
  .medium-flex-dir-row {
    flex-direction: row;
  }
  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .medium-flex-dir-column {
    flex-direction: column;
  }
  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}

@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: flex;
  }
  .large-flex-child-auto {
    flex: 1 1 auto;
  }
  .large-flex-child-grow {
    flex: 1 0 auto;
  }
  .large-flex-child-shrink {
    flex: 0 1 auto;
  }
  .large-flex-dir-row {
    flex-direction: row;
  }
  .large-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .large-flex-dir-column {
    flex-direction: column;
  }
  .large-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

@media print, screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}

@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}

@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}

@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

.show-for-dark-mode {
  display: none;
}

.hide-for-dark-mode {
  display: block;
}

@media screen and (prefers-color-scheme: dark) {
  .show-for-dark-mode {
    display: block !important;
  }
  .hide-for-dark-mode {
    display: none !important;
  }
}

.show-for-ie {
  display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .show-for-ie {
    display: block !important;
  }
  .hide-for-ie {
    display: none !important;
  }
}

.show-for-sticky {
  display: none;
}

.is-stuck .show-for-sticky {
  display: block;
}

.is-stuck .hide-for-sticky {
  display: none;
}

/* Vendor */
/* Global */
/* Tag */
html,
body {
  overflow-x: hidden;
}

body.is-locked {
  /*overflow: hidden;*/
}

html.hidden {
  overflow-y: hidden;
}

button {
  cursor: pointer;
}

button:focus {
  outline: none;
}

ul {
  margin: 0;
}

li {
  list-style: none;
}

p {
  margin-bottom: 0;
}

h1, .h1 {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 75em) {
  h1, .h1 {
    font-size: 2rem;
  }
}

.deco-h1 {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  font-family: "Noto Serif TC", "serif";
  margin-bottom: 1.25rem;
}

@media print, screen and (min-width: 40em) {
  .deco-h1 {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 75em) {
  .deco-h1 {
    font-size: 2rem;
  }
}

h2, .h2 {
  font-size: 1.375rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 40em) {
  h2, .h2 {
    font-size: 1.46875rem;
  }
}

@media screen and (min-width: 75em) {
  h2, .h2 {
    font-size: 1.5625rem;
  }
}

h3, .h3 {
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 40em) {
  h3, .h3 {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 75em) {
  h3, .h3 {
    font-size: 1.5rem;
  }
}

.deco-h3 {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  font-family: "Noto Serif TC", "serif";
}

@media print, screen and (min-width: 40em) {
  .deco-h3 {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 75em) {
  .deco-h3 {
    font-size: 1.5rem;
  }
}

h4, .h4 {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 40em) {
  h4, .h4 {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 75em) {
  h4, .h4 {
    font-size: 1.25rem;
  }
}

.deco-h4 {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  font-family: "Noto Serif TC", "serif";
}

@media print, screen and (min-width: 40em) {
  .deco-h4 {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 75em) {
  .deco-h4 {
    font-size: 1.25rem;
  }
}

h5, .h5 {
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 40em) {
  h5, .h5 {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 75em) {
  h5, .h5 {
    font-size: 1.125rem;
  }
}

h6, .h6 {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 40em) {
  h6, .h6 {
    font-size: 1rem;
  }
}

@media screen and (min-width: 75em) {
  h6, .h6 {
    font-size: 1rem;
  }
}

.deco-h6 {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  font-family: "Noto Serif TC", "serif";
}

@media print, screen and (min-width: 40em) {
  .deco-h6 {
    font-size: 1rem;
  }
}

@media screen and (min-width: 75em) {
  .deco-h6 {
    font-size: 1rem;
  }
}

.font-light {
  font-weight: 300;
}

.font-regular {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-bold {
  font-weight: 700;
}

.shadow {
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.04);
}

.hide-small {
  display: block;
}

@media print, screen and (max-width: 39.99875em) {
  .hide-small {
    display: none !important;
  }
}

.hide-medium {
  display: block;
}

@media print, screen and (max-width: 63.99875em) {
  .hide-medium {
    display: none !important;
  }
  .magazine-hide-medium{
    margin-top: 15px;border-top: 0.0625rem solid #d9d9d9;padding-top: 15px;
  }
}

.show-small {
  display: none;
}

@media print, screen and (max-width: 39.99875em) {
  .show-small {
    display: block;
  }
}

.show-medium {
  display: none;
}

@media print, screen and (max-width: 63.99875em) {
  .show-medium {
    display: block;
  }
}

.show-large {
  display: block;
}

@media print, screen and (max-width: 63.99875em) {
  .show-large {
    display: none;
  }
}

.mt-10 {
  margin-top: 0.625rem;
}

.pb-10 {
  padding-bottom: 0.625rem;
}

.mt-20 {
  margin-top: 1.25rem;
}

.pb-20 {
  padding-bottom: 1.25rem;
}

.mt-30 {
  margin-top: 1.875rem;
}

.pb-30 {
  padding-bottom: 1.875rem;
}

.mt-40 {
  margin-top: 2.5rem;
}

.pb-40 {
  padding-bottom: 2.5rem;
}

.mt-50 {
  margin-top: 3.125rem;
}

.pb-50 {
  padding-bottom: 3.125rem;
}

.mt-60 {
  margin-top: 3.75rem;
}

.pb-60 {
  padding-bottom: 3.75rem;
}

.mt-70 {
  margin-top: 4.375rem;
}

.pb-70 {
  padding-bottom: 4.375rem;
}

.mt-80 {
  margin-top: 5rem;
}

.pb-80 {
  padding-bottom: 5rem;
}

/* Section */
.main-wrapper {
  position: relative;
  min-height: 70vh;
}

.bt-30 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

@media print, screen and (max-width: 63.99875em) {
  .bt-30 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.bt-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

@media print, screen and (max-width: 63.99875em) {
  .bt-40 {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
}

.sec-lr {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

.sec-lr-news{
  padding-right: 0rem !important;
  padding-left: 0rem !important;
  margin-top: 10px !important;
  margin-bottom: 0rem !important;
}
.sec-lr-news .container {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  padding: 6px 1rem;
}

.sec-lr-news .container .newsletter-title{
  margin-bottom: 0.25rem !important;
  font-size: 15px;
}

.sec-lr-news .container .newsletter-form {
  margin:10px !important;
}

.sec-lr-news .container .newsletter-form .btn{
  min-width:5rem !important;
  width: 5.1rem !important;  
}

@media print, screen and (max-width: 39.99875em) {
  .sec-lr {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

.order-bt {
  padding-top: 2.5rem;
  padding-bottom: 5rem;
}

@media print, screen and (max-width: 63.99875em) {
  .order-bt {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
}

.pb-58 {
  padding-bottom: 2.5rem;
}

@media print, screen and (min-width: 40em) {
  .pb-58 {
    padding-bottom: 3.625rem;
  }
}

.pb-60 {
  padding-bottom: 2.5rem;
}

@media print, screen and (min-width: 40em) {
  .pb-60 {
    padding-bottom: 3.75rem;
  }
}

.container {
  margin: 0 auto;
  width: 88.75rem;
  max-width: 100%;
}

.container-page {
  margin: 0 auto;
  width: 70rem;
  max-width: 100%;
}

.container-order {
  margin: 0 auto;
  width: 50rem;
  max-width: 100%;
}

.favorite {
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.5s;
  background-image: url("../images/common/favorited.svg");
  cursor: pointer;
}

.favorite.is-active {
  transition: 0.5s;
  background-image: url("../images/common/favorited-fill.svg");
}

.img-tag {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00479d;
  color: #fff;
  padding: 0.375rem 0.5rem 0.4375rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1;
}

@media print, screen and (min-width: 40em) {
  .img-tag {
    top: 0.625rem;
    left: 0.625rem;
  }
}

.btn-single {
  display: flex;
  justify-content: center;
  margin-top: 1.875rem;
}

@media print, screen and (min-width: 40em) {
  .btn-single {
    margin-top: 2.5rem;
  }
}

.mt {
  margin-top: 3.0625rem;
}

@media print, screen and (min-width: 64em) {
  .mt {
    margin-top: 5.125rem;
  }
}

/* 反選顏色 | Selection */
::-moz-selection {
  color: #fff;
  background: #003b84;
}
::selection {
  color: #fff;
  background: #003b84;
}

::-moz-selection:window-inactive {
  color: #323232;
  background: #c5c5c5;
}

::selection:window-inactive {
  color: #323232;
  background: #c5c5c5;
}

.no-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.img-absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.img-rel {
  position: relative;
}

.img-deco {
  position: absolute;
  top: 0;
  left: 0;
}

.clamp, .clamp-1, .clamp-2, .clamp-3, .clamp-4, .clamp-5, .clamp-6 {
  --line-height: 1.5;
  position: relative;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  max-width: 100%;
  line-height: var(--line-height);
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.clamp, .clamp-1 {
  display: block;
  max-width: 100%;
  white-space: nowrap;
}

.clamp-2 {
  -webkit-line-clamp: 2;
  max-height: calc(1em * 1.6 * 2);
  max-height: calc(1em * var(--line-height) * 2);
}

.clamp-3 {
  -webkit-line-clamp: 3;
  max-height: calc(1em * 1.6 * 3);
  max-height: calc(1em * var(--line-height) * 3);
}

.clamp-4 {
  -webkit-line-clamp: 4;
  max-height: calc(1em * 1.6 * 4);
  max-height: calc(1em * var(--line-height) * 4);
}

.clamp-5 {
  -webkit-line-clamp: 5;
  max-height: calc(1em * 1.6 * 5);
  max-height: calc(1em * var(--line-height) * 5);
}

.clamp-6 {
  -webkit-line-clamp: 6;
  max-height: calc(1em * 1.6 * 6);
  max-height: calc(1em * var(--line-height) * 6);
}

/* object-fit */
.object-fit, .object-fit--contain {
  position: relative;
  display: block;
  overflow: hidden;
}

.object-fit::before, .object-fit--contain::before {
  content: '';
  display: block;
  padding-top: 100%;
}

.object-fit img, .object-fit--contain img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  -o-object-position: center center;
     object-position: center center;
  background-position: center center;
}

.object-fit img {
  -o-object-fit: cover;
     object-fit: cover;
  background-size: cover;
}

.object-fit--contain {
  background-position: center center;
  background-size: contain;
}

.object-fit--contain img {
  -o-object-fit: contain;
     object-fit: contain;
  background-size: contain;
}

.svg-def {
  position: absolute;
  top: -9999px;
  left: -9999px;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
  speak: never;
}

/* Keyframes */
/* Layout */
/* Loader */
.mobile-subscribe {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

@media print, screen and (max-width: 63.99875em) {
  .mobile-subscribe {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }
}

@media print, screen and (max-width: 39.99875em) {
  .mobile-subscribe {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}

.mobile-subscribe .btn {
  padding: 0.625rem 1.25rem 0.75rem;
  height: auto;
}

@media screen and (min-width: 23.4375em) {
  .mobile-subscribe .btn {
    padding: 0.125rem 0.625rem 0.125rem;
    height: auto;
  }
}

.header {
  position: relative;
  z-index: 16;
  background-color: #fff;
  border-top: 0.0625rem solid #d9d9d9;
}

.header .navbar-toggler {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  overflow: hidden;
  padding: 0.3125rem;
  width: 1.875rem;
  height: 1.875rem;
}

.header .navbar-toggler.open .icon-bar.top {
  transform: translateY(0) rotate(-45deg);
  transition: 0.3s;
}

.header .navbar-toggler.open .icon-bar.ctr {
  transform: scale(0);
  transition: 0.3s;
}

.header .navbar-toggler.open .icon-bar.btm {
  transform: translateY(0) rotate(45deg);
  transition: 0.3s;
}

.header .navbar-toggler .icon-bar {
  position: absolute;
  display: block;
  width: 1.375rem;
  height: 0.0625rem;
  background: #222;
  border-radius: 0.0625rem;
  transition: 0.3s;
}

.header .navbar-toggler .icon-bar.top {
  transform: translateY(-0.4375rem) rotate(0);
  transition: 0.3s;
}

.header .navbar-toggler .icon-bar.ctr {
  transition: 0.3s;
}

.header .navbar-toggler .icon-bar.btm {
  transform: translateY(0.4375rem) rotate(0);
  transition: 0.3s;
}

.header .member-box.is-click .be-icon-user {
  color: #1660cb;
}

.header-top {
  padding: 0.5625rem 0.875rem;
  background-color: #fff;
  border-bottom: 0.0625rem solid #d9d9d9;
}

@media print, screen and (min-width: 64em) {
  .header-top {
    padding-top: 0.9375rem;
    padding-bottom: 1.25rem;
    border-bottom: 0;
  }
}

/* @media screen and (min-width: 1024px) and (max-height: 700px) {
  .header-top {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
} */

.header-top.is-sticky {
  position: fixed;
  z-index: 15;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
}

.header-top .container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-top .logo {
  width: 49px;
  aspect-ratio: 49 / 34;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.header-bottom {
  position: relative;
  background-color: #fff;
  border-top: 0.0625rem solid #d9d9d9;
  border-bottom: 0.0625rem solid #d9d9d9;
}

@media print, screen and (min-width: 64em) {
  .header-bottom {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .header-top .logo {
    width: 63px;
    aspect-ratio: 63 / 45;
  }
}

@media screen and (min-width: 1024px) and (max-height: 700px) {
  .header-bottom {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}

.header-bottom.is-sticky {
  position: fixed;
  z-index: 16;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  transition: 0.5s;
}

.header-bottom.is-sticky .container {
  justify-content: space-between;
}

.header-bottom.is-show .logo {
  display: block;
}

.header-bottom.is-show .navbar-toggler {
  display: block;
  cursor: pointer;
}

.header-bottom.is-show .right-menu {
  display: flex;
}

.header-bottom .container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-bottom .logo {
  display: none;
}

.header-bottom .navbar-toggler {
  display: none;
  cursor: auto;
}

.header-bottom .right-menu {
  display: none;
}

.header-bottom .right-menu .member-box {
  margin: 0 0.9375rem;
}

@media screen and (min-width: 75em) {
  .header-bottom .right-menu .member-box {
    margin: 0 1.875rem;
  }
}

.header-ul {
  display: flex;
  align-items: center;
  margin: 0 -1.25rem;
}

.header-ul.is-hide {
  display: none;
}

.header-li {
  position: relative;
  margin: 0 0.25rem;
  padding: 0.3125rem 0.375rem;
  list-style: none;
  transition: 0.5s;
  cursor: pointer;
}

@media screen and (min-width: 87.5em) {
  .header-li {
    margin: 0 0.875rem;
  }
}

.header-li .submenu-ul {
  position: absolute;
  z-index: 1;
  top: 2.375rem;
  left: -0.625rem;
  display: none;
  overflow: auto;
  margin-left: 0;
  padding: 0.75rem 1.25rem;
  width: 11.25rem;
  max-height: 28.125rem;
  background: #fff;
  border: 0.0625rem solid #d9d9d9;
  transition: opacity 0.5s;
}

@media screen and (min-width: 87.5em) {
  .header-li .submenu-ul {
    left: -1.25rem;
  }
}

.header-li .submenu-ul.show {
  display: block;
}

.header-li .submenu-li:not(:last-of-type) {
  margin-bottom: 0.5rem;
  border-bottom: 0.0625rem solid #d9d9d9;
}

.header-li .submenu-li:last-of-type .submenu-link {
  padding-bottom: 0;
}

.header-li .submenu-li:hover .submenu-link {
  color: #1660cb;
}

.header-li .submenu-link {
  display: block;
  padding: 0 0.125rem 0.5rem;
  color: #000;
}

.header-link {
  font-size: 1.125rem;
}

@media print, screen and (max-width: 74.99875em) {
  .header-link {
    font-size: 1rem;
  }
}

.header-submenu_section {
  position: fixed;
  z-index: 17;
  top: 3rem;
  right: 0;
  left: 0;
  overflow: hidden;
  height: calc(100% - 49px);
  border-top: 0.0625rem solid #d9d9d9;
  opacity: 0;
  transform: translateX(-100%);
  transition: 0.5s;
  pointer-events: none;
}

@media print, screen and (min-width: 64em) {
  .header-submenu_section {
    top: 4.5rem;
    overflow-y: auto;
    width: auto;
    height: 100%;
    transform: translateY(-10px);
    transition: 0.5s;
  }
}

@media screen and (min-width: 1024px) and (max-height: 700px) {
  .header-submenu_section {
    top: 4.375rem;
  }
}

.header-submenu_section.is-open {
  height: calc(100% - 49px);
  opacity: 1;
  transform: translateX(0);
  transition: 0.5s;
  pointer-events: all;
}

@media print, screen and (min-width: 64em) {
  .header-submenu_section.is-open {
    opacity: 1;
    transform: translateY(0);
    transition: 0.5s;
  }
}

.header-submenu_overlay {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 34, 34, 0.1);
  transform: translate(-50%, -50%);
}

.header-submenu_cont {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
  height: 100%;
  background: linear-gradient(180deg, #f9fafc 0%, #fff 100%);
}

@media print, screen and (min-width: 64em) {
  .header-submenu_cont {
    padding: 2.5rem 1.25rem 1.5rem 1.25rem;
    height: auto;
  }
}

@media screen and (min-width: 1024px) and (max-height: 700px) {
  .header-submenu_cont {
    padding: 1.5rem 1.25rem;
  }
}

@media screen and (min-width: 1024px) and (max-height: 690px) {
  .header-submenu_cont {
    max-height: 75vh;
  }
}

.header-submenu_cont .container {
  overflow-y: auto;
}

@media print, screen and (max-width: 63.99875em) {
  .header-submenu_cont .container {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

@media print, screen and (max-width: 39.99875em) {
  .header-submenu_cont .container {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

.header-submenu_body {
  display: flex;
  flex-direction: column;
}

@media print, screen and (min-width: 64em) {
  .header-submenu_body {
    flex-direction: row;
  }
}

.header-submenu_box {
  width: 100%;
}

@media print, screen and (min-width: 64em) {
  .header-submenu_box {
    width: 20%;
  }

  .header-submenu_box:first-of-type{
    width: 32%;
  }
}

.header-submenu_box:not(:first-of-type) {
  position: relative;
  margin-top: 1.25rem;
  border: 0;
}

@media print, screen and (min-width: 64em) {
  .header-submenu_box:not(:first-of-type) {
    margin-top: 0;
    padding: 0.625rem 1.25rem;
    /* border-left: 0.0625rem solid #d9d9d9; */
  }
}

@media screen and (min-width: 75em) {
  .header-submenu_box:not(:first-of-type) {
    padding: 0.625rem 1.5rem 0.625rem 1.5rem;
  }
}

.header-submenu_box:not(:first-of-type)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 0.0625rem;
  background-color: #222;
  transform: translateX(-50%);
}

@media print, screen and (min-width: 64em) {
  .header-submenu_box:not(:first-of-type)::before {
    width: calc(100% - 40px);
  }
}

@media screen and (min-width: 75em) {
  .header-submenu_box:not(:first-of-type)::before {
    width: calc(100% - 3rem);
  }
}

.header-submenu_box .left-banner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.375rem;
  margin-left: -0.375rem;
  padding: 0;
}

@media print, screen and (min-width: 64em) {
  .header-submenu_box .left-banner {
    margin: 0;
    padding-right: 1.25rem;
  }
}

.header-submenu_box .submenu-banner {
  position: relative;
  margin: 0 0.375rem 0.75rem;
  width: 100%;
  max-width: calc(50% - 12px);
  border: 0.0625rem solid #b8b9ba;
}

@media print, screen and (min-width: 64em) {
  .header-submenu_box .submenu-banner {
    margin: 0;
    max-width: calc(50% - 10px);
  }
  .header-submenu_box .submenu-banner:nth-child(2n-1){
    margin-right: 10px;
  }
}

.header-submenu_box .submenu-banner{
  margin-bottom: 0.75rem;
}

@media print, screen and (min-width: 64em) {
  .header-submenu_box .submenu-banner {
    margin-bottom: 1.25rem;
  }
}

.header-submenu_box .submenu-banner.object-fit::before {
  padding-top: 42.85714%;
}

.header-submenu_box .submenu-banner:hover {
  background-color: #fff;
  border: 0.0625rem solid #1660cb;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.04);
}

.header-submenu_box .submenu-banner:hover .arrow-right {
  right: 7%;
  width: 2.125rem;
  opacity: 1;
  transition: 0.5s;
}

@media print, screen and (min-width: 40em) {
  .header-submenu_box .submenu-banner:hover .arrow-right {
    right: 15%;
  }
}

@media print, screen and (min-width: 64em) {
  .header-submenu_box .submenu-banner:hover .arrow-right {
    right: 1.125rem;
  }
}

.header-submenu_box .submenu-banner-txt {
  position: absolute;
  top: 50%;
  right: 7%;
  font-family: "Noto Serif TC", "serif";
  transform: translateY(-50%);
  font-size: 0.875rem;
}

@media print, screen and (min-width: 40em) {
  .header-submenu_box .submenu-banner-txt {
    font-size: 1.0625rem;
  }
}

@media screen and (min-width: 75em) {
  .header-submenu_box .submenu-banner-txt {
    font-size: 1.1rem;
  }
}

@media screen and (min-width: 31.25em) {
  .header-submenu_box .submenu-banner-txt {
    right: 5%;
  }
}

@media print, screen and (min-width: 40em) {
  .header-submenu_box .submenu-banner-txt {
    right: 15%;
  }
}

@media print, screen and (min-width: 64em) {
  .header-submenu_box .submenu-banner-txt {
    right: 8%;
    font-size: 1.1rem;
  }
}

@media print, screen and (max-width: 1440px)and (min-width:1197px)  {
  .header-submenu_box .submenu-banner-txt {
    font-size: 0.9rem;
  }
}

@media print, screen and (max-width: 1198px) and (min-width:1024px) {
  .header-submenu_box .submenu-banner-txt {
    font-size: 12px;
  }
}

.header-submenu_box .submenu-banner .arrow-right {
  position: absolute;
  top: 20%;
  right: 3.75rem;
  width: 2.125rem;
  opacity: 0;
  transition: 0.5s;
}

@media print, screen and (min-width: 40em) {
  .header-submenu_box .submenu-banner .arrow-right {
    top: 35%;
  }
}

@media print, screen and (min-width: 64em) {
  .header-submenu_box .submenu-banner .arrow-right {
    top: 20%;
  }
}

.header-submenu_box .submenu-banner .arrow-right.object-fit::before {
  padding-top: 17.64706%;
}

.header-submenu_box .menu-title {
  margin: 0.5rem 0 0.25rem;
  font-size: 1.25rem;
  font-family: "Noto Serif TC", "serif";
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 64em) {
  .header-submenu_box .menu-title {
    margin: 0 0 0.625rem;
  }
}

@media print, screen and (max-width: 63.99875em) {
  .header-submenu_box .menu-sty:not(:last-child) {
    border-bottom: 0.0625rem solid #d9d9d9;
  }
}

.header-submenu_box .menu-link {
  /* display: block; */
  font-size: 1rem;
  font-weight: 400;
  line-height: 2.75;
  color: #000;
  width: fit-content;
}

.header-submenu_box .menu-link_pc {
  display: none;
}

.header-submenu_box .menu-link_mobile {
  display: block;
}

@media print, screen and (min-width: 63.99875em) {
  .header-submenu_box .menu-link_mobile {
    display: none;
  }
  .header-submenu_box .menu-link_pc {
    display: block;
  }
}
@media print, screen and (min-width: 64em) {
  .header-submenu_box:nth-child(2){
    display: flex;
    flex-wrap: wrap;
    min-width: 204px;
  }

  .header-submenu_box .menu-link {
    line-height: 1.5;
    margin-bottom: 1rem;
    color: #000000;
    /* border-left: solid 2px #00479d; */
    /* padding-left: 10px; */
    
    transition:0.2s;
  }

  .header-submenu_box:nth-of-type(2) .menu-link_pc{
    width: 100%;
  }

  .header-submenu_box:nth-of-type(2) .js-mobile-box{
    width: 50%;
  }

  .header-submenu_box:nth-of-type(2) .js-mobile-box:nth-of-type(2n){
    padding-left:10px
  }

  .menu-link-item{
    display: flex;
  }

  /* .header-submenu_box:nth-of-type(3) .menu-link-item:before{
    content:"⏹︎";
    font-size: 9px;
    padding-top: 5px;
    padding-right: 10px;
    color: #c11920;
    transition:0.2s;
  } */

  .header-submenu_box:nth-of-type(3) .menu-link-item{
    padding-left: 7px;
    padding-bottom: 3px;
    border-left: solid 3px #1660cb;
  }

  /* .header-submenu_box .menu-link-item:hover::before{
    color: #1660cb;
  } */

  /* .header-submenu_box:nth-of-type(3) .menu-link-item:hover{
    border-left: solid 4px #1660cb;
  } */
}

@media print, screen and (min-width: 64em) {
  .header-submenu_box .menu-link:hover {
    color: #1660cb;
  }
}

.header-submenu_box .menu-link .tag {
  margin-left: 0.375rem;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #c11920;
}

.header-submenu_box .menu-link.hot::after {
  content: 'HOT';
}

.header-submenu_box .menu-link.new::after {
  content: 'NEW';
}

@media print, screen and (max-width: 63.99875em) {
  .header-submenu_box.mobile-sty .menu-link-box {
    display: flex;
    flex-wrap: wrap;
  }
  .header-submenu_box.mobile-sty .menu-title {
    margin-bottom: 0.625rem;
    padding-bottom: 0;
    font-size: 1rem;
    border-bottom: 0;
  }
  .header-submenu_box.mobile-sty .menu-link {
    margin: 0 0 0.625rem;
    width: 50%;
    font-size: 0.875rem;
    line-height: 2.1;
  }
}

@media print, screen and (max-width: 63.99875em) and (min-width: 64em) {
  .header-submenu_box.mobile-sty .menu-link {
    margin: 0;
  }
}

@media print, screen and (max-width: 63.99875em) {
  .header-submenu_box.mobile-sty .menu-link::before {
    content: none;
  }
}

.header-submenu_bottom {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  margin-top: 1.875rem;
  padding-top: 0;
  border-top: 0;
}

@media print, screen and (min-width: 64em) {
  .header-submenu_bottom {
    align-items: center;
    flex-direction: row;
    margin-top: 0rem;
    padding-top: 1.5rem;
    border-top: 0.0625rem solid #d9d9d9;
  }
}

@media screen and (min-width: 1024px) and (max-height: 700px) {
  .header-submenu_bottom {
    margin-top: 1.5625rem;
    padding-top: 1.5625rem;
  }
}

.header-submenu_bottom .btn {
  font-size: 1rem;
}

@media print, screen and (min-width: 40em) {
  .header-submenu_bottom .btn {
    font-size: 1.0625rem;
  }
}

@media screen and (min-width: 75em) {
  .header-submenu_bottom .btn {
    font-size: 1.125rem;
  }
}

@media print, screen and (max-width: 63.99875em) {
  .header-submenu_bottom .media_box {
    margin-top: 0.875rem;
    margin-bottom: 1.625rem;
  }
}

.header-submenu_bottom .media_icon {
  width: 2.75rem;
  height: 2.75rem;
}

.header-submenu_bottom .media_icon:not(:first-of-type) {
  margin-left: 1.875rem;
}

@media print, screen and (min-width: 64em) {
  .header-submenu_bottom .media_icon:not(:first-of-type) {
    margin-left: 1.5rem;
  }
}

.header-submenu_bottom .media_icon:hover {
  border: 0;
  transition: border 0.4s ease-in;
}

.header-submenu_bottom .media_icon .object-fit {
  width: 2.5rem;
}

.header-submenu_bottom .media_title {
  margin-top: 0.5rem;
  font-family: "Noto Serif TC", "serif";
  letter-spacing: 0.05em;
}

.header-submenu_bottom .info-txt-box {
  margin: 0.25rem 0 1.25rem;
}

.header-submenu_bottom .info-txt-box .info-txt {
  font-size: 0.875rem;
  line-height: 2.4;
  color: #000;
}

@media print, screen and (max-width: 63.99875em) {
  .header-submenu_mobile {
    width: 100%;
    border-top: 0.0625rem solid #222;
  }
}

.header-search {
  position: fixed;
  z-index: 17;
  top: 3rem;
  right: 0;
  left: 0;
  height: 100%;
  border-top: 0.0625rem solid #d9d9d9;
  opacity: 0;
  transform: translateY(-10px);
  transition: 0.5s;
  pointer-events: none;
}

@media print, screen and (min-width: 64em) {
  .header-search {
    top: 4.5rem;
  }
}

@media screen and (min-width: 1024px) and (max-height: 700px) {
  .header-search {
    top: 4.375rem;
    max-height: 40.625rem;
  }
}

.header-search.is-open {
  opacity: 1;
  transform: translateY(0);
  transition: 0.5s;
  pointer-events: all;
}

.header-search_cont {
  display: flex;
  justify-content: center;
  overflow: auto;
  padding: 1.25rem 1rem;
  height: calc(100vh - 49px);
  background: linear-gradient(180deg, #f9fafc 0%, #fff 100%);
}

@media print, screen and (min-width: 64em) {
  .header-search_cont {
    padding: 2.5rem 1.25rem;
    height: auto;
  }
}

.header-search_left {
  width: 100%;
}

.header-search_left form{
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  position: relative;
  border: 0.0625rem solid #d9d9d9;
  border-radius: 5px;
  overflow: hidden;
  background: white;
}

.search-input-delete{
  font-size: 1.875rem;
  cursor: pointer;
  padding-right: 10px;
  visibility: hidden;
}

.search-input-delete.is-show{
  visibility: visible;
}

.search-btn{
  padding: 0.7rem 1rem;
  background: #00479d;
  cursor: pointer;
}

.search-btn img{
  filter: brightness(0) invert(1);
  padding-right: 5px;
  width: 45px;
}

.search-page-search .search-btn img{
  width: 30px;
}

@media print, screen and (min-width: 64em) {
  .header-search_left {
    margin-right: 2.5rem;
    width: 82.03125%;
  }
}

@media screen and (min-width: 75em) {
  .header-search_left {
    width: 45.11278%;
  }
}

.header-search_left .promotion {
  margin-top: 1.875rem;
  padding-bottom: 8.5rem;
}

.header-search_right {
  width: 29.29688%;
}

.header-search_input:focus{
  border: none;
  box-shadow: none;
}

@media screen and (min-width: 75em) {
  .header-search_right {
    width: 16.11171%;
  }
}

.header-search_input {
  margin-bottom: 0rem;
  padding: 1.5rem 0rem 1.5rem 1.125rem;
  /* background: url("../images/header/search.png") #fff no-repeat 3% center; */
  border: none;
  box-shadow: none;
}

.header-search_input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

.header-search_input:-webkit-autofill {
  background-color: white !important;
  color: black !important;
  transition: background-color 5000s ease-in-out 0s; /* 避免瀏覽器自動填充恢復原色 */
}

.header-search_input::-moz-placeholder {
  color: #000;
  opacity: 0.6;
}

.header-search_input::placeholder {
  color: #000;
  opacity: 0.6;
}

.header-search_grid {
  align-items: center;
  justify-content: space-between;
  margin: 1.25rem 0;
}

.header-search_grid .pagination-nav {
  margin: 0;
}

.header-search_grid .pagination-item {
  width: 0.875rem;
  height: 0.875rem;
}

.header-search_p {
  letter-spacing: 0.05em;
}

.header-search_span {
  margin: 0 0.1875rem;
  color: #00479d;
}

.header-search_ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0 0 -1.25rem;
}

@media print, screen and (min-width: 64em) {
  .header-search_ul {
    flex-direction: row;
    margin: 0 -1.25rem -1.25rem;
  }
}

.header-search_img {
  margin: 1.25rem 0;
}

.header-search_img .object-fit::before {
  padding-top: 30.02915%;
}

@media print, screen and (min-width: 64em) {
  .header-search_img .object-fit::before {
    padding-top: 19.40476%;
  }
}

.header-search_deco {
  margin-bottom: 1.25rem;
  letter-spacing: 0.05em;
  margin-top: 14px;
}

.header-search_overlay {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 34, 34, 0.1);
  transform: translate(-50%, -50%);
}

.right-menu {
  display: flex;
  align-items: center;
}

.right-menu .header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  transition: 0.5s;
}

@media print, screen and (max-width: 87.49875em) {
  .right-menu .header-icon {
    transition: 0.5s;
  }
}

.right-menu .header-icon .be-icon {
  font-size: 1.875rem;
  color: #000;
}

.right-menu .header-icon .be-icon-search.is-hide {
  display: none;
}

.right-menu .header-icon .be-icon-close {
  display: none;
}

.right-menu .header-icon .be-icon-close.is-show {
  display: block;
}

.right-menu .member-box {
  position: relative;
  margin: 0 0.875rem;
}

@media print, screen and (min-width: 64em) {
  .right-menu .member-box {
    margin: 0 1.875rem;
    padding: 0.625rem 0;
  }
}

.right-menu .member-btn-box {
  position: relative;
}

.right-menu .member-btn-box .dot {
  position: absolute;
  top: -0.0625rem;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #c11920;
  border-radius: 50%;
}

.right-menu .member-submenu {
  position: absolute;
  z-index: 11;
  top: 2.375rem;
  right: -3.5rem;
  padding: 1.25rem 2.375rem 1.875rem;
  width: 99vw;
  height: auto;
  background: #fff;
  border: 0.0625rem solid #d9d9d9;
  opacity: 0;
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.04);
  transform: translateY(-10px);
  transition: 0.5s;
  pointer-events: none;
  cursor: auto;
}

@media print, screen and (min-width: 64em) {
  .right-menu .member-submenu {
    top: 3.125rem;
    display: initial;
    width: 22.4375rem;
    opacity: 0;
  }
}

@media screen and (min-width: 117.5em) {
  .right-menu .member-submenu {
    left: -2.1875rem;
  }
}

.right-menu .member-submenu.is-show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}

.right-menu .member-submenu::before {
  content: '▲';
  position: absolute;
  top: -1rem;
  right: 4.125rem;
  left: auto;
  font-size: 0.8125rem;
  color: #d9d9d9;
}

@media screen and (min-width: 117.5em) {
  .right-menu .member-submenu::before {
    left: 2.65625rem;
  }
}

.right-menu .member-submenu::after {
  content: '▲';
  position: absolute;
  top: -0.9375rem;
  right: 4.03125rem;
  color: #fff;
}

@media screen and (min-width: 117.5em) {
  .right-menu .member-submenu::after {
    left: 2.5625rem;
  }
}

.right-menu .member-submenu .submenu-title {
  margin-bottom: 0.375rem;
  font-family: "Noto Serif TC", "serif";
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 1.125rem;
}

@media print, screen and (min-width: 40em) {
  .right-menu .member-submenu .submenu-title {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 75em) {
  .right-menu .member-submenu .submenu-title {
    font-size: 1.25rem;
  }
}

.right-menu .member-submenu .submenu-txt {
  font-size: 0.875rem;
  margin-bottom: 1rem;
  text-align: center;
  letter-spacing: 0.05em;
  color: #72737b;
}

@media print, screen and (min-width: 40em) {
  .right-menu .member-submenu .submenu-txt {
    font-size: 0.9375rem;
  }
}

@media screen and (min-width: 75em) {
  .right-menu .member-submenu .submenu-txt {
    font-size: 1rem;
  }
}

.right-menu .member-submenu .submenu-btn {
  display: block;
  margin: 0;
  width: 100%;
  text-align: center;
  letter-spacing: 0.05em;
}

.right-menu .member-submenu .submenu-btn:not(:last-of-type) {
  margin-bottom: 0.625rem;
}

.member-menu {
  display: flex;
}

.member-menu .menu-link-box {
  width: 33.3333%;
}

.member-menu .menu-link-box .member-menu-link {
  width: 100%;
  border-right: 0;
}

.member-menu-link {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  width: 100%;
  width: 33.3333%;
  border-right: 0;
  border-right: 0.0625rem solid #d9d9d9;
  font-size: 0.875rem;
}

@media print, screen and (min-width: 40em) {
  .member-menu-link {
    font-size: 0.9375rem;
  }
}

@media screen and (min-width: 75em) {
  .member-menu-link {
    font-size: 1rem;
  }
}

.member-menu-link .be-icon {
  position: relative;
  margin-bottom: 0.25rem;
  font-size: 1.25rem;
}

@media print, screen and (min-width: 40em) {
  .member-menu-link .be-icon {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 75em) {
  .member-menu-link .be-icon {
    font-size: 1.5rem;
  }
}

.member-menu-link .be-icon .num {
  position: absolute;
  top: -0.5625rem;
  right: -0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0.75rem;
  color: #fff;
  background-color: #c11920;
  border-radius: 50%;
}

.member-menu-title {
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  font-family: "Noto Serif TC", "serif";
  text-align: center;
}

@media print, screen and (max-width: 63.99875em) {
  .fix-bottom .btn-group {
    display: flex;
    align-items: center;
  }
}

.fix-bottom .btn-group .btn {
  display: block;
  width: 100%;
  text-align: center;
}

.fix-bottom .btn-group .btn:not(:last-of-type) {
  margin-right: 0.0625rem;
}

.news-titlemed {
  margin-top: 1.25rem;
  padding-top: 0.375rem;
  font-size: 1rem;
  font-family: "Noto Serif TC", "serif";
  text-align: center;
  letter-spacing: 0.05em;
  border-top: 0.0625rem solid #222;
}

.news-ul {
  position: relative;
  overflow-y: auto;
  margin-bottom: 1.25rem;
  height: 14.6875rem;
}

@media print, screen and (min-width: 40em) {
  .news-ul {
    max-height: 400px;
  }
}

.news-info {
  display: block;
  padding-top: 0.625rem;
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid #d9d9d9;
  max-height: 4.8em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-p {
  display: block;
  text-align: left;
  letter-spacing: 0.05em;         
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
} 
  
.news-link {
  letter-spacing: 0.05em;
  color: #00479d;
}

@media print, screen and (max-width: 63.99875em) {
  .menu-link.js-mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.menu-link.js-mobile .be-icon {
  font-size: 0.75rem;
  color: #000;
  transition: 0.5s;
}

/* Footer */
.footer_top {
  display: flex;
  align-items: center;
  padding: 1.875rem 0;
  border-top: 0.0625rem solid #d9d9d9;
  border-bottom: 0.0625rem solid #d9d9d9;
}

.footer_top-box {
  display: flex;
  align-items: center;
  width: 50%;
}

.footer_top-box:first-of-type {
  justify-content: flex-end;
  padding-right: 3.125rem;
  border-right: 0.0625rem solid #222;
}

@media screen and (min-width: 75em) {
  .footer_top-box:first-of-type {
    padding-right: 4rem;
  }
}

.footer_top-box:last-of-type {
  padding-left: 3.125rem;
}

@media screen and (min-width: 75em) {
  .footer_top-box:last-of-type {
    padding-left: 4rem;
  }
}

.footer_top-box .f-p {
  font-size: 1.125rem;
  letter-spacing: 0.05em;
}

.footer_top-box .media_box {
  margin-left: 2.125rem;
}

@media screen and (min-width: 75em) {
  .footer_top-box .media_box {
    margin-left:3rem;
  }
}

.footer_top-box .media_icon {
  width: 2.75rem;
}

.footer_top-box .media_icon:not(:last-of-type) {
  margin-right: 1.4375rem;
}

@media screen and (min-width: 75em) {
  .footer_top-box .media_icon:not(:last-of-type) {
    margin-right: 2.875rem;
  }
}

.footer_top-box .media_icon .object-fit {
  width: 2.75rem;
}

.footer_top-box .btn {
  display: inline-block;
  margin-left: 2.03125rem;
}

@media screen and (min-width: 75em) {
  .footer_top-box .btn {
    margin-left: 2.25rem;
  }
}

.footer_bottom {
  padding-top: 1.875rem;
  padding-bottom: 5.25rem;
  background-color: #f1f2f6;
}

.footer_bottom .f-logo {
  text-align: center;
}

@media print, screen and (min-width: 64em) {
  .footer_bottom .f-logo {
    text-align: initial;
  }
}

.footer_bottom .f-logo .object-fit {
  width: 3.9375rem;
}

.footer_bottom .f-logo .object-fit::before {
  padding-top: 71.42857%;
}

.footer_bottom-box {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}

@media print, screen and (min-width: 64em) {
  .footer_bottom-box {
    justify-content: flex-start;
  }
}

.footer_bottom-left {
  display: flex;
}

.footer_bottom-left .fl-box {
  margin-right: 3.125rem;
  border-top: 0.0625rem solid #222;
  transition: 0.5s;
}

@media screen and (min-width: 75em) {
  .footer_bottom-left .fl-box {
    margin-right: 6.25rem;
  }
}

.footer_bottom-left .fl-box .f-title {
  padding-top: 0.625rem;
  padding-bottom: 1rem;
  font-size: 1rem;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.footer_bottom-left .fl-box .f-link {
  display: block;
  margin-right: 2.09375rem;
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
  white-space: nowrap;
  color: #000;
  transition: 0.5s;
}

@media screen and (min-width: 75em) {
  .footer_bottom-left .fl-box .f-link {
    margin-right: 4.1875rem;
  }
}

.footer_bottom-left .fl-box .f-link:not(:last-of-type) {
  margin-bottom: 1rem;
}

.footer_bottom-left .fl-box .f-link:hover {
  color: #1660cb;
}

.footer_bottom-left .fl-box .f-link_grid {
  display: flex;
}

.footer_bottom-right .fr-top {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 0.0625rem solid #d9d9d9;
}

@media print, screen and (min-width: 64em) {
  .footer_bottom-right .fr-top {
    justify-content: flex-start;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
}

.footer_bottom-right .fr-a {
  position: relative;
  font-size: 1rem;
  letter-spacing: 0.05em;
}

.footer_bottom-right .fr-a:not(:last-of-type) {
  margin-right: 1rem;
  padding-right: 1rem;
}

.footer_bottom-right .fr-a:not(:last-of-type)::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.25rem;
  height: 0.25rem;
  background-color: #222;
  border-radius: 50%;
  transform: translateY(-50%);
}

@media print, screen and (min-width: 64em) {
  .footer_bottom-right .fr-a:not(:last-of-type)::before {
    width: 0.0625rem;
    height: 0.75rem;
    background-color: rgba(34, 34, 34, 0.3);
  }
}

.footer_bottom-right .fr-medium {
  margin: 1.125rem 0;
}

.footer_bottom-right .fr-p {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 40em) {
  .footer_bottom-right .fr-p {
    display: block;
    margin-top: 0.375rem;
  }
}

.footer_bottom-right .fr-p:not(:last-of-type) {
  margin-bottom: 0.375rem;
}

.footer_bottom-right .fr-bottom {
  text-align: center;
}

@media print, screen and (min-width: 64em) {
  .footer_bottom-right .fr-bottom {
    text-align: left;
  }
}

.footer_bottom-right .fr-bottom .fr-a {
  padding: 0;
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
}

.footer_bottom-right .fr-bottom .fr-a:not(:last-of-type) {
  margin-right: 1.25rem;
}

.footer_bottom-right .fr-bottom .fr-a::before {
  content: none;
}

.footer .gotop {
  position: fixed;
  z-index: 10;
  bottom: 3rem;
  right: 1rem;
  display: none;
  width: 2.5rem;
  height: 2.5rem;
  background: #fff;
  border: 0.0625rem solid #b8b9ba;
  border-radius: 50%;
  cursor: pointer;
}

.footer .gotop-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.footer .gotop .be-icon {
  font-size: 2.5rem;
}

.footer-fix {
  z-index: 16;
  bottom: 0;
  right: 0;
  left: 0;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  background-color: #00479d;
}


.footer-fix_fixed {
  position: fixed;  
}

.footer-fix .close {
  position: absolute;
  top: 50%;
  right: 0.875rem;
  transform: translateY(-50%);
  display: none
}

.footer-fix.footer-fix_fixed .close{
  display: block;
}

.footer-fix .close .be-icon {
  font-size: 1.5rem;
  color: #fff;
}

.footer-fix .fx-a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 1.25rem;
}

.footer-fix .fx-p {
  font-size: 0.875rem;
  color: #fff;
}

body:has(#footer_ad) .footer .gotop{
  bottom: 4rem;
}

body:has(#floatAD) .footer .gotop{
  bottom: 7.75rem;
}

body:has(.innity-ad) .footer .gotop{
  bottom: 7.75rem;
}


.gotop-container {
  display: none;
  position: absolute;
}

@media print, screen and (min-width: 40em) {
  .footer-fix .fx-p {
    font-size: 0.9375rem;
  }
}

@media screen and (min-width: 75em) {
  .footer-fix .fx-p {
    font-size: 1rem;
  }
}

.order-header {
  position: fixed;
  z-index: 15;
  top: 0;
  right: 0;
  left: 0;
  padding-top: 0.375rem;
  padding-bottom: 0.5rem;
  background-color: #fff;
  border-bottom: 0.0625rem solid #d9d9d9;
}

@media print, screen and (min-width: 64em) {
  .order-header {
    padding-top: 0.9375rem;
    padding-bottom: 1.3125rem;
  }
}

.order-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.order-header_box {
  display: flex;
  align-items: center;
}

.order-header_nav {
  margin-left: 1rem;
}

.order-header_item {
  position: relative;
}

.order-header_item.is-open .be-icon {
  transform: rotate(-180deg);
  transition: 0.5s;
}

.order-header_a {
  display: flex;
  align-items: center;
}

.order-header_a .be-icon {
  margin-top: 0.125rem;
  margin-left: 0.625rem;
  font-size: 0.875rem;
  transition: 0.5s;
}

.order-header_a.is-not-blue {
  color: #000;
}

.order-header_dropdown {
  position: fixed;
  z-index: 17;
  top: 3.0625rem;
  right: 0;
  left: 0;
  margin-left: 0;
  padding: 1rem 1.25rem;
  height: calc(100vh - 49px);
  background: #fff;
  border-top: 0.0625rem solid #d9d9d9;
  opacity: 0;
  transform: translateX(-100%);
  transition: 0.5s;
  pointer-events: none;
}

@media print, screen and (min-width: 64em) {
  .order-header_dropdown {
    position: absolute;
    z-index: 1;
    top: 2.375rem;
    left: -0.625rem;
    padding: 0.75rem 1.25rem;
    width: 11.25rem;
    height: auto;
    max-height: 28.125rem;
    border: 0.0625rem solid #d9d9d9;
    transform: translateY(-10px);
  }
}

@media screen and (min-width: 87.5em) {
  .order-header_dropdown {
    left: -1.25rem;
  }
}

.order-header_dropdown.is-show {
  opacity: 1;
  transform: translateX(0);
  pointer-events: all;
}

@media print, screen and (min-width: 64em) {
  .order-header_dropdown.is-show {
    transform: translateY(0);
  }
}

.order-header_dropli:not(:last-of-type) {
  margin-bottom: 0.875rem;
  border-bottom: 0.0625rem solid #d9d9d9;
}

@media print, screen and (min-width: 64em) {
  .order-header_dropli:not(:last-of-type) {
    margin-bottom: 0.5rem;
  }
}

.order-header_dropli:first-of-type {
  margin-bottom: 0.25rem;
  border-bottom: 0;
}

@media print, screen and (min-width: 64em) {
  .order-header_dropli:first-of-type {
    margin-bottom: 0.5rem;
    border-bottom: 0.0625rem solid #d9d9d9;
  }
}

.order-header_dropli:last-of-type {
  margin-top: 1.875rem;
}

@media print, screen and (min-width: 64em) {
  .order-header_dropli:last-of-type {
    margin-top: 0;
  }
}

.order-header_dropli:last-of-type .order-header_dropa {
  padding-bottom: 0;
}

.order-header_dropli:first-of-type .order-header_dropa, .order-header_dropli:last-of-type .order-header_dropa {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row-reverse;
  padding-left: 0;
  font-size: 1.25rem;
  font-family: "Noto Serif TC", "serif";
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #000;
}

@media print, screen and (min-width: 64em) {
  .order-header_dropli:first-of-type .order-header_dropa, .order-header_dropli:last-of-type .order-header_dropa {
    font-size: 1rem;
    font-family: "Noto Sans TC", "sans-serif";
    font-weight: 400;
  }
}

.order-header_dropli:first-of-type .order-header_dropa:hover, .order-header_dropli:last-of-type .order-header_dropa:hover {
  color: #00479d;
}

.order-header_dropa {
  display: block;
  padding-bottom: 0.875rem;
  padding-left: 1.625rem;
  color: #000;
}

@media print, screen and (min-width: 64em) {
  .order-header_dropa {
    padding: 0 0.125rem 0.5rem;
    color: #000;
  }
}

.order-header_dropa .be-icon {
  margin-right: 0.375rem;
}

.order-header_shopping {
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
}

.order-header_icon {
  position: relative;
  margin-right: 0.25rem;
}

.order-header_icon .be-icon {
  font-size: 1.875rem;
}

.order-header_span {
  position: absolute;
  top: -0.1875rem;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.03125rem;
  width: 1rem;
  height: 1rem;
  font-size: 0.75rem;
  color: #fff;
  background-color: #c11920;
  border-radius: 50%;
}

.order-header_p {
  letter-spacing: 0.05em;
}

.order-header_toggler {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  overflow: hidden;
  padding: 0.3125rem;
  width: 1.875rem;
  height: 1.875rem;
}

@media print, screen and (min-width: 64em) {
  .order-header_toggler {
    display: none;
  }
}

.order-header_toggler.is-open .icon-bar.top {
  transform: translateY(0) rotate(-45deg);
  transition: 0.3s;
}

.order-header_toggler.is-open .icon-bar.ctr {
  transform: scale(0);
  transition: 0.3s;
}

.order-header_toggler.is-open .icon-bar.btm {
  transform: translateY(0) rotate(45deg);
  transition: 0.3s;
}

.order-header_toggler .icon-bar {
  position: absolute;
  display: block;
  width: 1.375rem;
  height: 0.0625rem;
  background: #222;
  border-radius: 0.0625rem;
  transition: 0.3s;
}

.order-header_toggler .icon-bar.top {
  transform: translateY(-0.4375rem) rotate(0);
  transition: 0.3s;
}

.order-header_toggler .icon-bar.ctr {
  transition: 0.3s;
}

.order-header_toggler .icon-bar.btm {
  transform: translateY(0.4375rem) rotate(0);
  transition: 0.3s;
}

.order-footer {
  padding-top: 1.25rem;
  padding-bottom: 6.25rem;
  background-color: #f1f2f6;
}

@media print, screen and (min-width: 40em) {
  .order-footer {
    padding-top: 1.875rem;
    padding-bottom: 2.25rem;
  }
}

.order-footer_box {
  --txt-margin: 1.25rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 1.25rem;
  margin-right: calc(var(--txt-margin) * -1);
  margin-left: calc(var(--txt-margin) * -1);
  padding-bottom: 1.25rem;
  border-bottom: 0.0625rem solid #d9d9d9;
}

@media screen and (min-width: 75em) {
  .order-footer_box {
    justify-content: center;
    flex-direction: row;
    padding-bottom: 0;
    border-bottom: 0;
  }
}

.order-footer_box .order-footer_p {
  margin-bottom: rem-cacl(6);
  margin-right: var(--txt-margin);
  margin-left: var(--txt-margin);
}

@media screen and (min-width: 75em) {
  .order-footer_box .order-footer_p {
    margin-bottom: 0;
  }
}

.order-footer_p {
  font-size: 0.875rem;
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 40em) {
  .order-footer_p {
    font-size: 0.90625rem;
  }
}

@media screen and (min-width: 75em) {
  .order-footer_p {
    font-size: 0.9375rem;
  }
}

/* Components */
.modal {
  position: fixed;
  z-index: 999;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: none;
  opacity: 0;
  transition: 0.3s;
}

.modal.is-show {
  overflow: hidden;
  opacity: 1;
}

.modal[data-modal-animation='fade-down'].is-show .modal-content {
  opacity: 1;
  transform: translate(0, 0);
  transition: 0.5s 0.2s;
}

.modal[data-modal-animation='fade-down'] .modal-content {
  opacity: 0;
  transform: translate(0, -1.25rem);
  transition: 0.5s;
}

.modal[data-modal-size='xs'] .modal-content {
  max-width: 18.75rem;
}

.modal[data-modal-size='s'] .modal-content {
  max-width: 22.5rem;
}

.modal[data-modal-size='xl'] .modal-content {
  max-width: 75rem;
}

.modal-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.06);
}

.modal-bg2 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.modal-container {
  position: relative;
  z-index: 2;
  display: flex;
  overflow-y: auto;
  padding-top: 3rem;
  padding-bottom: 3rem;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.modal-content {
  position: relative;
  margin: auto;
  width: 90%;
  background-color: #fff;
  pointer-events: auto;
}

.modal-content.pd-def {
  padding: 2.5rem 1.25rem;
}

@media print, screen and (min-width: 40em) {
  .modal-content.pd-def {
    padding: 2.5rem 3.75rem;
  }
}

.modal-content .btn {
  width: 7.1875rem;
}

@media print, screen and (min-width: 64em) {
  .modal-content .btn {
    padding: 0.3125rem;
  }
}

.modal-close {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  font-size: 1.875rem;
}

.modal-btn-group {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.25rem;
}

.modal-btn-group .btn:not(:last-child) {
  margin-right: 0.625rem;
}

.modal-title {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  color: #00479d;
}

@media print, screen and (min-width: 40em) {
  .modal-title {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 75em) {
  .modal-title {
    font-size: 1.5rem;
  }
}

.modal-txt {
  letter-spacing: 0.05em;
}

/* stylelint-disable-next-line selector-max-id */
.idle {
  --content-max-width: 60.625rem;
  --card-padding-x: 0;
  --card-padding-y: 1.25rem;
}

@media print, screen and (min-width: 40em) {
  .idle {
    --card-padding-x: 1.25rem;
  }
}

.idle .modal-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}

.idle-wrapper {
  flex: 1;
  overflow-y: auto;
  margin-right: auto;
  margin-left: auto;
  max-width: var(--content-max-width);
}

.idle-article {
  overflow: hidden;
  width: 100%;
}

.idle-list {
  margin: calc(var(--card-padding-y) * -1) calc(var(--card-padding-x) * -1);
}

@media print, screen and (min-width: 40em) {
  .idle-list {
    display: flex;
    flex-wrap: wrap;
  }
}

.idle-card {
  position: relative;
}

@media print, screen and (min-width: 40em) {
  .idle-card {
    width: 50%;
  }
}

.idle-card::before {
  content: '';
  position: absolute;
  bottom: 0;
  display: block;
  width: calc(100% - var(--card-padding-x));
  height: 1px;
  background-color: #d9d9d9;
}

.idle-card:nth-child(odd)::before {
  left: var(--card-padding-x);
}

@media print, screen and (min-width: 40em) {
  .idle-card:nth-child(odd)::after {
    content: '';
    position: absolute;
    top: var(--card-padding-y);
    right: 0;
    display: block;
    width: 1px;
    height: calc(100% - var(--card-padding-y) * 2);
    background-color: #d9d9d9;
  }
}

.idle-card:nth-child(even)::before {
  right: var(--card-padding-x);
}

.idle-card:last-child::before {
  display: none;
}

@media print, screen and (min-width: 40em) {
  .idle-card:nth-last-child(2)::before {
    display: none;
  }
}

.idle-sp {
  margin-right: auto;
  margin-left: auto;
  padding-top: calc(var(--card-padding-y) + 1.25rem);
  width: 100%;
  max-width: var(--content-max-width);
  flex-shrink: 0;
}

.page_h1 {
  margin-bottom: 1.25rem;
}

.page_p {
  margin-bottom: 1.875rem;
  line-height: 1.5;
  color: #000;
}

@media print, screen and (min-width: 40em) {
  .page_p {
    margin-bottom: 2.5rem;
  }
}

.breadcrumbs {
  display: flex;
  align-items: center;
  margin: 0.5rem 0 0;
}

.breadcrumbs_item:last-of-type {
  flex: 1;
  width: 22%;
}

@media print, screen and (max-width: 39.99875em) {
  .breadcrumbs_item:last-of-type .breadcrumbs_link {
    display: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.breadcrumbs_link {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  white-space: nowrap;
  color: #000 !important;
}

.breadcrumbs_link:hover {
  text-decoration: none !important;
}

.breadcrumbs_link .be-icon {
  margin: 0 0.35rem;
  font-size: 0.75rem;
}

a.breadcrumbs_link:hover {
  color: #1660cb !important;
}

.pagination-nav {
  margin: 1.875rem 0;
}

@media print, screen and (min-width: 40em) {
  .pagination-nav {
    margin: 2.5rem 0;
  }
}

.pagination-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.3125rem;
  padding: 0.625rem;
  width: 1.875rem;
  height: 1.875rem;
  transition: 0.5s;
  cursor: pointer;
}

@media print, screen and (min-width: 40em) {
  .pagination-item {
    margin: 0 0.625rem;
    padding: 0.75rem 0.9375rem;
    width: 2.5rem;
    height: 2.5rem;
  }
}

.pagination-item:hover {
  transition: 0.5s;
}

.pagination-item:hover .pagination-link {
  font-weight: 500;
  color: #1660cb;
  transition: 0.5s;
}

.pagination-item:hover.next, .pagination-item:hover.previous {
  transition: 0.5s;
}

.pagination-item:hover.next .pagination-link, .pagination-item:hover.previous .pagination-link {
  transition: 0.5s;
}

.pagination-item .pagination-link {
  color: #000;
  transition: 0.5s;
}

.pagination-item.next, .pagination-item.previous {
  font-size: 1rem;
}

@media print, screen and (min-width: 40em) {
  .pagination-item.next, .pagination-item.previous {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 75em) {
  .pagination-item.next, .pagination-item.previous {
    font-size: 1.25rem;
  }
}

.pagination-item.next .pagination-link, .pagination-item.previous .pagination-link {
  color: #000;
}

.pagination-item.next .pagination-link:hover, .pagination-item.previous .pagination-link:hover {
  color: #1660cb;
}

.pagination-item.current {
  position: relative;
  pointer-events: none;
}

.pagination-item.current::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1.25rem;
  height: 0.125rem;
  background-color: #222;
  transform: translateX(-50%);
}

.pagination-item.current .pagination-link {
  font-weight: 500;
  color: #000;
}

.pagination-item.disabled {
  pointer-events: none;
}

.pagination-item.disabled .pagination-link {
  opacity: 0.5;
}

.pagination-link {
  font-size: 0.875rem;
}

@media print, screen and (min-width: 40em) {
  .pagination-link {
    font-size: 0.9375rem;
  }
}

@media screen and (min-width: 75em) {
  .pagination-link {
    font-size: 1rem;
  }
}

.pagination-li {
  position: relative;
  letter-spacing: 0.05em;
  color: #000;
}

.pagination-txt {
  position: absolute;
  top: 2.8125rem;
  left: 0;
  padding: 1rem 0.625rem;
  width: 15.625rem;
  color: #000;
  background-color: #fff;
  border: 0.0625rem solid #d9d9d9;
  transform: translateX(-60%);
}

@media screen and (min-width: 23.4375em) {
  .pagination-txt {
    width: 21.4375rem;
    transform: translateX(-58%);
  }
}

@media print, screen and (min-width: 40em) {
  .pagination-txt {
    width: 21.4375rem;
  }
}

@media print, screen and (min-width: 64em) {
  .pagination-txt {
    left: 50%;
    width: 30rem;
    transform: translateX(-50%);
  }
}

.pagination-txt::before {
  content: url("../images/article/triangle.png");
  position: absolute;
  top: -1.125rem;
  right: 28%;
}

@media print, screen and (min-width: 64em) {
  .pagination-txt::before {
    left: 50%;
    transform: translateX(-50%);
  }
}

.pagination-login {
  letter-spacing: 0.05em;
  color: #00479d;
}

@-webkit-keyframes arrowDown {
  0% {
    transform: translate(0, 0);
  }
  50%,
  100% {
    transform: translate(0, 0.25rem);
  }
}

@keyframes arrowDown {
  0% {
    transform: translate(0, 0);
  }
  50%,
  100% {
    transform: translate(0, 0.25rem);
  }
}

.btn {
  display: inline-block;
  padding: 0.5rem 1.25rem;
  min-width: 5rem;
  height: 2.75rem;
  text-align: center;
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 64em) {
  .btn {
    padding: 0.375rem 1.5rem;
    min-width: 6.25rem;
    height: 2.375rem;
  }
}

.btn:hover .arrow::before, .btn:hover .arrow::after {
  border: 0.0625rem solid #fff;
}

.btn.border-white {
  color: #fff;
  border: 0.0625rem solid #fff;
  transition: 0.5s;
}

.btn.border-white:hover {
  color: #fff;
  background-color: #1660cb;
  transition: 0.5s;
}

.btn.border-blue {
  color: #00479d;
  background: #fff;
  border: 0.0625rem solid #00479d;
  transition: 0.5s;
}

.btn.border-blue:hover {
  border: 0.0625rem solid #1660cb;
  color: #fff;
  background-color: #1660cb;
  transition: 0.5s;
}

.btn.border-brown {
  color: #472420;
  border: 0.0625rem solid #472420;
  transition: 0.5s;
}

.btn.sty-blue {
  color: #fff;
  background: #00479d;
  transition: 0.5s;
}

.btn.sty-blue:hover {
  color: #fff;
  background-color: #1660cb;
  transition: 0.5s;
}

.btn.sty-blue-limit {
  color: #fff;
  background: #00479d;
  transition: 0.5s;
  text-decoration: none;height: auto;
}

.btn.sty-blue-limit:hover {
  color: #fff;
  background-color: #1660cb;
  transition: 0.5s;
}

.btn.sty-red {
  color: #fff;
  transition: 0.5s;
}

.btn.sty-red:hover {
  transition: 0.5s;
}

.btn.l-red {
  padding: 0.15625rem 0.8125rem;
  height: inherit;
  font-size: 0.875rem;
  color: #00479d;
  border: 0.0625rem solid #00479d;
  transition: 0.5s;
}

.btn.l-red:hover {
  color: #fff;
  transition: 0.5s;
}

.btn.text-blue {
  color: #00479d;
}

.btn.has-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn .arrow {
  position: relative;
  width: 1.25rem;
  height: 0.375rem;
}

.btn .arrow::before {
  content: '';
  position: absolute;
  top: 50%;
  width: 1.25rem;
  border: 0.0625rem solid #00479d;
  transform: translateY(-50%);
}

.btn .arrow::after {
  content: '';
  position: absolute;
  top: -0.0625rem;
  right: -0.75rem;
  width: 0.625rem;
  border: 0.0625rem solid #00479d;
  transform: rotate(41deg);
}

.btn .be-icon {
  margin-right: 0.125rem;
  font-size: 1.5rem;
}

.btn.disabled {
  pointer-events: none;
  background-color: #dddddd;
}

.btn.disabled:hover {
  background-color: #dddddd;
}

.load-btn:hover i {
  -webkit-animation: arrowDown 1s infinite;
          animation: arrowDown 1s infinite;
}

.load-btn i {
  display: inline-block;
  margin-right: 0.5rem;
  font-size: 0.875rem;
  transition: transform 0.3s;
}

.track-btn {
  padding: 0.375rem 1rem;
  min-width: 8rem;
  color: #00479d;
  border: 1px solid #00479d;
}

@media print, screen and (min-width: 64em) {
  .track-btn:hover {
    color: #fff;
    background-color: #1660cb;
    transition: 0.5s;
  }
}

.track-btn.is-active {
  color: #fff;
  background-color: #00479d;
}

.track-btn.is-active .text.follow {
  display: block;
}

.track-btn.is-active .text.unfollow {
  display: none;
}

.track-btn .text.follow {
  display: none;
}

.track-btn .text i {
  margin-right: 0.25rem;
  font-size: 16px;    
}

.btn-group {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-group .btn {
  width: 9.25rem;
}

@media print, screen and (min-width: 64em) {
  .btn-group .btn {
    width: auto;
  }
}

.btn-group .btn:first-of-type {
  margin-right: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .btn-group .btn:first-of-type {
    margin-right: 1.25rem;
  }
}

.tag-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.15rem;
  margin-right: -0.375rem;
  margin-left: -0.375rem;  
}

.tag-group .btn-tag {
  margin: 0 0.375rem 0.75rem;
}

.btn-tag {
  margin-bottom: 0.75rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #00479d;
  background-color: #fff;
  border: 0.0625rem solid #b8b9ba;
}

.btn-tag:hover {
  color: #fff;
  background-color: #1660cb;
  transition: 0.5s;
  border: 0.0625rem solid #1660cb;
}

.podcast-taggrouop {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.podcast-tag {
  display: flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  color: #00479d;
}

.podcast-tag .line {
  margin-right: 0.375rem;
  width: 0.75rem;
  height: 0.0625rem;
  background-color: #00479d;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  content: none !important;
}

.media_box {
  display: flex;
  align-items: center;
}

@media print, screen and (max-width: 63.99875em) {
  .media_box.mobile .img:first-of-type {
    opacity: 0;
  }
  .media_box.mobile .img:last-of-type {
    opacity: 1;
  }
}

.media_icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.media_icon .img:last-of-type {
  opacity: 0;
}

.media_icon:hover .img:first-of-type {
  opacity: 0;
  transition: opacity 0.4s ease-in;
}

.media_icon:hover .img:last-of-type {
  opacity: 1;
  transition: opacity 0.4s ease-in;
}

.mobile-ul {
  display: none;
}

@media print, screen and (max-width: 63.99875em) {
  .mobile-ul {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

.mobile-ul .mobile-li {
  display: block;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
}

.mobile-ul .mobile-li:first-of-type {
  margin-top: 0.4375rem;
}

.js-mobile-box.bg {
  position: relative;
  background-color: #f1f2f6;
}

.js-mobile-box.bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: -1rem;
  width: 1rem;
  height: 100%;
  background-color: #f1f2f6;
}

@media print, screen and (min-width: 40em) {
  .js-mobile-box.bg::before {
    left: -1.25rem;
    width: 1.25rem;
  }
}

.js-mobile-box.bg::after {
  content: '';
  position: absolute;
  top: 0;
  right: -1rem;
  width: 1rem;
  height: 100%;
  background-color: #f1f2f6;
}

@media print, screen and (min-width: 40em) {
  .js-mobile-box.bg::after {
    right: -1.25rem;
    width: 1.25rem;
  }
}

.js-mobile-box.bg .menu-link::before {
  content: none;
}

.js-mobile-box.bg .menu-link .be-icon {
  transform: rotate(180deg);
  transition: 0.5s;
}

.tab_ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  text-align: center;
  white-space: nowrap;
}

@media print, screen and (min-width: 40em) {
  .tab_ul {
    margin-bottom: 2.5rem;
  }
}

.tab_ul.overflow {
  display: block;
  overflow-y: auto;
  text-align: center;
  white-space: nowrap;
}

.tab_ul.overflow .tab_li {
  display: inline-block;
}

.tab_li {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 1.25rem;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

.tab_li.is-active .tab_title {
  color: #000;
}

.tab_li:not(:last-of-type)::before {
  content: '';
  position: absolute;
  top: 50%;
  right: -1.25rem;
  width: 0.0625rem;
  height: 1.125rem;
  background-color: #222;
  transform: translateY(-50%);
}

.tab_title {
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  color: rgba(34, 34, 34, 0.4);
}

.tab_tag {
  margin-top: 0.125rem;
  margin-left: 0.375rem;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #c11920;
}

.tab_inner_li {
  counter-increment: listStyle;
}

.tab_inner_li:not(:last-of-type) {
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 0.0625rem solid #d9d9d9;
}

.tab_inner_li:hover .tab_inner_title {
  color: #1660cb;
}

.tab_inner_li:hover .img {
  transform: scale(1.1);
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.tab_inner_li .object-fit {
  width: 6.8rem;
  flex-shrink: 0;
}

.tab_inner_li .object-fit::before {
  padding-top: 74.71264%;
}

.tab_inner_li .object-fit .img {
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.tab_inner_a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tab_inner_title {
  margin-right: 1.25rem;
  font-size: 16px;
  text-align: justify;
  letter-spacing: 0.05em;
  color: #000;
}

.tab_link {
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media print, screen and (min-width: 40em) {
  .tab_link {
    font-size: 0.9375rem;
  }
}

@media screen and (min-width: 75em) {
  .tab_link {
    font-size: 1rem;
  }
}

.tab_link:hover .be-icon {
  color: #1660cb;
}

.tab_link .be-icon {
  margin-top: 0.1875rem;
  font-size: 0.75rem;
}

.page_tab {
  margin: 1.875rem 0;
}

.page_tab .tab_ul {
  justify-content: center;
  border-bottom: 0.0625rem solid #b8b9ba;
}

.page_tab .tab_li {
  padding: 0 0.625rem 0.625rem;
  width: auto;
}

@media print, screen and (min-width: 40em) {
  .page_tab .tab_li {
    padding: 0 2rem 0.46875rem;
  }
}

.page_tab .tab_title {
  font-size: 1.125rem;
}

@media print, screen and (min-width: 40em) {
  .page_tab .tab_title {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 75em) {
  .page_tab .tab_title {
    font-size: 1.25rem;
  }
}

.title-box {
  display: flex;
  align-items: center;
  padding: 0.625rem 0 0.5625rem;
  border-top: 0.0625rem solid #222;
}

.title-box .news-title {
  font-family: "Noto Serif TC", "serif";
  letter-spacing: 0.05em;
}

.title-box .be-icon {
  margin-top: 0.15625rem;
  margin-left: 0.25rem;
  font-size: 1.25rem;
  transition: 0.3s;
}

.title-box:hover .be-icon {
  transform: translate(0.5rem, 0);
}

.newsf-lashes_li {
  padding: 0.575rem 0;
}

.newsf-lashes_li:first-of-type {
  padding-top: 0;
}

.newsf-lashes_li:last-of-type {
  padding-bottom: 0;
}

.newsf-lashes_li:not(:last-of-type) {
  border-bottom: 0.0625rem solid #d9d9d9;
}

.newsf-lashes_li:hover .newsf-lashes_p {
  color: #1660cb;
}

.newsf-lashes_li .pr_span {
  margin-left: 0.1875rem;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #72737b;
}

.newsf-lashes_a {
  display: flex;
  align-items: center;
}

.newsf-lashes_p {
  position: relative;
  display: -webkit-box;
  overflow: hidden;
  padding-left: 1rem;
  font-size: 1rem;
  text-overflow: ellipsis;
  letter-spacing: 0.05em;
  color: #000;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media print, screen and (min-width: 40em) {
  .newsf-lashes_p {
    -webkit-line-clamp: 1;
  }
}

.newsf-lashes_p::before {
  content: '';
  position: absolute;
  top: 0.5625rem;
  left: 0;
  width: 0.375rem;
  height: 0.375rem;
  background-color: #c11920;
  transform: none;
}

@media print, screen and (min-width: 40em) {
  .newsf-lashes_p::before {
    top: 50%;
    transform: translateY(-50%);
  }
}

.periodical_span {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  white-space: nowrap;
  color: #00479d;
}

.periodical_p {
  display: block;
  font-size: 18px;
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 64em) {
  .periodical_p {
    color: #000;
  }
}

.periodical_p:hover {
  color: #1660cb;
}

.article-li:not(:last-of-type) {
  border-bottom: 0.0625rem solid #d9d9d9;
}

.article-li:hover .article-title {
  color: #00479d;
}

.article-title {
  margin-bottom: 0.25rem;
  font-size: 1rem;
  letter-spacing: 0.05em;
  color: #000;
}

.article-txt {
  font-size: 0.875rem;
  font-family: "Noto Sans TC", "sans-serif";
  letter-spacing: 0.05em;
  color: #72737b;
}

.item-card {
  display: flex;
}

.item-card:hover .img {
  transform: scale(1.1);
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.item-card_photo {
  position: relative;
  margin-right: 1.25rem;
  width: 9.25rem;
  flex-shrink: 0;
}

.item-card_photo .object-fit::before {
  padding-top: 75%;
}

.item-card_photo .img {
  transition: 0.5s;
}

.item-card_content {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media print, screen and (min-width: 40em) {
  .item-card_content {
    justify-content: space-between;
  }
}

.item-card_content > .grid-x {
  justify-content: space-between;
}

@media print, screen and (min-width: 40em) {
  .item-card_content > .grid-x .item-card_bottom {
    display: flex;
    align-items: center;
  }
}

.item-card_grid {
  justify-content: space-between;
  margin-top: 0.5rem;
}

@media print, screen and (min-width: 40em) {
  .item-card_grid {
    margin-top: 0;
  }
}

.item-card_fav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.25rem;
}

@media print, screen and (min-width: 64em) {
  .item-card_fav {
    margin-top: 0.5rem;
  }
}

.item-card_title {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 40em) {
  .item-card_title {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 75em) {
  .item-card_title {
    font-size: 1.25rem;
  }
}

@media print, screen and (min-width: 40em) {
  .item-card_title {
    margin-bottom: 0.25rem;
  }
}

.item-card_txt {
  display: none;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  letter-spacing: 0.05em;
  color: #5F5F63;
}

@media print, screen and (min-width: 40em) {
  .item-card_txt {
    display: -webkit-box;
  }
}

.item-card_span {
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #72737b;
}

.item-card_a {  
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #00479d;
}

.item-card_date {
  font-size: 0.875rem;
  font-family: "Noto Sans TC", "sans-serif";
  letter-spacing: 0.05em;
  color: #72737b;
}

.list {
  margin: 1.075rem 0;
  border-top: 0.0625rem solid #222;
}

.list_p {
  margin-top: 0.875rem;
  font-family: "Noto Serif TC", "serif";
  letter-spacing: 0.05em;
}

.list-group_li {
  padding: 0.575rem 0;
  border-bottom: 0.0625rem solid #d9d9d9;
}

.list-group_li:hover .list-group_p {
  color: #1660cb;
}

.list-group_li .pr_span {
  margin-left: 0.1875rem;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #72737b;
}

.list-group_a {
  display: flex;
  align-items: center;
}

.list-group_p {
  position: relative;
  display: -webkit-box;
  overflow: hidden;
  padding-left: 1rem;
  font-size: 1rem;
  text-overflow: ellipsis;
  letter-spacing: 0.05em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media print, screen and (min-width: 40em) {
  .list-group_p {
    -webkit-line-clamp: 1;
  }
}

.list-group_p::before {
  content: '';
  position: absolute;
  top: 0.5625rem;
  left: 0;
  width: 0.375rem;
  height: 0.375rem;
  background-color: #c11920;
  transform: none;
}

@media print, screen and (min-width: 40em) {
  .list-group_p::before {
    top: 50%;
    transform: translateY(-50%);
  }
}

.theme-article {
  border-top: 0.0625rem solid #222;
}

.theme-article .object-fit {
  margin-bottom: 0.5rem;
}

.theme-article .object-fit::before {
  padding-top: 75%;
}

.theme-article .object-fit .img {
  transition: 0.5s;
}

.theme-article_p {
  margin: 0.625rem 0 1.25rem;
  font-size: 1.25rem;
  font-family: "Noto Serif TC", "serif";
  letter-spacing: 0.05em;
}

.theme-article_a:hover .img {
  transform: scale(1.1);
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.theme-article_title {
  font-size: 1.125rem;
  letter-spacing: 0.05em;
}

.theme-article_box {
  padding-bottom: 1.25rem;
  text-align: center;
  border-bottom: 0.0625rem solid #d9d9d9;
}

.theme-article_button {
  letter-spacing: 0.05em;
}

.theme-article_button:hover {
  color: #1660cb;
}

.theme-article_button .be-icon {
  font-size: 1.25rem;
}

.theme-article_txt {
  margin-top: 1.25rem;
  letter-spacing: 0.05em;
}

.theme-article_set {
  letter-spacing: 0.05em;
  color: #00479d;
}

.theme-list {
  margin: 0.5rem 0 1.25rem;
  border-top: 0.0625rem solid #dee2ed;
}

.theme-list_li {
  padding: 1.25rem 0;
  border-bottom: 0.0625rem solid #dee2ed;
}

.theme-list_a {
  display: flex;
  align-items: center;
}

.theme-list_a:hover .img {
  transform: scale(1.1);
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.theme-list_title {
  margin-right: 10px;
  width:100%;
}

.theme-list .object-fit {
  margin-bottom: 0;
  width: 6.8rem;
  flex-shrink: 0;
}

.theme-list .object-fit::before {
  padding-top: 74.68354%;
}

.theme-list .object-fit .img {
  transition: 0.5s;
}

.profiles-list_li {
  --pro-margin: 1.25rem;
  margin-bottom: var(--pro-margin);
  width: 100%;
}

@media print, screen and (min-width: 64em) {
  .profiles-list_li {
    margin-right: var(--pro-margin);
    margin-left: var(--pro-margin);
    width: calc(50% - var(--pro-margin) * 2);
  }
}

.profiles-list_li:hover .img {
  transform: scale(1.1);
}

.profiles-list_a {
  display: flex;
}

.profiles-list_img {
  margin-right: 1.25rem;
  width: 8.125rem;
  flex-shrink: 0;
}

.profiles-list_img .img {
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.profiles-list_img.object-fit::before {
  padding-top: 75.38462%;
}

.profiles-list_title {
  margin-bottom: 0.5rem;
  letter-spacing: 0.05em;
}

.profiles-list_date {
  font-size: 0.875rem;
  color: #72737b;
}

.title-box {
  margin-top: 1.875rem;
}

@media print, screen and (min-width: 64em) {
  .title-box {
    margin-top: 2.5rem;
  }
}

.item-sec {
  display: flex;
  flex-direction: column;
}

@media print, screen and (min-width: 64em) {
  .item-sec {
    flex-direction: row;
  }
}

.item-sec .object-fit {
  margin: 0 auto 0.875rem;
}

.item-sec .object-fit.is-hover .img, .item-sec .object-fit:hover .img {
  transform: scale(1.1);
}

.item-sec .object-fit .img {
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media print, screen and (min-width: 64em) {
  .item-sec_ul {
    margin-left: 1.25rem;
    padding-left: 1.25rem;
    border-left: 0.0625rem solid #d9d9d9;
  }
}

.item-sec_li:not(:last-of-type) {
  margin-bottom: 0.875rem;
  padding-bottom: 0.875rem;
  border-bottom: 0.0625rem solid #d9d9d9;
}

@media print, screen and (min-width: 40em) {
  .item-sec_li:not(:last-of-type) {
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

.item-sec_txt {
  margin-bottom: 0.25rem;
  height: 3rem;
  letter-spacing: 0.05em;
  color: #000;
}

.item-sec_author {
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #72737b;
}

.item-sec_span {
  color: #00479d;
}

.new {
  border-top: 0.0625rem solid #222;
}

.new_a:hover .img {
  transform: scale(1.1);
}

.new_title {
  font-size: 1.125rem;
  margin: 0.625rem 0 1.25rem;
  font-family: "Noto Serif TC", "serif";
}

@media print, screen and (min-width: 40em) {
  .new_title {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 75em) {
  .new_title {
    font-size: 1.25rem;
  }
}

.new_img .img {
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.new_img.object-fit {
  margin: 0 auto;
  width: 9rem;
}

.new_img.object-fit::before {
  padding-top: 133.33333%;
}

.new_magtitle {
  margin: 1.25rem 0 0.5rem;
  font-size: 1.125rem;
  letter-spacing: 0.05em;
}

.new_txt {
  margin: 0 auto 1.25rem;
  max-width: 13.8125rem;
  letter-spacing: 0.05em;
  color: #000;
}

.podcast-li {
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  /* padding-left: 1rem;
  padding-right: 1rem; */
  border-bottom: 0.0625rem solid #d9d9d9;
}

@media print, screen and (min-width: 64em) {
  .podcast-li {
    align-items: center;
    justify-content: space-between;
  }
}

.podcast-li::before {
  content: '';
  position: absolute;
  top: 0.5625rem;
  left: 0.1875rem;
  width: 0.375rem;
  height: 0.375rem;
  background-color: #c11920;
}

.podcast-li_box:first-of-type {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media print, screen and (min-width: 64em) {
  .podcast-li_box:first-of-type {
    align-items: center;
    flex-direction: row;
  }
}

/* .podcast-li_box:last-of-type {
  display: flex;
  align-items: center;
} */

.podcast-li_box.podcast_card {
  flex-direction: row;
}

.podcast-li_category {
  margin-right: 0.625rem;
  font-size: 0.875rem;
  white-space: nowrap;
  color: #72737b;
}

.podcast-li_episode {
  white-space: nowrap;
}

.podcast-li_a {
  display: flex;
  flex-direction: column;
  padding-right: 0.625rem;
  width: 100%;
  font-size: 18px;
}

@media print, screen and (min-width: 40em) {
  .podcast-li_a {
    align-items: center;
    flex-direction: row;
    padding-right: 0;
    /* width: 85%; */
  }
}

.podcast-li_title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media print, screen and (min-width: 40em) {
  .podcast-li_title {
    -webkit-line-clamp: 1;
  }
}

.podcast-li .podcast_play {
  margin-right: 1.25rem !important;
  margin-left: 0.625rem !important;
}

.podcast-li .podcast_play {
  width: 1.75rem !important;
  height: 1.75rem !important;
}

.promotion {
  text-align: center;
}

.promotion.sp-sty {
  background: #f7f7f7;
}

.promotion .sp-txt {
  margin-bottom: 0.625rem;
  font-size: 0.875rem;
  opacity: 0.5;
}

.fix-sp {
  --fix-sp-top: 4.5rem;
  height: var(--fix-sp-height, "auto");
}

.fix-sp.is-fixed .promotion {
  position: fixed;
  z-index: 15;
  top: calc(var(--fix-sp-top) - var(--fix-sp-height));
  right: 0;
  left: 0;
  transition: transform var(--fix-sp-trans, 0s);
}

@media print, screen and (max-width: 63.99875em) {
  .fix-sp.is-fixed .promotion {
    --fix-sp-top: 3rem;
  }
}

@media screen and (min-width: 1024px) and (max-height: 700px) {
  .fix-sp.is-fixed .promotion {
    --fix-sp-top: 4.375rem;
  }
}

.fix-sp.is-show .promotion {
  transform: translate(0, 100%);
}

.headlines-cards_img {
  position: relative;
  display: block;
}

.headlines-cards_img:hover .img,
.headlines-cards_img:hover .swiper-lazy {
  transform: scale(1.1);
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.headlines-cards_img .img,
.headlines-cards_img .swiper-lazy {
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.headlines-cards_tag {
  font-size: 0.75rem;
  margin: 0.4375rem 0 0.25rem;
  letter-spacing: 0.05em;
  color: #c11920;
}

@media print, screen and (min-width: 40em) {
  .headlines-cards_tag {
    font-size: 0.8125rem;
  }
}

@media screen and (min-width: 75em) {
  .headlines-cards_tag {
    font-size: 0.875rem;
  }
}

.headlines-cards_tag:hover {
  color: rgba(193, 25, 32, 0.7);
}

.headlines-cards_title {
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  color: #000;
}

@media print, screen and (min-width: 40em) {
  .headlines-cards_title {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 75em) {
  .headlines-cards_title {
    font-size: 2rem;
  }
}

.headlines-cards_title:hover {
  color: #00479d;
}

.headlines-cards_date {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  font-family: "Noto Sans TC", "sans-serif";
  letter-spacing: 0.05em;
  color: #72737b;
}

.cards-a {
  display: block;
}

.cards-a:hover .img {
  transform: scale(1.1);
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.cards-a:hover .cards_title {
  color: #00479d;
}

.cards-a .object-fit {
  margin-bottom: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .cards-a .object-fit {
    margin-bottom: 0.75rem;
  }
}

.cards-a .object-fit::before {
  padding-top: 83.33333%;
}

.cards-a .object-fit .img {
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.cards_title_box {
  display: flex;
  align-items: baseline;
}

.cards_title_box .pr_span {
  margin-right: 0.625rem;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #72737b;
}

.cards_title {
  font-size: 1rem;
  letter-spacing: 0.05em;
  color: #000;
}

.articlecards-a {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

@media print, screen and (min-width: 64em) {
  .articlecards-a {
    flex-direction: column;
  }
}

@media print, screen and (min-width: 64em) {
  .articlecards-a:hover .img {
    transform: scale(1.1);
    transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}

.articlecards-a:hover .articlecards-p {
  color: #1660cb;
}

.articlecards-a .img {
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.articlecards-li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-bottom: 1.5625rem;
  width: 100%;
}

@media print, screen and (min-width: 64em) {
  .articlecards-li {
    margin-bottom: 0;
    margin-right: 1.25rem;
    margin-left: 1.25rem;
    padding-bottom: 0;
    width: calc(25% - 40px);
  }
}

.articlecards-li:not(:last-of-type) {
  border-bottom: 0.0625rem solid #d9d9d9;
}

@media print, screen and (min-width: 64em) {
  .articlecards-li:not(:last-of-type) {
    border-bottom: 0;
  }
}

@media print, screen and (max-width: 39.99875em) {
  .articlecards-li:first-of-type .articlecards-a {
    flex-direction: column;
  }
}

@media print, screen and (max-width: 39.99875em) {
  .articlecards-li:first-of-type .object-fit {
    margin-bottom: 0.625rem;
    width: 100%;
  }
}

@media print, screen and (max-width: 39.99875em) {
  .articlecards-li:first-of-type .object-fit::before {
    padding-top: 75.21866%;
  }
}

.articlecards-li:first-of-type .articlecards-p {
  margin-right: 0;
}

.articlecards-li::before {
  content: none;
}

@media print, screen and (min-width: 64em) {
  .articlecards-li::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -1.25rem;
    width: 0.0625rem;
    height: 100%;
    background-color: #d9d9d9;
    transform: translateY(-50%);
  }
}

.articlecards-li .object-fit {
  width: 6.8rem;
  flex-shrink: 0;
}

@media print, screen and (min-width: 64em) {
  .articlecards-li .object-fit {
    margin-bottom: 0.75rem;
    width: 100%;
  }
}

.articlecards-li .object-fit::before {
  padding-top: 75.21008%;
}

.articlecards-li .ad-box {
  margin: 0 auto;
  max-width: 18.75rem;
}

.articlecards-p {
  margin-right: 1.25rem;
  font-size: 1rem;
  letter-spacing: 0.05em;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 設定顯示的最大行數 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media print, screen and (min-width: 40em) {
  .articlecards-p {
    margin-right: 0;
  }
}

.podcast_card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.podcast_card .podcast_top {
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 75em) {
  .podcast_card .podcast_top {
    margin-bottom: 1.5rem;
  }
}

.podcast_card .podcast_top .podcast_flex {
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 75em) {
  .podcast_card .podcast_top .podcast_flex {
    margin-bottom: 1.5rem;
  }
}

.podcast_card .podcast_bottom {
  margin-top: auto;
}

.podcast_card .podcast_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.podcast_card .podcast_banner {
  width: 9rem;
  margin: 0 auto;
}

@media screen and (min-width: 75em) {
  .podcast_card .podcast_banner {
    width: 10rem;
  }
}

.podcast_card .podcast_episode {
  letter-spacing: 0.05em;
  color: #000;
}

.podcast_card .podcast_title {
  font-size: 18px;
  letter-spacing: 0.05em;
  color: #000;
  transition: 0.36s color;
  min-height: 4.5em;
}

@media print, screen and (min-width: 64em) {
  .podcast_card .podcast_title:hover {
    color: #1660cb;
  }
}

.podcast_card .podcast_time {
  font-size: 1rem;
  font-family: "Noto Sans TC", "sans-serif";
  letter-spacing: 0.05em;
  color: #72737b;
  line-height: calc(27 / 16);
}

.podcast_card .podcast_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.podcast_card .podcast_info .top-txt {
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #72737b;
}

.podcast_card .podcast_play {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  color: #00479d;
  background-color: #fff;
  font-size: 0.75rem;
  transition: 0.36s color;
}

.podcast_card .podcast_play::before, .podcast_card .podcast_play::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.podcast_card .podcast_play::before {
  width: 100%;
  height: 100%;
  border: 0.0625rem solid #00479d;
}

.podcast_card .podcast_play::after {
  width: 0;
  height: 0;
  background-color: #00479d;
  box-shadow: inset 0px 0px 0px 1px #fff;
  transition: 0.36s all;
}

.podcast_card .podcast_play .be-icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transition: 0.36s all;
}

.podcast_card .podcast_play .be-icon::before {
  margin: 0;
}

.podcast_card .podcast_play .be-icon-play {
  transform: translate(-40%, -51%);
}

.podcast_card .podcast_play .be-icon-pause {
  opacity: 0;
  transform: translate(-50%, -50%);
}

@media print, screen and (min-width: 64em) {
  .podcast_card .podcast_play:hover::after {
    width: calc(100% - 0.125rem);
    height: calc(100% - 0.125rem);
  }
  .podcast_card .podcast_play:hover .be-icon {
    color: #fff;
  }
}

.podcast_card .podcast_play.is-playing .be-icon-play {
  opacity: 0;
}

.podcast_card .podcast_play.is-playing .be-icon-pause {
  opacity: 1;
}

.podcast_card .podcast_share {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #000;
}

.podcast_card .podcast_share .be-icon {
  margin-right: 0.5rem;
  font-size: 1.5rem;
  color: inherit;
  transition: 0.36s color;
}

.podcast_card .podcast_share .be-icon::before {
  margin: 0;
}

@media print, screen and (min-width: 64em) {
  .podcast_card .podcast_share:hover {
    color: #00479d;
  }
}

.podcast_card.vm-share {
  margin-bottom: 0.25rem;
  padding: 1.25rem;
  border: 0.0625rem solid #d9d9d9;
  height: auto;
  position: relative;
}

@media print, screen and (min-width: 40em) {
  .podcast_card.vm-share .podcast_top,
  .podcast_card.vm-share .podcast_bottom {
    margin-left: 1.25rem;
  }
}

@media print, screen and (max-width: 39.99875em) {
  .podcast_card.vm-share .podcast_top {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 0.0625rem solid #d9d9d9;
  }
}

@media screen and (min-width: 75em) {
  .podcast_card.vm-share .podcast_top {
    margin-bottom: 0.25rem;
  }
}

.podcast_card.vm-share .podcast_title {
  margin-bottom: 0.3125rem;
  color: #000;
}

@media print, screen and (min-width: 64em) {
  .podcast_card.vm-share .podcast_title {
    font-size: 1.25rem;
    line-height: calc(34 / 20);
  }
  .podcast_card.vm-share .podcast_title:hover {
    color: #1660cb;
  }
}

.podcast_card.vm-share .podcast_play::before {
  border-width: 0.125rem;
}

@media print, screen and (min-width: 64em) {
  .podcast_card.vm-share .podcast_play:hover::after {
    width: calc(100% - 0.25rem);
    height: calc(100% - 0.25rem);
  }
  .podcast_card.vm-share .podcast_play:hover .be-icon {
    color: #fff;
  }
}

@media screen and (min-width: 75em) {
  .podcast_card.vm-share .podcast_play {
    width: 3rem;
    height: 3rem;
    font-size: 1.275rem;
  }
}

.podcast_card.vm-share .share-box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
}

.podcast_card.vm-share .share-box.is-show {
  opacity: 1;
  pointer-events: all;
  transition: 0.5s;
}

.podcast_card.vm-share .share-box .close-btn {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
}

.podcast_card.vm-share .share-box .be-icon {
  font-size: 1.875rem;
}

.podcast_card.vm-share .share-p {
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  margin-bottom: 2.5rem;
}

.podcast_card.vm-share .share-icon-group {
  display: flex;
  align-items: center;
}

.podcast_card.vm-share .share-icon:not(:last-child) {
  margin-right: 1.5rem;
}

.podcast_card.vm-share .share-icon .object-fit {
  width: 1.875rem;
  margin: 0 0.375rem;
}

.podcast_card.vm-share .share-icon .object-fit .img:first-of-type {
  opacity: 0;
}

@media print, screen and (min-width: 64em) {
  .podcast_card.vm-share .share-icon .object-fit .img:first-of-type {
    opacity: 1;
  }
}

@media print, screen and (min-width: 64em) {
  .podcast_card.vm-share .share-icon .object-fit .img:last-of-type {
    opacity: 0;
  }
}

@media print, screen and (min-width: 64em) {
  .podcast_card.vm-share .share-icon .object-fit:hover .img:last-of-type {
    opacity: 1;
    transition: 0.5s;
  }
}

@media print, screen and (min-width: 64em) {
  .podcast_card.vm-share .share-icon.js-copytext:hover {
    color: #1660cb;
  }
}

.audible_card .audible_play {
  color: #000;
  transition: 0.36s color;
}

.audible_card .audible_play .be-icon {
  margin-right: 0.5rem;
  font-size: 1.5rem;
  color: inherit;
  transition: 0.36s color;
}

.audible_card .audible_play .be-icon::before {
  margin: 0;
}

@media print, screen and (max-width: 63.99875em) {
  .audible_card .audible_play .audible_playing {
    display: flex;
  }
  .audible_card .audible_play .audible_pause {
    display: none;
  }
}

@media print, screen and (min-width: 64em) {
  .audible_card .audible_play:hover {
    color: #00479d;
  }
  .audible_card .audible_play .audible_playing {
    display: flex;
  }
  .audible_card .audible_play .audible_pause {
    display: none;
  }
}

@media print, screen and (max-width: 63.99875em) {
  .audible_card .audible_play.is-playing .audible_playing {
    display: none;
  }
  .audible_card .audible_play.is-playing .audible_pause {
    display: flex;
  }
}

@media print, screen and (min-width: 64em) {
  .audible_card .audible_play.is-playing {
    display: none;
  }
  .audible_card .audible_play.is-playing + .audio-player {
    display: block;
  }
}

.audible_card .audible_play_group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

@media print, screen and (min-width: 64em) {
  .audible_card .audio-player {
    display: none;
  }
}

.depth-a {
  position: relative;
  display: block;
}

.depth-a:hover .img {
  transform: scale(1.1);
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.depth-a .object-fit::before {
  padding-top: 74.83444%;
}

.depth-a .object-fit .img {
  transition: 0.5s;
}

.depth-txt {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding: 0.875rem;
  width: 100%;
  height: 11.25rem;
  background: linear-gradient(180deg, rgba(0, 71, 157, 0) 0%, rgba(0, 71, 157, 0.64) 62.81%);
}

@media print, screen and (min-width: 64em) {
  .depth-txt {
    padding: 1.25rem;
  }
}

.depth-title-box {
  display: flex;
  align-items: center;
}

.depth-title-box .line {
  width: 2.8125rem;
  border: 0.0625rem solid #fff;
}

.depth-title {
  font-size: 1.25rem;
  margin-right: 0.625rem;
  letter-spacing: 0.05em;
  color: #fff;
}

@media print, screen and (min-width: 40em) {
  .depth-title {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 75em) {
  .depth-title {
    font-size: 1.5rem;
  }
}

.depth-des {
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  color: #fff;
}

.more-cards_link:hover .more-cards_photo img {
  transform: scale(1.1);
}

.more-cards_photo {
  margin-bottom: 0.75rem;
}

.more-cards_photo::before {
  padding-top: 75%;
}

.more-cards_photo img {
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.more-cards_title {
  margin-bottom: 0.25rem;
  line-height: 1.4;
  min-height: 2.4em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.more-cards_des {
  color: #000;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

.more-cards_bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.more-cards_info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.75rem;
}

@media print, screen and (min-width: 40em) {
  .more-cards_info {
    font-size: 0.8125rem;
  }
}

@media screen and (min-width: 75em) {
  .more-cards_info {
    font-size: 0.875rem;
  }
}

.more-cards_author {
  margin-right: 1.25rem;
}

.more-cards_date {
  font-family: "Noto Sans TC", "sans-serif";
  color: #72737b;
}

.more-cards_name {
  color: #00479d;
}

.magazine-cards {
  --magazine-margin: 0.625rem;
  width: 100%;
  border-bottom: 0.0625rem solid #d9d9d9;
  padding-bottom: 1.25rem;
  margin-right: var(--magazine-margin);
  margin-left: var(--magazine-margin);
  margin-bottom: 1.25rem;
  display: flex;
  transition: 0.5s;
}

@media print, screen and (min-width: 40em) {
  .magazine-cards {
    width: calc(50% - var(--magazine-margin) * 2);
    margin: 0 var(--magazine-margin) calc(var(--magazine-margin) * 2);
    padding: 1.875rem;
    flex-direction: column;
    border: 0.0625rem solid #d9d9d9;
  }
}

@media screen and (min-width: 75em) {
  .magazine-cards {
    padding: 2.5rem;
    width: calc(33.333% - var(--magazine-margin) * 2);
  }
}

.magazine-cards:last-of-type {
  border-bottom: 0;
}

@media print, screen and (min-width: 40em) {
  .magazine-cards:last-of-type {
    border-bottom: 0.0625rem solid #d9d9d9;
  }
}

.magazine-cards:hover {
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
}

.magazine-cards .object-fit {
  width: 11.0625rem;
  flex-shrink: 0;
}

@media print, screen and (min-width: 40em) {
  .magazine-cards .object-fit {
    width: auto;
    margin-bottom: 0.75rem;
  }
}

.magazine-cards .object-fit::before {
  padding-top: 133.07692%;
}

.magazine-cards_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-left: 0.625rem;
  padding-left: 0.625rem;
  border-left: 0.0625rem solid #d9d9d9;
}

@media screen and (min-width: 22.5em) {
  .magazine-cards_box {
    margin-left: 1.25rem;
    padding-left: 1.25rem;
  }
}

@media print, screen and (min-width: 40em) {
  .magazine-cards_box {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }
}

.magazine-cards_grid {
  display: flex;
  flex-direction: column;
}

@media print, screen and (min-width: 40em) {
  .magazine-cards_grid {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
  }
}

.magazine-cards_date {
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  position: relative;
}

@media print, screen and (min-width: 40em) {
  .magazine-cards_date {
    padding-right: 0.75rem;
    margin-right: 0.75rem;
  }
}

.magazine-cards_date::before {
  content: none;
}

@media print, screen and (min-width: 40em) {
  .magazine-cards_date::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 0.0625rem;
    height: 1rem;
    background: #222;
  }
}

.magazine-cards_num {
  font-size: 1.125rem;
  letter-spacing: 0.05em;
}

.magazine-cards_span {
  font-size: 0.875rem;
  color: #c11920;
  letter-spacing: 0.05em;
  margin-top: 0.125rem;
  margin-left: 0.375rem;
}

.magazine-cards_txtbox {
  height: 2.8125rem;
  display: flex;
  margin: 0.625rem 0 0.875rem;
}

@media print, screen and (min-width: 40em) {
  .magazine-cards_txtbox {
    margin: 1rem 0 1.25rem;
  }
}

.magazine-cards_txtbox a.magazine-cards_title {
  color: #00479d;
}

.magazine-cards_txtbox a.magazine-cards_title:hover {
  color: #1660cb;
}

.magazine-cards_title {
  font-size: 0.875rem;
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 40em) {
  .magazine-cards_title {
    font-size: 0.9375rem;
  }
}

@media screen and (min-width: 75em) {
  .magazine-cards_title {
    font-size: 1rem;
  }
}

.magazine-cards_bottom {
  display: flex;
  flex-direction: column;
  margin: auto -0.3125rem -0.625rem;
}

@media print, screen and (min-width: 40em) {
  .magazine-cards_bottom {
    flex-direction: row;
  }
}

.magazine-cards_bottom .btn {
  padding: 0.375rem;
  margin: 0 0.3125rem 0.625rem;
  white-space: nowrap;
}

@media print, screen and (min-width: 40em) {
  .magazine-cards_bottom .btn {
    min-width: auto;
    flex: 1;
  }
}

.magazine-cards .be-icon {
  font-size: 1.5rem;
  margin-right: 0.25rem;
  margin-top: 0.0625rem;
}

.magazine-cards .be-icon::before {
  margin: 0;
}

.magazine-cards_order {
  display: flex;
  flex-direction: column;
}

@media print, screen and (min-width: 40em) {
  .magazine-cards_order {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.magazine-cards_order .btn {
  padding: 0.375rem;
}

@media print, screen and (min-width: 40em) {
  .magazine-cards_order .btn {
    padding: 0.375rem 1.28125rem;
  }
}

.magazine-cards_price {
  font-size: 1.125rem;
  color: #00479d;
  letter-spacing: 0.05em;
  margin-bottom: 1.25rem;
}

@media print, screen and (min-width: 40em) {
  .magazine-cards_price {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 75em) {
  .magazine-cards_price {
    font-size: 1.25rem;
  }
}

@media print, screen and (min-width: 40em) {
  .magazine-cards_price {
    margin-bottom: 0;
  }
}

.scheme-card {
  --card-margin: 0.625rem;
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--card-margin) * -1) calc(var(--card-margin) * -2);
}

.scheme-card_li {
  margin-bottom: calc(var(--card-margin) * 2);
  margin-right: var(--card-margin);
  margin-left: var(--card-margin);
  padding: 1.25rem;
  width: 100%;
  border: 0.0625rem solid #d9d9d9;
  transition: 0.5s;
}

@media print, screen and (min-width: 40em) {
  .scheme-card_li {
    width: calc(50% - var(--card-margin) * 2);
  }
}

@media print, screen and (min-width: 64em) {
  .scheme-card_li {
    padding: 2.5rem 5rem;
    width: calc(33.33% - var(--card-margin) * 2);
  }
}

.scheme-card_li:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.scheme-card_li:hover .img {
  transform: scale(1.1);
}

.scheme-card_li .btn {
  padding: 0.375rem 1.28125rem;
}

.scheme-card_img.object-fit::before {
  padding-top: 83.33333%;
}

.scheme-card_img.object-fit .img {
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.scheme-card_title {
  font-size: 1.125rem;
  margin: 0.75rem 0 0.5rem;
  height: 4.25rem;
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 40em) {
  .scheme-card_title {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 75em) {
  .scheme-card_title {
    font-size: 1.25rem;
  }
}

.scheme-card_txt {
  margin-bottom: 1.25rem;
  height: 3rem;
  letter-spacing: 0.05em;
  color: #000;
}

.scheme-card_grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.scheme-card_box {
  display: flex;
  align-items: center;
}

.scheme-card_price {
  font-size: 1.125rem;
  margin-right: 0.625rem;
  letter-spacing: 0.05em;
  color: #00479d;
}

@media print, screen and (min-width: 40em) {
  .scheme-card_price {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 75em) {
  .scheme-card_price {
    font-size: 1.25rem;
  }
}

.scheme-card_del {
  font-size: 0.875rem;
  text-decoration: line-through;
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 40em) {
  .scheme-card_del {
    font-size: 0.9375rem;
  }
}

@media screen and (min-width: 75em) {
  .scheme-card_del {
    font-size: 1rem;
  }
}

.idle-card {
  display: flex;
  align-items: flex-start;
  padding: var(--card-padding-y) var(--card-padding-x);
}

.idle-card_img {
  display: block;
  margin-right: 0.75rem;
  width: 40%;
  max-width: 11.25rem;
  overflow: hidden;
}

@media print, screen and (min-width: 40em) {
  .idle-card_img {
    margin-right: 1.25rem;
  }
}

.idle-card_img::before {
  padding-top: 75%;
}

.idle-card_img:hover img {
  transform: scale(1.1);
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.idle-card_text {
  flex: 1;
}

.idle-card_tag {
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #c11920;
}

.idle-card_tag:hover {
  color: rgba(193, 25, 32, 0.7);
}

.idle-card_title {
  display: -webkit-box;
  color: #000;
  letter-spacing: 0.05em;
}

.point-podcast {
  position: relative;
}

.point-podcast .object-fit {
  margin-bottom: 0.625rem;
}

.point-podcast .object-fit::before {
  padding-top: 75%;
}

.point-podcast .grid-x {
  align-items: center;
}

.point-podcast_title {
  font-size: 1.125rem;
  margin-right: 0.625rem;
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 40em) {
  .point-podcast_title {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 75em) {
  .point-podcast_title {
    font-size: 1.25rem;
  }
}

.point-podcast_tag {
  letter-spacing: 0.05em;
}

.point-podcast_tag:not(:last-of-type) {
  margin-right: 0.375rem;
}

.point-podcast_txt {
  font-size: 0.875rem;
  color: #72737b;
  letter-spacing: 0.05em;
  margin-top: 0.25rem;
}

.point-podcast .podcast_card {
  box-sizing: border-box;
  /* border-top: 0.0625rem solid #969696; */
  /* margin-top: 1.25rem; */
  padding-top: 1.25rem;
}

@media print, screen and (min-width: 64em) {
  .point-podcast .podcast_card {
    /* position: absolute; */
    /* top: 2.4375rem; */
    right: 0;
    margin-top: 0;
    /* padding: 1.25rem; */
    background-color: #fff;
    /* box-shadow: 0 0.25rem 1.875rem rgba(0, 0, 0, 0.05); */
    border-top: 0;
  }
}

.point-podcast .podcast_category {
  font-size: 0.875rem;
  color: #72737b;
}

.point-podcast .podcast_play {
  width: 1.75rem;
  height: 1.75rem;
}

.point-podcast .object-fit {
  min-width: 100px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-right: 0.625rem;
}

@media print, screen and (min-width: 64em) {
  .point-podcast .object-fit {
    /* width: 60.97561%; */
    min-width: 100px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 1rem 1rem 0;
  }
}

.point-podcast .podcast_card {
  width: 100%;
}

@media print, screen and (min-width: 64em) {
  .point-podcast .podcast_card {
    /* width: 44.96951%;
    height: 14.0625rem; */
  }
}

.swiper-point .swiper-button-prev,
.swiper-point .swiper-button-next {
  background: none;
  color: #000;
  width: auto;
}

.swiper-point .swiper-button-prev .be-icon,
.swiper-point .swiper-button-next .be-icon {
  font-size: 1.5rem;
}

.swiper-point .swiper-button-prev {
  left: 0;
}

.swiper-point .swiper-button-next {
  right: 0;
}

.host {
  display: flex;
  flex-direction: column;
}

@media print, screen and (min-width: 40em) {
  .host {
    flex-direction: row;
  }
}

.host_img {
  width: 100%;
  margin-bottom: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  flex-shrink: 0;
  border-radius: 15px;
}

@media print, screen and (min-width: 40em) {
  .host_img {
    width: 18rem;
    margin-right: 1.25rem;
    margin-bottom: 0;
    border-radius: 15px;
  }
}

.host_img.object-fit::before {
  padding-top: 75%;
}

.host_grid {
  align-items: center;
}

.host_title {
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  margin-right: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .host_title {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 75em) {
  .host_title {
    font-size: 1.25rem;
  }
}

.host_span {
  font-size: 0.875rem;
  color: #72737b;
  letter-spacing: 0.05em;
}

.host_txt {
  color: #000;
  letter-spacing: 0.05em;
}

.cooperate-card {
  --margin: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(var(--margin) * -1);
  margin-right: calc(var(--margin) * -0.5);
  margin-left: calc(var(--margin) * -0.5);
}

.cooperate-card_li {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--margin);
  margin-right: calc(var(--margin) * 0.5);
  margin-left: calc(var(--margin) * 0.5);
  padding: 1.875rem;
  width: 100%;
  border: 0.0625rem solid #d9d9d9;
  transition: 0.6s;
}

@media screen and (min-width: 75em) {
  .cooperate-card_li {
    padding: 2.5rem;
  }
}

.cooperate-card_li:hover {
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
}

@media print, screen and (min-width: 40em) {
  .cooperate-card_li {
    width: calc(50% - var(--margin));
  }
}

@media print, screen and (min-width: 64em) {
  .cooperate-card_li {
    width: calc(33.33333% - var(--margin));
  }
}

@media screen and (min-width: 75em) {
  .cooperate-card_li {
    width: calc(25% - var(--margin));
  }
}

.cooperate-card_a .cooperate-card_p {
  height: 3rem;
  color: #000;
}

.cooperate-card_a:hover .img {
  transform: scale(1.1);
}

.cooperate-card_photo {
  margin: 0 auto;
  width: 6.25rem;
  border: 0.0625rem solid #d9d9d9;
  border-radius: 50%;
  transform: rotate(0);
}

.cooperate-card_photo .img {
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.cooperate-card_title {
  font-size: 1.125rem;
  margin: 0.75rem 0 0.25rem;
}

@media print, screen and (min-width: 40em) {
  .cooperate-card_title {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 75em) {
  .cooperate-card_title {
    font-size: 1.25rem;
  }
}

.cooperate-card_p {
  margin: 0.75rem 0 0.25rem;
  font-size: 1rem;
  letter-spacing: 0.05em;
}

.cooperate-card_body {
  margin-bottom: auto;
}

.cooperate-card_news {
  margin-top: 1.6875rem;
  padding-top: 0.875rem;
  border-top: 0.0625rem solid #222;
}

@media print, screen and (min-width: 40em) {
  .cooperate-card_news {
    margin-top: 2.9375rem;
  }
}

.cooperate-card_span {
  font-size: 0.875rem;
  display: block;
  margin-bottom: 0.25rem;
  letter-spacing: 0.05em;
  color: #72737b;
}

@media print, screen and (min-width: 40em) {
  .cooperate-card_span {
    font-size: 0.9375rem;
  }
}

@media screen and (min-width: 75em) {
  .cooperate-card_span {
    font-size: 1rem;
  }
}

.cooperate-card_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -0.3125rem -0.625rem;
  margin-top: 1.25rem;
}

@media print, screen and (min-width: 40em) {
  .cooperate-card_bottom {
    margin-top: 2.5rem;
  }
}

.cooperate-card_bottom .btn {
  flex: 1;
  margin: 0 0.3125rem 0.625rem;
  padding: 0.375rem;
  min-width: auto;
  text-align: center;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cooperate-card_bottom .text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cooperate-card_bottom .be-icon {
  font-size: 1.125rem;
}

.editor-item {
  --item-gap: 1.25rem;
  margin: var(--item-gap) auto;
  padding: 1.5rem 1rem;
  width: calc(50% - var(--item-gap));
  position: relative;
}

@media print, screen and (min-width: 40em) {
  .editor-item {
    padding: 1.875rem 3.125rem;
    width: calc(33.33% - var(--item-gap) * 2);
    margin-left: var(--item-gap);
    margin-right: var(--item-gap);
  }
}

@media print, screen and (min-width: 64em) {
  .editor-item {
    width: calc(25% - var(--item-gap) * 2);
    margin-left: var(--item-gap);
    margin-right: var(--item-gap);
  }
}

@media print, screen and (min-width: 64em) {
  .editor-item:not(:nth-child(4n))::before {
    content: '';
    position: absolute;
    width: 0.0625rem;
    height: 7.5rem;
    background-color: #d9d9d9;
    top: 50%;
    transform: translateY(-50%);
    right: -1.25rem;
  }
  .editor-item:last-child::before {
    width: 0rem;
  }
}

.editor-item_inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
}

.editor-item_link {
  text-align: center;
}

.editor-item_link:hover img {
  transform: scale(1.1);
}

.editor-item_avatar {
  margin: 0 auto 0.5rem;
  width: 4.5rem;
  border: 1px solid #dce1f0;
  border-radius: 50%;
  transform: rotate(0);
}

@media print, screen and (min-width: 40em) {
  .editor-item_avatar {
    margin: 0 auto 0.75rem;
    width: 5.5rem;
  }
}

@media print, screen and (min-width: 64em) {
  .editor-item_avatar {
    width: 6.25rem;
  }
}

.editor-item_avatar img {
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.editor-item_name {
  margin-bottom: 0.25rem;
}

.editor-item_title {
  margin-bottom: 1.25rem;
  color: #000;
}

.cardlist {
  --cardlist-gap: 0.625rem;
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--cardlist-gap) * -1);
  margin-right: calc(var(--cardlist-gap) * -1);
  margin-bottom: calc(var(--cardlist-gap) * -2);
}

.cardlist_li {
  width: calc(100% - var(--cardlist-gap) * 2);
  margin-left: var(--cardlist-gap);
  margin-right: var(--cardlist-gap);
  margin-bottom: calc(var(--cardlist-gap) * 2);
}

@media print, screen and (min-width: 40em) {
  .cardlist_li {
    width: calc(50% - var(--cardlist-gap) * 2);
  }
}

@media print, screen and (min-width: 64em) {
  .cardlist_li {
    width: calc(33.33% - var(--cardlist-gap) * 2);
  }
}

.cardlist_a {
  border: 0.0625rem solid #d9d9d9;
  padding: 1.25rem;
  display: block;
  transition: box-shadow 0.3s;
}

@media print, screen and (min-width: 64em) {
  .cardlist_a {
    padding: 2.5rem;
  }
}

.cardlist_a:hover {
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.2);
}

.cardlist_a:hover .img {
  transform: scale(1.1);
}

.cardlist_img {
  width: 100%;
}

.cardlist_img .object-fit::before {
  padding-top: 75%;
}

.cardlist_img .img {
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.cardlist_category {
  color: #72737b;
  font-size: 0.875rem;
  margin: 0.75rem 0 0.25rem;
}

.cardlist_title {
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 40em) {
  .cardlist_title {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 75em) {
  .cardlist_title {
    font-size: 1.25rem;
  }
}

.cardlist_date {
  color: #000;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.cardlist_grid {
  justify-content: space-between;
  margin-top: 0.5rem;
}

@media print, screen and (min-width: 40em) {
  .cardlist_grid {
    margin-top: 0.75rem;
  }
}

.cardlist_location {
  color: #000;
}

.cardlist_state {
  background: #c11920;
  color: #fff;
  padding: 0.3125rem 0.5625rem;
  font-size: 0.8125rem;
}

.cardlist_state.disabled {
  background: #72737b;
}

.cardlist_state.full {
  background: #222;
}

.toast-content {
  padding: 1.875rem 1.25rem;
  text-align: center;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.1);
}

@media print, screen and (min-width: 64em) {
  .toast-content {
    padding: 1.875rem;
    box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.1);
  }
}

.toast-content .be-icon {
  margin-right: 0.75rem;
}

.toast-content .be-icon-check-thin {
  font-size: 1.5rem;
}

.tabs {
  margin-bottom: 1.5rem;
}

@media print, screen and (min-width: 64em) {
  .tabs {
    margin-bottom: 2.5rem;
  }
}

.tabs.is-sticky .tabs-wrapper {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  padding-top: var(--sticky-padding-top, 0);
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
}

.tabs.is-sticky .tabs-btn {
  padding: 0.625rem 1rem;
}

@media print, screen and (min-width: 64em) {
  .tabs.is-sticky .tabs-btn {
    padding: 1rem 1.25rem;
  }
}

.tabs-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
}

.tabs-btn {
  display: inline-block;
  padding: 0 1rem;
  font-weight: normal;
  color: #909197;
}

@media print, screen and (min-width: 64em) {
  .tabs-btn {
    padding: 0 1.25rem;
  }
}

.tabs-btn.is-active {
  color: #000;
}

.tabs .swiper {
  width: auto;
}

.tabs .swiper-slide {
  width: auto;
}

.tabs .swiper-slide:not(:first-child)::before {
  --before-height: 1.125rem;
  content: '';
  position: absolute;
  top: calc(50% - var(--before-height) / 2);
  left: 0;
  display: block;
  width: 1px;
  height: var(--before-height);
  background-color: #000;
}

.tabs .swiper-button-prev {
  left: 0;
}

.tabs .swiper-button-next {
  right: 0;
}

.media-sec {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 1rem;
}

@media print, screen and (min-width: 40em) {
  .media-sec {
    flex-direction: row;
  }
}

.media-sec_box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.0625rem 0.625rem;
  width: 100%;
  background-color: #fff;
  border: 0.0625rem solid #d9d9d9;
}

.media-sec_box:first-of-type {
  margin-bottom: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .media-sec_box {
    max-width: 23rem;
    border-radius: 10px;
    padding: 8px 0.625rem;
  }
  .media-sec_box:first-of-type {
    margin-bottom: 0;
    margin-right: 1.25rem;
  }
}

.media-sec_box:hover{
  filter: brightness(1.1);
}

.media-sec_box:hover:first-of-type {
  color: #ffffff;
  border: none;
  
}

.media-sec_box:hover:last-of-type {
  color: #ffffff;
  border: none;
}

.media-sec_box {
  padding: 5px 0.625rem;
  background-color: #1c73e4;
  border: none;
  color: white;
  border-radius: 7px;
  transition: 0.5s;
}

.media-sec_box:first-of-type {
  background: #35b73f;
}

.media-sec_box:hover .be-icon {
  transform: translate(0.5rem, 0);
}

.media-sec_box .be-icon {
  transition: 0.3s;
}

.media-sec_p {
  margin: 0 0.625rem;
}

.rights-sec {
  padding-top: 0.375rem;
  border-top: 0.0625rem solid #222;
}

@media print, screen and (min-width: 40em) {
  .rights-sec {
    padding-top: 0.625rem;
  }
}

.rights-sec_title {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  font-family: "Noto Serif TC", "serif";
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 40em) {
  .rights-sec_title {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 75em) {
  .rights-sec_title {
    font-size: 1.5rem;
  }
}

@media print, screen and (min-width: 40em) {
  .rights-sec_title {
    margin-bottom: 0.75rem;
  }
}

.rights-sec_txt {
  font-size: 1rem;
  margin-bottom: 1.25rem;
  letter-spacing: 0.05em;
  color: #000;
}

@media print, screen and (min-width: 40em) {
  .rights-sec_txt {
    font-size: 1.0625rem;
  }
}

@media screen and (min-width: 75em) {
  .rights-sec_txt {
    font-size: 1.125rem;
  }
}

.rights-sec .btn-group .btn {
  padding: 0.5rem;
  width: 9.25rem;
  height: 2.75rem;
}

.login-form {
  position: relative;
  margin-top: 1.875rem;
  padding-top: 0.6875rem;
  width: 100%;
  border-top: 0.0625rem solid #222;
}

@media print, screen and (min-width: 64em) {
  .login-form {
    margin-top: 2.5rem;
  }
}

.login-form .btn-group {
  justify-content: center;
  flex-direction: row;
  margin-top: 1.25rem;
}

.login-form .btn-group .btn {
  height: 2.75rem;
}

@media print, screen and (min-width: 40em) {
  .login-form .btn-group .btn {
    min-width: 9.25rem;
  }
}

.login-form_title {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  font-family: "Noto Serif TC", "serif";
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 40em) {
  .login-form_title {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 75em) {
  .login-form_title {
    font-size: 1.5rem;
  }
}

.login-form_p {
  font-size: 1rem;
  letter-spacing: 0.05em;
  color: #000;
}

@media print, screen and (min-width: 40em) {
  .login-form_p {
    font-size: 1.0625rem;
  }
}

@media screen and (min-width: 75em) {
  .login-form_p {
    font-size: 1.125rem;
  }
}

.client {
  position: relative;
  padding: 1.25rem;
  border: 0.0625rem solid #d9d9d9;
}

@media print, screen and (min-width: 40em) {
  .client {
    padding: 2.5rem;
  }
}

.client::before {
  content: '';
  position: absolute;
  top: -0.03125rem;
  left: 50%;
  width: 5rem;
  height: 0.0625rem;
  background-color: #222;
  transform: translateX(-50%);
}

.client-p {
  letter-spacing: 0.05em;
}

.client-p:first-of-type {
  font-size: 1rem;
}

@media print, screen and (min-width: 40em) {
  .client-p:first-of-type {
    font-size: 1.0625rem;
  }
}

@media screen and (min-width: 75em) {
  .client-p:first-of-type {
    font-size: 1.125rem;
  }
}

.client-p:not(:first-of-type) {
  font-size: 0.875rem;
}

@media print, screen and (min-width: 40em) {
  .client-p:not(:first-of-type) {
    font-size: 0.9375rem;
  }
}

@media screen and (min-width: 75em) {
  .client-p:not(:first-of-type) {
    font-size: 1rem;
  }
}

.client-p:nth-child(2) {
  margin: 0.625rem 0 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .client-p:nth-child(2) {
    margin: 1.25rem 0 0.25rem;
  }
}

.icon-box {
  display: flex;
  align-items: center;
  margin: 1.25rem -0.625rem 0;
}

.icon-box_a {
  margin: 0 0.625rem;
}

@media print, screen and (min-width: 64em) {
  .icon-box_a:hover .be-icon {
    color: #00479d;
  }
}

@media print, screen and (min-width: 64em) {
  .icon-box_a:hover .object-fit .img:first-of-type {
    opacity: 0;
    transition: opacity 0.4s ease-in;
  }
  .icon-box_a:hover .object-fit .img:last-of-type {
    opacity: 1;
    transition: opacity 0.4s ease-in;
  }
}

.icon-box_a .object-fit {
  width: 1.75rem;
}

.icon-box_a .img:first-of-type {
  opacity: 0;
}

@media print, screen and (min-width: 64em) {
  .icon-box_a .img:first-of-type {
    opacity: 1;
  }
}

@media print, screen and (min-width: 64em) {
  .icon-box_a .img:last-of-type {
    opacity: 0;
  }
}

.icon-box_a .be-icon {
  font-size: 1.5rem;
}

.media-link {
  display: flex;
  margin: 0 -1.25rem 1.25rem;
}

@media print, screen and (min-width: 40em) {
  .media-link {
    margin-bottom: 0;
  }
}

.media-link_a {
  display: flex;
  align-items: center;
  padding: 0 1.25rem;
}

.media-link_a:not(:last-of-type) {
  border-right: 0.0625rem solid #222;
}

.media-link_a .be-icon {
  margin-right: 0.1875rem;
  font-size: 1.5rem;
}

.border-txt {
  font-size: 1.125rem;
  padding: 0.625rem 0 0.75rem;
  font-family: "Noto Serif TC", "serif";
  letter-spacing: 0.05em;
  border-top: 0.0625rem solid #222;
}

@media print, screen and (min-width: 40em) {
  .border-txt {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 75em) {
  .border-txt {
    font-size: 1.25rem;
  }
}

.tab-info .object-fit {
  margin: 0 auto;
  width: 9rem;
}

.tab-info .object-fit:hover .img {
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: scale(1.1);
}

.tab-info .object-fit::before {
  padding-top: 133.33333%;
}

.tab-info .object-fit .img {
  transition: 0.5s;
}

.tab-info .btn-group {
  margin-top: 1.25rem;
}

.tab-info .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem;
  width: 7.1875rem;
}

.tab_ul {
  margin-bottom: 1.25rem;
}

.tab_title {
  font-family: "Noto Serif TC", "serif";
  font-weight: 500;
}

.tab-inner {
  display: none;
}

.tab-inner.is-show {
  display: block;
}

.tab-inner_p {
  margin: 1.25rem 0 0.25rem;
  font-size: 1.125rem;
  letter-spacing: 0.05em;
}

.tab-inner_tag {
  display: block;
  margin: 0 auto 0.25rem;
  max-width: 13.8125rem;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #00479d;
}

.tab-inner_title {
  display: block;
  margin: 0 auto;
  max-width: 13.8125rem;
  letter-spacing: 0.05em;
  color: #000;
}

.podcast-btn .podcast_play {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  width: 11.0625rem;
  height: 2.75rem;
  font-size: 1rem;
  color: #fff;
  background-color: #00479d;
  border-radius: 0%;
  transition: 0.5s;
}

.podcast-btn .podcast_play::before {
  content: none;
}

.podcast-btn .podcast_play::after {
  content: none;
}

.podcast-btn .podcast_play .be-icon {
  position: inherit;
  top: auto;
  left: auto;
  margin-right: 0.75rem;
  font-size: 0.75rem;
  transform: none;
}

.podcast-btn:hover .podcast_play {
  color: #fff;
  background-color: #1660cb;
  transition: 0.5s;
}

.podcast-btn .be-icon-play::after,
.podcast-btn .be-icon-pause::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.0625rem solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.podcast-btn .be-icon-play {
  padding-left: 0.15625rem;
}

.podcast-btn .be-icon.be-icon-pause {
  position: absolute;
  left: 25.5%;
}

.pod-icon {
  display: flex;
  align-items: center;
}

.pod-icon_img {
  margin-right: 0.5625rem;
  margin-left: 0.5625rem;
  width: 2.125rem;
}

.pod-icon_img:hover .img {
  transform: scale(1.1);
}

.pod-icon_img .img {
  transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.newsletter {
  margin: 2.5rem 0;
}

@media print, screen and (min-width: 64em) {
  .newsletter {
    margin: 2rem 0;
  }
}

.newsletter_p {
  font-size: 1rem;
  margin-bottom: 1.875rem;
  letter-spacing: 1px;
}

@media print, screen and (min-width: 40em) {
  .newsletter_p {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 75em) {
  .newsletter_p {
    font-size: 1.25rem;
  }
}

@media print, screen and (min-width: 64em) {
  .newsletter_p {
    margin: 0 auto;
    margin-bottom: 3.125rem;
    width: 71.26761%;
  }
}

.newsletter_box {
  --news-margin: 0.625rem;
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--news-margin) * -0.5);
  margin-left: calc(var(--news-margin) * -0.5);
}

@media print, screen and (min-width: 40em) {
  .newsletter_box {
    margin-right: calc(var(--news-margin) * -1);
    margin-left: calc(var(--news-margin) * -1);
  }
}

.newsletter_img {
  --news-margin: 0.625rem;
  margin-bottom: var(--news-margin);
  margin-right: calc(var(--news-margin) * 0.5);
  margin-left: calc(var(--news-margin) * 0.5);
  width: calc(50% - var(--news-margin));
}

@media print, screen and (min-width: 40em) {
  .newsletter_img {
    margin-bottom: 0;
    margin-right: var(--news-margin);
    margin-left: var(--news-margin);
    width: calc(25% - var(--news-margin) * 2);
  }
}

.newsletter_img.object-fit::before {
  padding-top: 75%;
}

@media print, screen and (min-width: 40em) {
  .support_box {
    position: relative;
    margin: 0 auto;
    padding-top: 3.25rem;
    width: 84.64789%;
  }
}

.support_info {
  position: relative;
  padding: 2.5rem 1.875rem;
  background-color: #fff;
  box-shadow: 0 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.05);
}

@media print, screen and (min-width: 40em) {
  .support_info {
    position: absolute;
    top: 50%;
    left: 0;
    padding: 2.5rem 15.25rem 2.5rem 3.75rem;
    width: 65.72379%;
    transform: translateY(-50%);
  }
}

@media print, screen and (min-width: 64em) {
  .support_info {
    padding: 5.25rem 17.9375rem 7.3125rem 6.5rem;
  }
}

@media screen and (min-width: 75em) {
  .support_info {
    padding: 5.25rem 14.75rem 7.3125rem 6.5rem;
  }
}

.support_info::before {
  content: url("../images/magazine/deco1.png");
  position: absolute;
  top: 1.5625rem;
  left: 1.875rem;
}

@media print, screen and (min-width: 64em) {
  .support_info::before {
    top: 2.5rem;
    left: 3.125rem;
  }
}

.support_info::after {
  content: url("../images/magazine/deco2.png");
  position: absolute;
  bottom: 1.25rem;
  right: 1.875rem;
}

@media print, screen and (min-width: 40em) {
  .support_info::after {
    right: 5.625rem;
  }
}

@media print, screen and (min-width: 64em) {
  .support_info::after {
    bottom: 4.3125rem;
    right: 7.5rem;
  }
}

@media screen and (min-width: 75em) {
  .support_info::after {
    right: 11.5625rem;
  }
}

@media print, screen and (min-width: 40em) {
  .support_img {
    margin-left: auto;
    width: 44.50915%;
  }
}

.support_img.object-fit::before {
  padding-top: 106.91589%;
}

.support_txt {
  margin-bottom: 0.625rem;
  text-align: center;
  white-space: nowrap;
}

@media print, screen and (min-width: 40em) {
  .support_txt {
    text-align: left;
  }
}

.support_numbox {
  position: relative;
  font-size: clamp(2.5rem, 6vw, 3.125rem);
  font-family: "Noto Sans TC", "sans-serif";
  line-height: 1;
  text-align: center;
  letter-spacing: 5px;
  color: #00479d;
}

@media print, screen and (min-width: 40em) {
  .support_numbox {
    text-align: right;
  }
}

@media print, screen and (min-width: 64em) {
  .support_numbox {
    font-size: clamp(1.875rem, 6vw, 5rem);
  }
}

@media screen and (min-width: 75em) {
  .support_numbox {
    font-size: clamp(3.75rem, 6vw, 6.25rem);
  }
}

.support_num {
  position: relative;
}

.newsletter-email {
  padding: 1.875rem;
  border: 0.0625rem solid #d9d9d9;
}

@media print, screen and (min-width: 40em) {
  .newsletter-email {
    padding: 2.5rem 1.875rem 2.75rem;
  }
}

.newsletter-email .grid-x {
  align-items: center;
  justify-content: center;
}

.newsletter-email .be-icon {
  font-size: 1.5rem;
}

.newsletter-email .btn-box {
  margin-top: 1.875rem;
}

.newsletter-email .btn {
  width: 11rem;
}

.newsletter-form {
  display: flex;
  align-items: stretch;
  margin: 1rem;
  width: 100%;
  max-width: 800px;
  height: 2.75rem;
}

.newsletter-form [type='text'] {
  margin-bottom: 0px;
  height: 100%;
  border-radius: 5px 0px 0px 5px;
}

.newsletter-form [type='text']::-moz-placeholder {
  color: #000;
  opacity: 0.4;
}

.newsletter-form [type='text']::placeholder {
  color: #000;
  opacity: 0.4;
}

.newsletter-form .btn {
  width: 7.25rem;
  border: 0;
  flex-shrink: 0;
  border-radius: 0px 5px 5px 0px;
  height: 44px !important;
}

.newsletter-login {
  color: #000;
}

.newsletter-a {
  color: #00479d;
}

.audio-player {
  position: relative;
  background-color: #fff;
  box-shadow: 0 -10px 30px 0 rgba(41, 88, 115, 0.05);
}

.audio-player_inner {
  margin: 0 auto;
  max-width: 88.75rem;
}

.audio-player_main {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.audio-player_title {
  font-size: 0.9375rem;
  line-height: 1.69;
  letter-spacing: 0.05rem;
}

@media print, screen and (min-width: 64em) {
  .audio-player_title {
    font-size: 1rem;
  }
}

.audio-player_time {
  font-size: 0.875rem;
  line-height: 1.71;
  letter-spacing: 0.0437rem;
}

.audio-player_speed {
  font-size: 0.875rem;
  line-height: 1.71;
  letter-spacing: 0.0437rem;
  color: #000;
}

.audio-player_progress {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
}

.audio-player_progress .audio-player_time:first-child {
  margin-right: 0.625rem;
}

.audio-player_progress .audio-player_time:last-child {
  margin-left: 0.625rem;
}

.audio-player_ctrl {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media print, screen and (min-width: 64em) {
  .audio-player_ctrl {
    margin: 0 1.25rem;
  }
}

.audio-player_ctrl .audio-player_forward:last-child {
  margin-left: 0.625rem;
}

@media print, screen and (min-width: 64em) {
  .audio-player_ctrl .audio-player_forward:last-child {
    margin-left: 1.25rem;
  }
}

.audio-player_forward {
  cursor: pointer;
  position: relative;
  width: 1.875rem;
  height: 1.875rem;
  transition: 0.24s color;
}

.audio-player_forward .be-icon {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.875rem;
}

.audio-player_forward .be-icon::before {
  margin: 0;
}

.audio-player_forward .txt {
  font-size: 0.75rem;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 0.125rem;
}

@media print, screen and (min-width: 64em) {
  .audio-player_forward:hover {
    color: #00479d;
  }
}

.audio-player_play {
  cursor: pointer;
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}

.audio-player_play::before, .audio-player_play::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.audio-player_play::before {
  width: 100%;
  height: 100%;
  border: 0.125rem solid #00479d;
}

.audio-player_play::after {
  width: 0;
  height: 0;
  background-color: #00479d;
  box-shadow: inset 0px 0px 0px 1px #fff;
  transition: 0.36s all;
}

.audio-player_play .be-icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.36s color;
}

.audio-player_play .be-icon-pause, .audio-player_play .be-icon-pause-article {
  opacity: 0;
}

.audio-player_play .be-icon-play {
  transform: translate(-40%, -51%);
}

.audio-player_play .be-icon-pause {
  transform: translate(-50%, -50%);
}

.audio-player_play .be-icon::before {
  margin: 0;
}

.audio-player_play.is-playing .be-icon-play {
  opacity: 0;
}

.audio-player_play.is-playing .be-icon-pause, .audio-player_play.is-playing .be-icon-pause-article {
  opacity: 1;
}

@media print, screen and (min-width: 64em) {
  .audio-player_play:hover::after {
    width: calc(100% - 0.25rem);
    height: calc(100% - 0.25rem);
  }
  .audio-player_play:hover .be-icon {
    color: #fff;
  }
}

.audio-player_close {
  cursor: pointer;
  font-size: 1.875rem;
}

.audio-player_close .be-icon {
  display: flex;
}

.audio-player_close .be-icon::before {
  margin: 0;
}

.audio-player_mute {
  cursor: pointer;
  position: relative;
  margin: 0 0.625rem;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}

.audio-player_mute .be-icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.audio-player_mute .be-icon-volume-mute {
  opacity: 0;
}

.audio-player_mute .be-icon::before {
  margin: 0;
}

.audio-player_mute.is-muted .be-icon-volume {
  opacity: 0;
}

.audio-player_mute.is-muted .be-icon-volume-mute {
  opacity: 1;
}

.audio-player_forward, .audio-player_speed, .audio-player_close, .audio-player_mute {
  transition: 0.36s color;
}

@media print, screen and (min-width: 64em) {
  .audio-player_forward:hover, .audio-player_speed:hover, .audio-player_close:hover, .audio-player_mute:hover {
    color: #00479d;
  }
}

.audio-player.vm-audible {
  padding: 0.9375rem 1rem;
}

@media print, screen and (max-width: 63.99875em) {
  .audio-player.vm-audible {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translateY(100%);
    transition: 0.36s transform, 0.36s opacity;
    opacity: 0;
    pointer-events: none;
  }
}

@media print, screen and (min-width: 64em) {
  .audio-player.vm-audible {
    padding: 0.125rem 0;
    box-shadow: none;
  }
}

@media print, screen and (max-width: 63.99875em) {
  .audio-player.vm-audible .audio-player_speed {
    margin-right: 0.625rem;
  }
}

.audio-player.vm-audible .audio-player_play {
  margin-right: 0.625rem;
}

.audio-player.vm-audible .audio-player_play::before, .audio-player.vm-audible .audio-player_play::after {
  content: none;
}

@media print, screen and (min-width: 64em) {
  .audio-player.vm-audible .audio-player_play:hover .be-icon {
    color: #00479d;
  }
}

@media print, screen and (min-width: 64em) {
  .audio-player.vm-audible .audio-player_progress {
    flex: none;
  }
}

@media print, screen and (min-width: 64em) {
  .audio-player.vm-audible .audio-player_close {
    display: none;
  }
}

@media print, screen and (max-width: 63.99875em) {
  .audio-player.vm-audible.is-open {
    transform: translateY(0%);
  }
}

@media print, screen and (max-width: 63.99875em) {
  .audio-player.vm-audible.is-show {
    pointer-events: all;
    opacity: 1;
    transition: 0.36s transform, 0s opacity;
  }
}

.audio-player.vm-podcast {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.75rem 1rem;
  transform: translateY(100%);
  transition: 0.36s transform;
}

.audio-player.vm-podcast .audio-player_play {
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1.125rem;
  border-radius: 50%;
  color: #00479d;
}

@media screen and (min-width: 75em) {
  .audio-player.vm-podcast .audio-player_play {
    width: 3rem;
    height: 3rem;
    font-size: 1.275rem;
  }
}

.audio-player.vm-podcast .audio-player_close {
  position: absolute;
  z-index: 1;
  top: 0.75rem;
  right: 1rem;
}

@media screen and (min-width: 75em) {
  .audio-player.vm-podcast .audio-player_close {
    top: 50%;
    transform: translateY(-50%);
  }
}

@media print, screen and (max-width: 74.99875em) {
  .audio-player.vm-podcast .audio-player_title {
    margin-bottom: 0.625rem;
    padding-right: 3.375rem;
  }
}

@media print, screen and (max-width: 63.99875em) {
  .audio-player.vm-podcast .audio-player_progress {
    margin-right: 2.3125rem;
  }
  .audio-player.vm-podcast .audio-player_ctrl,
  .audio-player.vm-podcast .audio-player_time {
    display: none;
  }
}

@media screen and (min-width: 75em) {
  .audio-player.vm-podcast {
    padding: 1.25rem 3.75rem;
  }
  .audio-player.vm-podcast .audio-player_inner {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .audio-player.vm-podcast .audio-player_title,
  .audio-player.vm-podcast .audio-player_main {
    flex: 1;
  }
  .audio-player.vm-podcast .audio-player_title {
    padding-right: 1.25rem;
  }
}

@media screen and (min-width: 100em) {
  .audio-player.vm-podcast {
    padding: 1.25rem;
  }
}

.audio-player.vm-podcast.is-open {
  transform: translateY(0%);
}

.progress-panel {
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 0.25rem;
  background-color: #f1f2f6;
  border-radius: 0.625rem;
}

@media print, screen and (min-width: 64em) {
  .progress-panel {
    max-width: 23.5rem;
    height: 0.625rem;
  }
}

.progress-panel_bar {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #00479d;
  border-radius: 0.625rem;
}

.progress-panel.sz-small {
  height: 0.125rem;
  width: 100%;
  flex: 1;
}

@media print, screen and (min-width: 64em) {
  .progress-panel.sz-small {
    width: 5.875rem;
    flex: initial;
  }
}

.progress-panel.sz-small .progress-panel_bar::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  background-color: #00479d;
}

.form {
  padding-top: 1.25rem;
  border-top: 0.0625rem solid #d9d9d9;
}

.form_title {
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  letter-spacing: 0.05em;
}

.form_required {
  display: inline-block;
  margin-left: 0.25rem;
  color: #c11920;
}

.form_item {
  margin-bottom: 1.25rem;
}

@media print, screen and (min-width: 40em) {
  .form_item {
    margin-bottom: 1.875rem;
  }
}

.form_grid {
  --lable-margin: 0.625rem;
  display: flex;
  align-items: center;
  margin-right: calc(var(--lable-margin) * -0.5);
  margin-left: calc(var(--lable-margin) * -0.5);
}

@media print, screen and (min-width: 64em) {
  .form_grid {
    margin-right: calc(var(--lable-margin) * -1);
    margin-left: calc(var(--lable-margin) * -1);
  }
}

.form_label {
  cursor: pointer;
}

.form_label.checkbox {
  position: relative;
  margin-bottom: 1.25rem;
}

.form_label.checkbox:hover {
  box-shadow: 0 0.25rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.form_label.checkbox:hover .form_checktitle {
  color: #1660cb;
}

.form_label.checkbox:hover .form_checktitle::before {
  background-color: #1660cb;
}

.form_label.checkbox .form_checkfield {
  position: absolute;
  top: 0.8125rem;
  right: 1.25rem;
}

@media print, screen and (min-width: 64em) {
  .form_label.checkbox .form_checkfield {
    position: initial;
  }
}

.form_label.disabled {
  background-color: #f1f2f6;
  pointer-events: none;
}

.form_label.disabled .form_checkmark {
  display: none;
}

.form_inner {
  display: flex;
  align-items: flex-start;
  padding: 0.625rem 1.25rem 0.875rem;
  border: 0.0625rem solid #d9d9d9;
}

.form_inner.grid-x {
  align-items: center;
  justify-content: space-between;
}

@media print, screen and (min-width: 64em) {
  .form_inner.grid-x {
    flex-direction: row-reverse;
  }
}

.form_w6 {
  --lable-margin: 0.625rem;
  flex: 1;
  margin-right: calc(var(--lable-margin) * 0.5);
  margin-left: calc(var(--lable-margin) * 0.5);
}

@media print, screen and (min-width: 64em) {
  .form_w6 {
    margin-right: var(--lable-margin);
    margin-left: var(--lable-margin);
  }
}

.form_input {
  display: none;
}

.form_input:checked + .form_txt {
  border: 0.0625rem solid #222;
}

.form_input:checked + .form_inner {
  border: 0.0625rem solid #222;
}

.form_input:checked + .form_inner .form_checkmark {
  background-color: #00479d;
  border: 0.0625rem solid #00479d;
}

.form_input:checked + .form_inner .form_checkmark .be-icon {
  opacity: 1;
}

.form_input[type='checkbox'] + .form_inner .form_radiotitle {
  margin-right: 0.375rem;
}

.form_txt {
  padding: 0.625rem;
  font-size: 1.125rem;
  font-family: "Noto Serif TC", "serif";
  border: 0.0625rem solid #d9d9d9;
}

.form_span {
  color: #00479d;
}

.form_labelmark:not(:last-of-type) {
  margin-bottom: 0.625rem;
}

.form_checkmark {
  position: relative;
  margin-top: 0.125rem;
  margin-right: 0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  border: 0.0625rem solid #969696;
}

.form_checkmark .be-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  opacity: 0;
  transform: translate(-54%, -50%);
}

.form_radiotitle, .form_radiotxt {
  letter-spacing: 0.05em;
}

.form_checkfield .form_radiotitle {
  font-size: 1rem;
}

.form_checkfield.grid-x {
  align-items: center;
}

.form_checktitle {
  font-size: 1.125rem;
  position: relative;
  display: inline-block;
  margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 40em) {
  .form_checktitle {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 75em) {
  .form_checktitle {
    font-size: 1.25rem;
  }
}

.form_checktitle::before {
  content: '';
  position: absolute;
  bottom: 0.3125rem;
  width: 100%;
  height: 0.0625rem;
  background-color: #222;
}

.form_checktxt {
  font-size: 1rem;
  color: #000;
}

.quantity {
  display: flex;
  align-items: center;
  width: 9.875rem;
}

.quantity_num {
  margin-bottom: 0;
  height: 2.75rem;
  text-align: center;
  border: 0.0625rem solid #d9d9d9;
  box-shadow: none;
  -moz-appearance: textfield;
}

.quantity_num::-webkit-outer-spin-button, .quantity_num::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.quantity_num:focus {
  border: 0.0625rem solid #d9d9d9;
  box-shadow: none;
}

.quantity_btn {
  padding: 0.5rem;
  height: 2.75rem;
  border: 0.0625rem solid #d9d9d9;
}

.quantity_down {
  border-left: 0;
}

.quantity_up {
  border-right: 0;
}

.btn.border-grey {
  color: #909197;
  border: 0.0625rem solid #909197;
  transition: 0.5s;
}

.btn.border-grey:hover {
  cursor: context-menu !important;
  color: #909197 !important;
  background-color: #fff !important;
}


@media print, screen and (max-width: 40em) {
            .media-sec {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: initial;
                margin-bottom: 1.2rem;
                font-size: 1rem;
            }
 
            .media-sec img{
                width: 1.5rem;
            }
 
            .media-sec_box{
                padding: 0.3rem 0.2rem;
            }
 
            .media-sec a:nth-child(1){
                margin-right: 0.5rem;
            }
 
            .media-sec_box:first-of-type {
                margin-bottom: 0rem !important;
            }
 
            .bg-show {
                display: none;
            }
}

.header-bottom.is-show .logo img{
  width: 63px;
  aspect-ratio: 63/45;
}
 
.f-logo img {
  width: 63px;
  aspect-ratio: 63/45;
}


/* 訂閱電子報 */
.subscribe-container{
  background-color: #f1f2f6;
  padding: 1rem 1.5rem;
  margin-bottom: 10px;
  position: relative;
}

.epaper-subscribe{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.subscribe-title{
  font-size: 1rem;
  color: #898989;
  padding-bottom: 10px;
}

.subscribe-btn{
  display: flex;
  position: absolute;
  right: 1.5rem;
}

.description{
  width: 100%;
}

.epaper-type{
  display: flex;
  align-items: center;
}

.description h3{
  color:#00479d;
  font-weight: 600;
}

.description p{
  font-size: 1.1rem;
  width: 83%;
}

.sec-lr-news .subscribe-container {
  padding: 1rem;
}

.sec-lr-news .description h3 {
  font-size: 1.3rem;
}

.sec-lr-news .subscribe-btn .slider{
  transform: scale(0.8);
}

.sec-lr-news .description p {
  font-size: 15px;
}

.sec-lr-news .subscribe-word {
  padding-left: 0px;
}

.sec-lr-news .epaper-preview{
  font-size: 15px;
}

.sec-lr-news .subscribe-container{
  margin-bottom: 0;
}

.newsletter.sec-lr .subscribe-container{
  margin: 0 auto;
  width: 100%;
  max-width: 60rem;
}

.epaper-preview{
  font-size: 1rem;
  padding: 0px 10px;
  border: solid 1px #00479d;
  border-radius: 5px;
  margin-left: 10px;
  text-decoration: none !important;
  color: #00479d;
}

.epaper-preview:hover{
  background: #00479d;
  color: white;
  transition: 0.5s;
}

/* subscribe-btn  */
.subscribe-btn *,
.subscribe-btn ::after,
.subscribe-btn ::before {
  box-sizing: border-box;
}

.subscribe-btn label {
  background: white;
  border-radius: 1rem;
  /* box-shadow: 0px 50px 20px 0 rgba(0,0,0,0.1); */
  display: flex;
  height: 2rem;
  padding: 4px;
  position: relative;
  transition: transform 300ms ease, box-shadow 300ms ease;
  width: 3.5rem;
  margin: 0;
  border: 1px solid #222;
}

.subscribe-btn input {
  display: none;
}

.subscribe-btn label:after {
  animation: move-left 400ms;
  background: #5a5959 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath stroke='#E2E2E2' fill='#E2E2E2' stroke-linecap='round' d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E") no-repeat center;
  border-radius: 12px;
  content: '';
  left: 8px;
  outline: none;
  position: absolute;
  transition: background 100ms linear;
  width: 1.4rem;
  height: 1.4rem;
  left: 5px;
  top: 4px;
  cursor: pointer;
}

.subscribe-btn label:active {
  box-shadow: 0px 10px 20px 0 rgba(0,0,0,0.2);
  transform: scale(1.15);
}

.subscribe-btn input:checked + label:after {
  animation: move-right 400ms;
  background: #00479d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath stroke='white' fill='white' stroke-linecap='round' d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E") no-repeat center;
  left: 35px;
  cursor: initial;
}

.subscribe-btn.checked label{
  cursor:auto;
}

.no-result-content{
  display: none;
}

.search-no-result{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:3rem 0;
}

.search-no-result img{
  width: 60%;
  max-width: 300px;
}

.search-no-result p{
  padding-top: 2rem;
  font-size: 1.5rem;
}


@keyframes move-right {
  0% {
    left: 5px;
  }
  75% {
    left: 35px;
  }
  100% {
    left: 35px;
  }
}

@keyframes move-left {
  0% {
    left: 35px;
  }
  75% {
    left: 2px;
  }
  100% {
    left: 5px;
  }
}

.subscribe-btn.checked label{
  background: none;
  border: none
}

.subscribe-btn.checked label:active {
  box-shadow: none;
  transform: scale(1);
}


.subscribe-word{
  padding-left: 10px;
  color: #5a5959;
  width: max-content;
}

.subscribe-btn.checked .subscribe-word{
  color:#00479d;
  font-weight: 500;
  transition: 0.5s;
}

@media screen and (max-width: 540px) {
  .newsletter-form {
    margin: 0rem !important;
    margin-bottom: 0.5rem !important;
  }

  .epaper-preview {
    font-size: 0.8rem;
  }

  .epaper-subscribe{
      flex-direction: column;
      align-items: flex-start;
  }

  .description{
      width: 100%;
  }

  .description p{
      text-align: justify;
      font-size: 1rem;
      width: 100%;
  }

  .subscribe-btn label{
    transform: scale(0.8);
    right: -8px;
}

  .subscribe-container {
      padding: 1rem 1.25rem;
  }

  .epaper-type {
      margin-bottom: 10px;
  }

  .description h3 {
      font-size: 1.4rem;
  }

  }

.header-top .logo-img.show-large,.article-header .logo .logo-img.show-large{
    width: 63px;
    aspect-ratio: 63/45;
}

@media print, screen and (max-width: 63.99875em) {
  .header-top .logo-img.show-medium,.article-header .logo .logo-img.show-medium{
    width: 49px;
    aspect-ratio: 49/34;
  }
}

@media print, screen and (max-width: 1023px) {
  /* 看更多 */
  .tab_link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: fit-content;
    margin: 1rem auto 1.5rem auto;
    font-size: 16px;
    padding: 5px 20px 5px 23px;
    background: #00479d;
    border-radius: 50px;
    color: white;
    /* border: solid 1px #00479d; */
  }

  .tab_link:focus,.tab_link:hover{
    color: white;
    background: #00479d;
  }

  .tab_link:hover .be-icon {
    color: white;
  }
}

.search-page form{
  display: flex;
  align-items: center;
  white-space: nowrap;
  justify-content: center;
}

.search-page label{
  font-size: 1rem;
  margin-right: 1rem;
}

.search-page-search{
  display: flex;
  border: 0.0625rem solid #d9d9d9;
  border-radius: 5px;
  overflow: hidden;
}

.search-page-search .search-btn{
  padding: 0.7rem 2.5rem 0.7rem 0.6rem;
  color: white;
  
}

.search-page-search .search-btn:hover{
  color:white;
}

.search-result-tag{
  margin-bottom: 5px;
  margin-top: 3rem;
  display: flex;
  justify-content: space-between;
}

.sort-tag-list{
  display: flex;
}

.sort-tag-list li a{
  color:#5f5f63c7;
  cursor: pointer;
}

.sort-tag-list li.is-active a{
  color:black;
  font-weight: 500;
}

.sort-tag-list li:first-of-type{
  padding-right: 1rem;
  padding-left: 3px;
  border-right: solid 1px black;
}

.sort-tag-list li:last-of-type{
  padding-left: 1rem;
}


@media print, screen and (max-width: 540px) {
  .search-btn img{
    width: 45px;
  }
  .search-page-search .search-btn img{
    width: 30px;
    height: auto;
    margin-right: 0px;
  }

  .search-page form {
    align-items: flex-start;
    flex-direction: column;
  }

  .search-page label {
    margin-bottom: 0.5rem;
  }
}

.header_bottom_ad p{
  padding: 1rem;
  font-size: 1.125rem;
  width: fit-content;
  margin: 0 auto;
}

.header_bottom_ad p .font-bold{
  color:#00479d;
}

.header_bottom_ad p img{
  width: 13px;
  margin: 0 5px 5px 3px;
  vertical-align: middle;
}

.header_bottom_ad p .header_bottom_ad_link a{
  transition: 0.5s;
  border-bottom: solid 1px #00000000;
  color: #000;
}

.header_bottom_ad p .header_bottom_ad_link a:hover{
  border-bottom: solid 1px #000;
  color: black;
}

@media screen and (max-width: 540px){
	.header_bottom_ad p img {
		width: 13px;
		margin: 0 2px 5px 2px;
	}
	.header_bottom_ad p {
		padding: 1rem;
		font-size: 1.125rem;
	}
}

.submenu-banner img{
  width: 50% !important;
}

@media print, screen and (max-width: 1024px) {
  .header-submenu_box .submenu-banner.object-fit::before {
    padding-top: 40%;
  }

  .header-submenu_box .submenu-banner {
    max-width: calc(100% / 3 - 12px);
  }

  .header-submenu_box .submenu-banner-txt {
    font-size: 1.2rem;
  }

  .header-submenu_box .menu-link {
    width: 100%;
  }
  .header-submenu_box .submenu-banner-txt {
    right: 10%;
  }
}

@media print, screen and (max-width: 820px) {
  .header-submenu_box .submenu-banner {
    width: 100%;
    max-width: calc(100% / 3 - 12px);
  }
  .submenu-banner img {
    position: relative;
    width: 100% !important;
  }
  .header-submenu_box .submenu-banner-txt {
    position: relative;
    top: initial;
    right: auto !important;
    transform: initial;
    width: 100%;
    text-align: center;
    background: #efefef;
    padding: 2px 0;
  }

  .header-submenu_box .submenu-banner {
    max-width: calc(100% / 3 - 12px);
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }

  .header-submenu_box .submenu-banner.object-fit::before {
    padding-top: 0;
  }
}

@media print, screen and (max-width: 540px) {
  .btn .arrow { 
    right: 0.6rem;
  }

  .header-submenu_box .submenu-banner-txt {
    font-size: 1rem;
  }
}

   #anchor-ad-container {
      position: fixed;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%) translateY(100%);
      background-color: #fff;
      z-index: 9999;
      box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
      text-align: center;
      opacity: 0;
      transition: transform 0.5s ease-out, opacity 0.5s ease-out;
      display: none;
    }

    #anchor-ad-container.show {
      transform: translateX(-50%) translateY(0);
      opacity: 1;
    }

    .ad-slot {
      margin: 0 auto;
      display: inline-block;
    }

    .close-anchor-ad {
      position: absolute;
      right: 0;
      top: -32px;
      background: gray;
      color: #fff;
      border: none;
      font-size: 14px;
      padding: 4px 8px;
      cursor: pointer;
      z-index: 10000;
    }