@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;700&family=Noto+Serif+TC:wght@300;400;700&family=Raleway:wght@300;400;700&display=swap");
.channel-section {
  margin-bottom: 50px; }

.channel h3.subtitle {
  font-size: 36px;
  font-family: "Noto Serif TC", serif; }

.channel .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #dedede; }
  .channel .card:last-child {
    border: none; }
  .channel .card-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
    border: none;
    padding: 30px 20px; }
  .channel .card-img {
    width: 230px; }
  .channel .card .circle span {
    -webkit-transform: translate(8%, 0);
    -ms-transform: translate(8%, 0);
    transform: translate(8%, 0); }

@media screen and (max-width: 960px) {
  .channel .card {
    display: block;
    border: none; }
    .channel .card:last-child .card-item:last-child {
      border: none; }
    .channel .card-item {
      width: 100%;
      border-bottom: 1px solid #dedede; } }

@media screen and (max-width: 640px) {
  .channel .card-img {
    width: auto;
    text-align: center; } }

.download .article-main h3 {
  font-size: 36px;
  font-family: "Noto Serif TC", serif; }

.download .grid-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%; }

.download .grid-img {
  padding-top: 123.07692%; }

@media screen and (max-width: 1024px) {
  .download .article-main h3 {
    font-size: 30px; } }

@media screen and (max-width: 768px) {
  .download .article-main h3 {
    font-size: 26px; } }

@media screen and (max-width: 640px) {
  .download .grid-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%; } }

@media screen and (max-width: 480px) {
  .download .article-main h3 {
    font-size: 24px; }
  .download .grid-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; } }

/*# sourceMappingURL=guide.css.map */