@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500&family=Oswald:wght@300;600&family=Poppins:wght@300&display=swap");
.test {
  height: 500px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 200px) and (max-width: 1920px) {
    .test {
      background-color: blue; } }

.contentBox .leftBox {
  padding: 0 50px 0 0; }

.contentBox .rightBox {
  padding: 0; }

.classNote {
  max-width: 690px;
  font-size: 14px;
  letter-spacing: 0.06em;
  line-height: 25px;
  color: #4A4A4A;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px; }

.facList {
  margin: 0 -15px; }
  .facList li {
    padding: 0 15px 30px; }
    .facList li:hover .Img:before {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1; }
    .facList li:hover .Img img {
      opacity: 0.4; }
  .facList .Img {
    position: relative;
    overflow: hidden; }
    .facList .Img:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 120px;
      height: 120px;
      background-image: url(../images/icon.png);
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
      pointer-events: none;
      -webkit-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px);
      opacity: 0;
      z-index: 1;
      margin-top: -60px;
      margin-left: -60px; }
    .facList .Img img {
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
      display: block;
      width: 100%;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
  .facList .Txt {
    padding: 15px;
    text-align: center;
    background-color: #fff; }
    .facList .Txt h3 a {
      font-size: 20px;
      font-weight: 400;
      color: #333; }
      .facList .Txt h3 a:hover {
        color: #005490; }
    .facList .Txt p {
      height: 60px;
      font-size: 13px;
      line-height: 1.8;
      color: #777; }

/******內頁******/
.contentBox .Img img {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: cover;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.contentBox h3 {
  /*margin: 10px 0;*/
  border: none; }

.contentBox .rightBox {
  margin-bottom: 40px; }

.contentBox .link a {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 2px #ccc;
  box-shadow: 2px 2px 2px #ccc;
  font-size: 16px;
  color: #fff;
  text-align: center; }

@media (max-width: 1023px) {
  .contentBox .leftBox {
    padding: 0 0 30px 0; } }