:root {
  --white: #fcfcfc;
  --steel-blue: #158cc7;
  --dark-slate-blue: #49318e;
  --brownred: #aa3535;
  --orange: #faaa00;
  --orange-2: #f2ab16;
  --medium-sea-green: #58a072;
  --medium-violet-red: #be236e;
  --black: #2b2b2b;
  --white-smoke: #f0f0f0;
  --dim-grey: #888;
}

body {
  color: #333;
  font-family: Noto Sans TC, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Noto Sans TC, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Noto Sans TC, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Noto Sans TC, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Noto Sans TC, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Noto Sans TC, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Noto Sans TC, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  text-align: justify;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 32px;
}

a {
  cursor: pointer;
  font-family: Noto Sans TC, sans-serif;
  text-decoration: underline;
}

.twoone {
  padding-bottom: 50%;
  position: relative;
}

.feature-cat {
  color: var(--white);
  background-color: #c91b6f;
  margin-top: 0;
  margin-bottom: 0;
  padding: 3px 9px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.feature-cat:hover {
  text-decoration: none;
}

.feature-cat.blue {
  background-color: var(--steel-blue);
}

.feature-cat.blue.inverse {
  border-bottom-color: var(--steel-blue);
  color: var(--steel-blue);
  background-color: #0000;
  padding-left: 0;
}

.feature-cat.blue.inverse:hover {
  border-bottom-width: 3px;
  font-weight: 700;
}

.feature-cat.purple {
  background-color: var(--dark-slate-blue);
}

.feature-cat.purple.inverse {
  border-bottom-color: var(--dark-slate-blue);
  color: var(--dark-slate-blue);
  background-color: #0000;
  padding-left: 0;
}

.feature-cat.purple.inverse:hover {
  border-bottom-width: 3px;
  font-weight: 700;
}

.feature-cat.red {
  border-bottom: 1px solid var(--brownred);
  color: var(--brownred);
  background-color: #0000;
  margin-right: 9px;
  padding-left: 0;
  padding-right: 0;
}

.feature-cat.red:hover {
  border-bottom: 3px solid var(--brownred);
  font-weight: 700;
}

.feature-cat.yellow {
  border-bottom: 1px solid var(--orange);
  color: var(--orange-2);
  background-color: #0000;
  margin-right: 9px;
  padding-left: 0;
  padding-right: 0;
}

.feature-cat.yellow:hover {
  border-bottom-width: 3px;
  font-weight: 700;
}

.feature-cat.green {
  border-bottom: 1px solid var(--medium-sea-green);
  color: var(--medium-sea-green);
  background-color: #0000;
  margin-right: 9px;
  padding-left: 0;
  padding-right: 0;
}

.feature-cat.green:hover {
  border-bottom-width: 3px;
  font-weight: 700;
}

.feature-cat.inverse {
  border-bottom: 1px solid var(--medium-violet-red);
  color: var(--medium-violet-red);
  background-color: #0000;
  margin-right: 9px;
  padding-left: 0;
  padding-right: 0;
}

.feature-cat.inverse:hover {
  border-bottom-width: 3px;
  font-weight: 700;
}

.feature-cat.cn-team {
  background-color: var(--brownred);
}

.feature-cat.opinion {
  background-color: var(--steel-blue);
}

.feature-cat.blog {
  background-color: var(--dark-slate-blue);
}

.feature-cat.inter {
  background-color: var(--orange);
}

.feature-cat-con {
  margin-top: 12px;
  margin-bottom: 6px;
  display: flex;
}

.feature-story {
  color: #111;
  background-color: #e6e6e6;
  margin-top: 0;
  margin-bottom: 0;
  padding: 3px 9px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.feature-story.reverse {
  background-color: var(--black);
  color: var(--white-smoke);
}

.feature-story.reverse.inner {
  border: 1px solid var(--dim-grey);
  color: #6d6d6d;
  background-color: #0000;
  border-radius: 2px;
  font-weight: 700;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
}

.feature-story.reverse.inner:hover {
  color: var(--white);
  background-color: #6d6d6d;
}

.feature-story.reverse.inner.tag {
  margin-bottom: 6px;
  margin-right: 6px;
}

.rounded {
  background-color: var(--dim-grey);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.author-con {
  align-items: center;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

.paragraph-2 {
  margin-bottom: 0;
  margin-left: 12px;
}

.np-main-con {
  max-width: 1200px;
}

.np-main-con.nav-con {
  z-index: 100;
  background-color: #fcfcfccc;
  max-width: 1202px;
  position: fixed;
  inset: 0% 0% auto;
}

.np-main-con.article {
  flex-direction: column;
  align-items: center;
  max-width: 720px;
  margin-top: 48px;
  display: flex;
}

.np-main-con.story-art {
  border-top: 2px solid #000;
  justify-content: center;
  display: flex;
}

.np-main-con.news {
  border-top: 1px solid var(--white-smoke);
  padding-top: 24px;
}

.np-head {
  border-bottom: 1px solid var(--dim-grey);
  flex-direction: row;
  height: 480px;
  margin-top: 40px;
  display: flex;
}

.np-head.news {
  border-bottom-width: 0;
}

.np-logo-con {
  background-color: #fff;
  width: 200px;
  padding: 30px;
}

.np-head-info {
  border-bottom: 2px solid var(--black);
  justify-content: space-between;
  width: 100%;
  height: 40px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
}

.np-weather-con {
  align-items: center;
  display: flex;
}

.weather-text {
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 10px;
}

.weather-text.large {
  font-size: 16px;
}

.image-5 {
  width: 40px;
  height: 40px;
}

.np-head-date-con {
  align-items: center;
  display: flex;
  position: relative;
}

.np-head-date {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.np-header {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 58px;
  line-height: 67px;
}

.np-header.english {
  margin-top: 12px;
  font-size: 19px;
  line-height: 22px;
}

.np-logo {
  margin-bottom: 12px;
}

.np-splash {
  flex: 1;
}

.np-splash.layout3 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  margin-right: 6px;
  display: grid;
}

.np-splash.layout3.news {
  grid-template-columns: 1fr 1fr 1fr;
}

.np-feat-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #dadada;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.np-content-inner {
  background-color: var(--white);
  cursor: pointer;
  padding: 36px 36px 72px;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
}

.np-content-inner:hover {
  background-color: var(--white-smoke);
  color: var(--black);
}

.np-content-inner.twoone {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.np-content-inner.twoone.story {
  border-bottom: 1px solid var(--dim-grey);
  padding-bottom: 36px;
}

.np-content-inner.np-twoone {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.np-content-inner.news {
  border-bottom: 1px solid var(--dim-grey);
  border-left: 1px solid var(--dim-grey);
}

.np-header2 {
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Noto Serif TC, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 31px;
}

.np-body {
  background-color: var(--white);
}

.np-header2-alt-1 {
  margin-top: 0;
  font-size: 19px;
  line-height: 25px;
}

.np-header2-alt-2 {
  margin-top: 0;
  margin-bottom: 6px;
  font-family: Noto Serif TC, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 27px;
}

.np-feat-3.story {
  flex-direction: column;
  display: flex;
}

.np-main-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid var(--dim-grey);
  grid-template-rows: auto;
  grid-template-columns: 1.618fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.np-main-grid._3 {
  grid-template-columns: 1fr 1.618fr;
}

.np-main-bar {
  border-right: 1px solid var(--dim-grey);
}

.np-side-bar {
  flex-direction: column;
  display: flex;
}

.div-block-3 {
  padding: 36px;
  position: relative;
}

.np-ad-img {
  width: 100%;
  height: 100%;
}

.div-block-4 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.sixteen-nine-placeholder {
  border: 1px solid #000;
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}

.np-splash-text-con {
  background-image: linear-gradient(#0000, #000);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 120px;
  padding: 24px;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.np-slash-text {
  color: var(--white);
  border-bottom: 2px solid #0000;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 6px;
  font-family: Noto Serif TC, sans-serif;
  font-weight: 700;
  position: relative;
}

.np-slash-text:hover {
  text-decoration: underline;
}

.np-slash-text.smaller {
  font-size: 26px;
  line-height: 30px;
}

.np-sidebar-author-con {
  cursor: pointer;
  padding: 24px;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
}

.np-sidebar-author-con:hover {
  background-color: var(--white-smoke);
}

.np-sidebar-author-con.tags {
  border-top: 1px solid var(--dim-grey);
  flex-wrap: wrap;
  display: flex;
}

.np-side-author-con {
  align-items: center;
  display: flex;
}

.np-author-placeholder {
  background-color: var(--dim-grey);
  border-radius: 50%;
  min-width: 60px;
  min-height: 60px;
}

.np-author {
  margin-bottom: 0;
  font-weight: 700;
}

.np-sidebar-quote {
  margin-bottom: 0;
  line-height: 22px;
}

.np-side-text-con {
  margin-left: 12px;
}

.np-sidebar-quote-con {
  display: flex;
}

.np-quote-mark {
  margin-bottom: 0;
  margin-right: 3px;
  font-size: 19px;
  font-weight: 700;
}

.np-quote-mark.end {
  align-items: flex-end;
  margin-left: 3px;
  margin-right: 0;
  display: flex;
}

.np-p-short {
  line-height: 22px;
  text-decoration: none;
}

.np-head-side-con {
  border-right: 1px solid var(--dim-grey);
  border-left: 1px solid var(--dim-grey);
  flex-direction: column;
  display: flex;
}

.np-donate-con {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.np-donate-linkbox {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.np-donate-text {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

.np-donate-colour {
  background-color: var(--black);
  background-image: linear-gradient(to bottom, var(--orange), var(--medium-violet-red));
  width: 250%;
  height: 600%;
  position: absolute;
}

.np-top-nav {
  align-items: center;
  display: flex;
}

.np-nav-link {
  color: var(--black);
  margin-left: 6px;
  margin-right: 6px;
  padding: 6px 12px;
  text-decoration: none;
}

.np-nav-link:hover {
  text-decoration: underline;
}

.np-feat-main-story-con {
  border-bottom: 1px solid var(--dim-grey);
  justify-content: center;
  align-items: center;
  padding-bottom: 72px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.np-feat-main-story {
  text-align: center;
  width: 540px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 29px;
  font-weight: 300;
}

.np-story-head-con {
  background-color: var(--white);
  border-bottom: 1px solid #dfdfdf;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex;
  position: relative;
}

.np-story-head {
  border-right: 1px solid var(--black);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 6px 24px;
  font-size: 16px;
  line-height: 16px;
}

.np-story-head.primary {
  color: var(--medium-violet-red);
}

.np-story-head.blue {
  color: #188cc6;
}

.np-story-head.pink {
  color: #966503;
}

.np-story-head.green {
  color: #3b8055;
}

.np-nav-logo-con {
  opacity: 0;
  align-items: center;
  display: flex;
  position: absolute;
}

.image-6 {
  width: 30px;
  height: 30px;
}

.np-nav-logo {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 6px;
  font-size: 16px;
}

.footer-2 {
  background-color: var(--black);
  color: var(--white);
  text-align: center;
  align-items: flex-start;
  margin-top: 108px;
  padding-top: 60px;
  padding-bottom: 40px;
}

.footer-flex-container {
  text-align: left;
  justify-content: space-between;
  margin-bottom: 40px;
  display: flex;
}

.footer-flex-container.mobile {
  display: none;
}

.footer-logo-link {
  flex: 0 auto;
  min-width: 60px;
  max-height: 60px;
}

.footer-image {
  object-fit: contain;
  object-position: 0% 50%;
  width: 100%;
  height: 100%;
}

.footer-heading {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
}

.footer-link {
  color: var(--white);
  margin-bottom: 10px;
  text-decoration: none;
  display: block;
}

.footer-link:hover {
  text-decoration: underline;
}

.bold-text-3 {
  border: 2px solid var(--white);
  border-radius: 12px;
  padding: 12px;
}

.np-extra-line {
  border-top: 1px solid #dfdfdf;
  padding-top: 3px;
}

.np-infograph-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.np-infograph-img-con {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}

.np-infograph-img {
  filter: blur(1px) grayscale(70%) brightness(70%);
  cursor: pointer;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
  position: absolute;
}

.np-infograph-img:hover {
  filter: blur() grayscale(0%) brightness();
}

.np-vid-con {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--black);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-5 {
  padding: 24px;
}

.np-vid-head {
  color: var(--white);
}

.np-vid-desc {
  color: var(--white);
  line-height: 22px;
}

.text-span {
  font-style: italic;
}

.np-article-headline {
  color: #686666;
  text-align: justify;
  margin-top: 0;
  font-size: 29px;
  font-weight: 700;
  line-height: 35px;
}

.np-article-con {
  flex-direction: column;
  max-width: 600px;
  margin-top: 36px;
  margin-bottom: 36px;
  display: flex;
}

.np-article-info {
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
}

.np-article-info-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
}

.np-article-info-text.date {
  font-size: 14px;
}

.np-author-con {
  align-items: center;
  display: flex;
}

.np-author-img {
  background-color: var(--dim-grey);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  margin-right: 12px;
  overflow: hidden;
}

.np-article-cat-con {
  margin-bottom: 24px;
  display: inline-block;
}

.np-article-cat-text {
  border-bottom: 1px solid #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 48px;
  font-size: 16px;
  line-height: 14px;
}

.np-article-cat-text.blue {
  border-bottom-color: var(--steel-blue);
  color: var(--steel-blue);
  font-weight: 300;
}

.np-article-img {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}

.np-article-end-con {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 600px;
  display: flex;
}

.paragraph-3 {
  letter-spacing: 1px;
}

.img169 {
  background-color: var(--dim-grey);
  width: 100%;
  height: 100%;
  padding-bottom: 56.25%;
  position: relative;
}

.image-7 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.image-8 {
  filter: invert();
  width: 30px;
  height: 24px;
}

.read-time {
  color: #646464;
  letter-spacing: 1px;
  margin-top: 32px;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 300;
  line-height: 14px;
}

.div-block-9 {
  text-align: right;
  font-size: 10px;
}

.section-2 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.tag-container {
  white-space: nowrap;
  align-self: center;
  width: 90%;
  height: 100%;
  margin-left: 18px;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  overflow: auto;
}

.head-tag {
  margin-right: 12px;
  padding: 6px;
  line-height: 14px;
  display: inline;
}

.head-tag.selected {
  border-bottom: 1px solid #000;
  font-weight: 700;
}

.tag-con-overlay {
  background-image: linear-gradient(to right, #fff0, #fff);
  width: 20%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.tw-like-con {
  width: 100%;
  height: 600px;
  padding: 36px;
}

.tw-like-inside {
  border-radius: 24px;
  width: 100%;
  height: 100%;
  padding: 36px;
  box-shadow: 1px 1px 3px 1px #8886;
}

.tw-header {
  margin-top: 0;
  margin-bottom: 24px;
}

.tw-bubble {
  background-color: var(--white-smoke);
  border-radius: 12px;
  padding: 12px;
}

.tw-bubblewrap {
  margin-bottom: 12px;
}

.tw-time {
  color: var(--dim-grey);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 10px;
}

.head-link {
  width: 10%;
  text-decoration: none;
}

.article-img-con {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
}

.fig-cap-con {
  color: var(--dim-grey);
  padding-top: 12px;
  padding-bottom: 12px;
}

.fig-cap {
  font-size: 14px;
  font-weight: 300;
}

.text-span-2 {
  letter-spacing: 2px;
  margin-left: 6px;
  font-family: Noto Serif TC, sans-serif;
  font-weight: 700;
}

.home-splash-1 {
  width: 100%;
  height: 100%;
  position: relative;
}

.home-splash-link-1 {
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: relative;
}

.home-splash-link-1:hover {
  text-decoration: underline;
}

.cat-link {
  color: var(--white);
  cursor: pointer;
  flex: 0 auto;
  text-decoration: none;
}

.cat-link:hover {
  text-decoration: underline;
}

.link {
  color: var(--black);
  cursor: pointer;
  text-decoration: none;
}

.link:hover {
  text-decoration: underline;
}

.sub-btn-con {
  width: 180px;
  height: 50px;
}

.sub-block-con {
  border: 1px solid var(--white-smoke);
  flex-direction: column;
  align-items: center;
  margin-top: 36px;
  margin-bottom: 36px;
  padding: 24px;
  display: flex;
}

.sm-btn {
  background-color: var(--white-smoke);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 12px;
  display: flex;
}

.share-con {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 24px;
  display: flex;
}

.sm-btn-con {
  display: flex;
}

.sub-page {
  padding-left: 36px;
  padding-right: 36px;
  display: flex;
}

.sub-info-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.sub-info-inner {
  max-width: 100%;
  padding: 72px 36px 36px;
  position: relative;
}

.sub-h1 {
  text-align: left;
  margin-bottom: 24px;
}

.sub-p {
  margin-top: 24px;
  margin-bottom: 24px;
}

.sub-h2 {
  color: var(--medium-violet-red);
  text-align: left;
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 32px;
  line-height: 44px;
}

.sub-h3 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.sub-call-to-action {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.html-embed {
  width: 100%;
}

.sub-table {
  flex-direction: row;
  width: 100%;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

.sub-table-left-2 {
  width: 10%;
}

.sub-table-right-2 {
  width: 90%;
}

.sub-left {
  color: var(--medium-violet-red);
  font-weight: 700;
}

.sub-img {
  margin-bottom: 24px;
}

.sub-min {
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 13px;
}

.sub-table-left {
  width: 30%;
}

.sub-table-right {
  width: 70%;
}

.story-head {
  margin-top: 72px;
}

.story-h1 {
  font-family: Noto Serif TC, sans-serif;
}

.story-h1.news-h1 {
  color: var(--medium-violet-red);
}

.story-h1.china-h1 {
  color: var(--brownred);
}

.story-h1.opinion-h1 {
  color: var(--steel-blue);
}

.story-h1.blog-h1 {
  color: var(--dark-slate-blue);
}

.story-h1.inter-h1 {
  color: var(--orange);
}

.story-feature {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
}

.story-description {
  max-width: 600px;
}

.story-feature-con {
  align-items: flex-start;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

.story-art-link {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Serif TC, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 21px;
}

.story-article-con {
  max-width: 720px;
}

.news-h1-con {
  border-bottom: 3px solid var(--medium-violet-red);
}

.news-h1-con.cn {
  border-bottom-color: var(--brownred);
}

.news-h1-con.opinion {
  border-bottom-color: var(--steel-blue);
}

.news-h1-con.blog {
  border-bottom-color: var(--dark-slate-blue);
}

.news-h1-con.inter {
  border-bottom-color: var(--orange);
}

.np-head-mobile {
  display: none;
}

@media screen and (min-width: 1440px) {
  .twoone {
    padding-bottom: 50%;
    position: relative;
  }

  .feature-cat {
    margin-top: 0;
    margin-bottom: 0;
    padding: 6px;
  }

  .feature-cat-con {
    flex-direction: row;
    display: flex;
  }

  .feature-story {
    color: #111;
    background-color: #acacac;
    margin-top: 0;
    margin-bottom: 0;
    padding: 6px;
    font-size: 18px;
    line-height: 22px;
  }

  .feature-story.reverse {
    font-size: 14px;
  }

  .np-main-con {
    max-width: 1440px;
  }

  .np-main-con.nav-con {
    max-width: 1442px;
  }

  .np-content-inner.np-twoone {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .np-main-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .np-nav-link:hover {
    font-weight: 700;
  }

  .footer-2 {
    background-color: var(--black);
    color: var(--white);
  }

  .footer-heading.np-sub-focus {
    border: 1px solid var(--white);
    padding: 16px;
  }

  .footer-link {
    color: var(--white);
  }

  .np-head-mobile {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .np-head {
    flex-direction: column;
  }

  .np-logo-con, .np-head-info {
    display: none;
  }

  .np-splash.layout3 {
    margin-bottom: 6px;
    margin-right: 0;
  }

  .np-feat-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-flex-container {
    display: none;
  }

  .footer-flex-container.mobile {
    flex-direction: column;
    display: flex;
  }

  .sub-page {
    flex-direction: column;
  }

  .sub-info-wrap {
    width: 100%;
  }

  .sub-call-to-action {
    width: 100%;
    height: auto;
  }

  .np-head-mobile {
    background-color: var(--white);
    display: block;
  }

  .logomobile {
    width: 36px;
    height: 36px;
  }

  .brand {
    flex: 1;
    align-items: center;
    display: flex;
  }

  .container {
    flex-direction: row;
    justify-content: space-around;
    display: flex;
  }

  .navbar-2 {
    background-color: var(--white);
  }

  .np-mobile-foot-con {
    flex: 1;
    justify-content: space-between;
    margin-bottom: 24px;
    display: flex;
  }

  .foot-sub {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .accordian-con {
    margin-top: 6px;
  }

  .acco-head {
    border-top: 1px solid var(--dim-grey);
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    display: flex;
  }

  .icon {
    margin-left: 0;
    margin-right: 0;
    position: static;
  }

  .acco-context {
    background-color: var(--dim-grey);
    padding: 12px;
    display: none;
  }

  .text-block {
    font-weight: 700;
  }

  .text-block-2 {
    margin-top: 12px;
  }
}

@media screen and (max-width: 767px) {
  .np-main-con.article {
    padding-left: 12px;
    padding-right: 12px;
  }

  .np-head {
    flex-direction: column;
    height: auto;
  }

  .np-logo-con, .np-head-info {
    display: none;
  }

  .np-splash.layout3, .np-feat-grid.news-section {
    grid-template-columns: 1fr 1fr;
  }

  .np-main-grid, .np-main-grid._3 {
    grid-template-columns: 1fr;
  }

  .np-feat-main-story {
    width: 100%;
  }

  .footer-2 {
    padding: 40px 20px;
  }

  .footer-image {
    object-fit: contain;
  }

  .np-infograph-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sub-info-inner {
    padding-left: 0;
    padding-right: 0;
  }

  .logomobile {
    width: 36px;
    height: 36px;
    margin-right: 6px;
  }

  .logo-mobile-text {
    font-weight: 700;
  }

  .brand {
    flex: 1;
    align-items: center;
    display: flex;
  }

  .container {
    justify-content: space-between;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .np-head {
    margin-top: 60px;
  }

  .np-content-inner.np-twoone {
    grid-template-columns: 1fr;
  }

  .footer-2 {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-flex-container {
    flex-direction: column;
  }

  .footer-logo-link {
    height: 60px;
  }

  .footer-heading {
    margin-top: 20px;
  }

  .np-infograph-grid {
    grid-template-columns: 1fr;
  }

  .sub-page {
    padding-left: 12px;
    padding-right: 12px;
  }
}

#w-node-fb55dc1f-2cb0-ce33-d128-b267fb540a11-50b2d863 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-fb55dc1f-2cb0-ce33-d128-b267fb540a1f-50b2d863, #w-node-fb55dc1f-2cb0-ce33-d128-b267fb540a2a-50b2d863 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a1461f0c-72a1-d156-3b2c-5d9cd8015556-50b2d863 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_8af855ed-6740-5137-3e3e-53a5f36deeb9-50b2d863 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_441dced4-0c8d-5a5b-3db2-acd52e07018b-50b2d863, #w-node-_7ddcce62-343c-d99d-37e5-1e7ada3236dd-50b2d863 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_441dced4-0c8d-5a5b-3db2-acd52e070193-50b2d863 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_1c510303-0cf5-2c11-1432-540b23b0f70d-50b2d863 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_1c510303-0cf5-2c11-1432-540b23b0f715-50b2d863 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_2c4c0fd0-880c-2300-836b-2b9f8d81a860-9bb3d88c {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_2c4c0fd0-880c-2300-836b-2b9f8d81a868-9bb3d88c {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_4f8b51af-4881-471e-bc46-564cf7aac0e8-26ea4c6d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0135727e-684c-c32a-6db2-95766476adcb-26ea4c6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1c510303-0cf5-2c11-1432-540b23b0f70d-26ea4c6d {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_1c510303-0cf5-2c11-1432-540b23b0f715-26ea4c6d {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_4f8b51af-4881-471e-bc46-564cf7aac0e8-95d87988 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0135727e-684c-c32a-6db2-95766476adcb-95d87988 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1c510303-0cf5-2c11-1432-540b23b0f70d-95d87988 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_1c510303-0cf5-2c11-1432-540b23b0f715-95d87988 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_4f8b51af-4881-471e-bc46-564cf7aac0e8-bd020c50 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0135727e-684c-c32a-6db2-95766476adcb-bd020c50 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1c510303-0cf5-2c11-1432-540b23b0f70d-bd020c50 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_1c510303-0cf5-2c11-1432-540b23b0f715-bd020c50 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_4f8b51af-4881-471e-bc46-564cf7aac0e8-50d87ccc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0135727e-684c-c32a-6db2-95766476adcb-50d87ccc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1c510303-0cf5-2c11-1432-540b23b0f70d-50d87ccc {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_1c510303-0cf5-2c11-1432-540b23b0f715-50d87ccc {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_4f8b51af-4881-471e-bc46-564cf7aac0e8-c2df5b42 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0135727e-684c-c32a-6db2-95766476adcb-c2df5b42 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1c510303-0cf5-2c11-1432-540b23b0f70d-c2df5b42 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_1c510303-0cf5-2c11-1432-540b23b0f715-c2df5b42 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-a1461f0c-72a1-d156-3b2c-5d9cd8015556-50b2d863 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8af855ed-6740-5137-3e3e-53a5f36deeb9-50b2d863 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4e00d1a7-eb01-72cd-eff5-8c9ef8218472-50b2d863, #w-node-_8e2fa38c-5bfb-aff0-b7b5-4b9897e46d4d-50b2d863 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_441dced4-0c8d-5a5b-3db2-acd52e07018b-50b2d863, #w-node-_7ddcce62-343c-d99d-37e5-1e7ada3236dd-50b2d863 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_441dced4-0c8d-5a5b-3db2-acd52e070193-50b2d863 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f70d-50b2d863 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f715-50b2d863 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f71d-50b2d863, #w-node-_1c510303-0cf5-2c11-1432-540b23b0f722-50b2d863 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_2c4c0fd0-880c-2300-836b-2b9f8d81a860-9bb3d88c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2c4c0fd0-880c-2300-836b-2b9f8d81a868-9bb3d88c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2c4c0fd0-880c-2300-836b-2b9f8d81a870-9bb3d88c, #w-node-_2c4c0fd0-880c-2300-836b-2b9f8d81a875-9bb3d88c, #w-node-_0135727e-684c-c32a-6db2-95766476adcb-26ea4c6d {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f70d-26ea4c6d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f715-26ea4c6d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f71d-26ea4c6d, #w-node-_1c510303-0cf5-2c11-1432-540b23b0f722-26ea4c6d, #w-node-_0135727e-684c-c32a-6db2-95766476adcb-95d87988 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f70d-95d87988 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f715-95d87988 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f71d-95d87988, #w-node-_1c510303-0cf5-2c11-1432-540b23b0f722-95d87988, #w-node-_0135727e-684c-c32a-6db2-95766476adcb-bd020c50 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f70d-bd020c50 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f715-bd020c50 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f71d-bd020c50, #w-node-_1c510303-0cf5-2c11-1432-540b23b0f722-bd020c50, #w-node-_0135727e-684c-c32a-6db2-95766476adcb-50d87ccc {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f70d-50d87ccc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f715-50d87ccc {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f71d-50d87ccc, #w-node-_1c510303-0cf5-2c11-1432-540b23b0f722-50d87ccc, #w-node-_0135727e-684c-c32a-6db2-95766476adcb-c2df5b42 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f70d-c2df5b42 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f715-c2df5b42 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f71d-c2df5b42, #w-node-_1c510303-0cf5-2c11-1432-540b23b0f722-c2df5b42 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-fb55dc1f-2cb0-ce33-d128-b267fb540a1f-50b2d863, #w-node-fb55dc1f-2cb0-ce33-d128-b267fb540a2a-50b2d863 {
    grid-column: span 2 / span 2;
  }

  #w-node-a1461f0c-72a1-d156-3b2c-5d9cd8015556-50b2d863, #w-node-_8af855ed-6740-5137-3e3e-53a5f36deeb9-50b2d863, #w-node-_1c510303-0cf5-2c11-1432-540b23b0f70d-50b2d863, #w-node-_1c510303-0cf5-2c11-1432-540b23b0f715-50b2d863 {
    grid-column: span 3 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_49a002dd-3d7c-ae1d-6bdb-ec2a36324734-50b2d863, #w-node-_18d0c93a-55b1-923d-96aa-a39f3306500a-50b2d863, #w-node-_4a38f65b-153e-dec7-69f7-4477726d839c-50b2d863, #w-node-_1390faa2-95b6-c3f6-2bd6-7798383c8f03-50b2d863 {
    order: -9999;
  }

  #w-node-_441dced4-0c8d-5a5b-3db2-acd52e07018b-50b2d863, #w-node-_7ddcce62-343c-d99d-37e5-1e7ada3236dd-50b2d863 {
    grid-column: span 2 / span 2;
  }

  #w-node-_441dced4-0c8d-5a5b-3db2-acd52e07019a-50b2d863 {
    order: -9999;
  }

  #w-node-c6eeead1-d9f1-2de7-3a13-468695797d05-50b2d863 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_933f8556-5dc7-104f-e998-032928015946-50b2d863 {
    order: -9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1c510303-0cf5-2c11-1432-540b23b0f71c-50b2d863 {
    order: -9999;
  }

  #w-node-_2c4c0fd0-880c-2300-836b-2b9f8d81a860-9bb3d88c, #w-node-_2c4c0fd0-880c-2300-836b-2b9f8d81a868-9bb3d88c {
    grid-column: span 3 / span 3;
  }

  #w-node-_2c4c0fd0-880c-2300-836b-2b9f8d81a86f-9bb3d88c {
    order: -9999;
  }
}