@charset "UTF-8";
/* CSS Document */

section, article, aside, footer, header, nav, h2 { display:block;}

body { padding:0; margin:0 auto; color: #414141; font-size:1em; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #fff; position: relative;}
img { border:0; display: block;}

/*html, body { height: 100%;}*/


@media screen and (min-width: 1370px) {

  .page-channel-cont { width: 70%; padding: 120px 0; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center;}
  .page-channel-cont .channel-logo { width: 200px;}
  .page-channel-cont .channel-logo img { width: 160px; height: auto;}
  .page-channel-cont .channel-intro { width: calc(100% - 300px); font-size: 1.2rem; line-height: 2em;}
  .page-channel-cont .channel-intro a { color: #229560; text-decoration: none;}
  .page-channel-cont .channel-intro a:hover { border-bottom: 1px #229560 solid;}


}

@media screen and (min-width: 1024px) and (max-width: 1369px) {

  .page-channel-cont { width: 80%; padding: 120px 0; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center;}
  .page-channel-cont .channel-logo { width: 200px;}
  .page-channel-cont .channel-logo img { width: 160px; height: auto;}
  .page-channel-cont .channel-intro { width: calc(100% - 300px); font-size: 1.2rem; line-height: 2em;}
  .page-channel-cont .channel-intro a { color: #229560; text-decoration: none;}
  .page-channel-cont .channel-intro a:hover { border-bottom: 1px #229560 solid;}


}

@media screen and (min-width: 768px) and (max-width: 1023px) {

  .page-channel-cont { width: 90%; padding: 120px 0; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center;}
  .page-channel-cont .channel-logo { width: 200px;}
  .page-channel-cont .channel-logo img { width: 160px; height: auto;}
  .page-channel-cont .channel-intro { width: calc(100% - 300px); font-size: 1.2rem; line-height: 2em;}
  .page-channel-cont .channel-intro a { color: #229560; text-decoration: none;}
  .page-channel-cont .channel-intro a:hover { border-bottom: 1px #229560 solid;}


}

@media screen and (max-width: 767px) {

  .page-channel-cont { width: 100%; padding: 60px 20px; box-sizing: border-box;}
  .page-channel-cont .channel-logo { width: 80%; margin: 0 auto;}
  .page-channel-cont .channel-logo img { width: 100%; height: auto;}
  .page-channel-cont .channel-intro { width: 100%; margin: 60px 0 0 0; font-size: 1.2rem; line-height: 2em;}
  .page-channel-cont .channel-intro a { color: #229560; text-decoration: none;}
  .page-channel-cont .channel-intro a:hover { border-bottom: 1px #229560 solid;}


}