<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
    body {
      font-family: 'Noto Sans TC', arial, 敺株��迤暺煾��;
      font-size: 16px;
      line-height: 1.5rem;
      /* �㘚���鱓摮𡑒䌊��閙�𥡝�� IE ONLY*/
      word-wrap: break-word;
      /* 甇�虜�輸�撠� */
      word-break: normal;
      color: #6c6d70;
      background-color: #ffffff;
    }

    h1 {
      font-size: 1.5rem;
    }
    h2 {
      font-size: 1.3rem;
    }
    h4 {
      font-size: 1rem;
    }

     .sa {
     border: 1px solid red;
    } 


    .e {
      font-size: 0.8rem;
      color: #a6a6a6;
    }

    .logo {
      position: absolute;
      top: 17px;
      left: 20px;
      width: 195px;
      height: auto;z-index: 9999; 
    }

    .top-pic {
       position:relative; display: block;
      top: -30px;
      left: 0px;
    }
 
    .text-yellow{
    color: #e8b91f;
      }
    .text-blue{
    color: #0096b2; 
      }
 .bg-yellow{
background-color: #f1d579 ;
background:url("../images/bg-01.png"); 
background-repeat: repeat;
height: 490px;
margin-top:5rem;
margin-bottom: 5rem;  
      }
.feature-1 img{
  border-radius:50rem;
   width: 280px;
   height: auto;
   margin-top:10rem; margin-left:1.5rem; 
      }
.feature-1-txt {
   width: 250px;
   height:250px; display: block;
   margin-top:-8rem;   margin-left:-10rem; 
      }
.feature-2 img{
  border-radius:50rem;
   width: 280px;
   height: auto;
      margin-top:4rem;  
      }
.feature-2-txt {
   width: 280px;
   height:280px; display: block;
   margin-top:-35rem; 
      }

.feature-3 img{
  border-radius:50rem;
   width: 230px;
   height: auto;
      margin-top:18rem; margin-left:4rem; 
      }
.feature-3-txt {
   width: 250px;
   height:250px; display: block;
   margin-top:-25rem;  
      }

.feature-txt-bg {
background:url("../images/feature-bg.png"); 
background-repeat: no-repeat;background-size:contain;
      }


.feature-title {
   font-size:2.3rem; 
   line-height: 2.5rem; 
top:10%;
left: 10%;
position: absolute;
z-index: 9999;
      }


    .introduction-01-img{
    height: 110px;
      }
    .introduction-01-img-1{
    height: 50px;
    top:0;
    right:0;
    position: absolute;
      }
    .introduction-02-img{
    height: 110px;
      }
    .introduction-02-margin {
    margin-top: -20%;
     margin-left: -60%;  
    } 





    .content p,
    .content li {
      font-size: 1rem;
      line-height: 1.8rem;
    }

    .weblink {
      padding-left: 10px;
      padding-right: 10px;
    }

    .icon {
      width: 100px;
      height: 100px;

    }

 
    .ppsu h1 {
      font-size: 1.5rem;
    }

    .ppsu hr {
      border-width: 2px;
      border-color: #ed8c37;
      margin-top: 0rem;
    }

    .glass h1 {
      font-size: 1.5rem;
    }

    .glass hr {
      border-width: 2px;
      border-color: #93d2d3;
      margin-top: 0rem;
    }

    .cooyright {
      font-size: 0.93rem;
    }

    @media (max-width: 767px) {


      .content p,
      .content li {
        font-size: 0.9rem;
        line-height: 1.8rem;
      }
    .introduction-01-img{
    height: 110px;
      }
    .introduction-01-img-1{
    height: 50px;
    top:0;
    right:0;
    position: absolute;
      }
    .introduction-02-img{
    height: 110px;
      }
    .introduction-02-margin {
    margin-top: 0%;
     margin-left: -15px; 
    } 


 .bg-yellow{
background-color: #f1d579 ;
background:url("../images/bg-01.png"); 
background-repeat: repeat;
height: auto;
padding-top: 100px;padding-bottom: 100px;
      }

   }


  @media (max-width: 767px) {
    .feature-title {
   font-size:2rem; 
   line-height: 2.5rem; 
text-align: center;
position:static;
z-index: 9999;
padding-bottom: 3rem;
      }
.feature-1 img{
  border-radius:50rem;
   width: 400px;
   height: auto;
   margin-top:0rem; margin-left:0rem; 
      }
.feature-1-txt {
   width: 350px;
   height:  350px;display: block;
 margin-top:-5rem;    margin-left:5rem; 
  
      }
.feature-2 img{
  border-radius:50rem;
  width: 400px;
   height: auto;
  margin-top:0rem; margin-left:0rem; 
      }
.feature-2-txt {
   width: 350px;
   height:  350px;display: block;
 margin-top:-5rem;    margin-left:5rem; 

      }

.feature-3 img{
  border-radius:50rem;
 width: 400px;
   height: auto;
     margin-top:0rem; margin-left:0rem; 
      }
.feature-3-txt {
   width: 350px;
   height:  350px;display: block;
 margin-top:-5rem;    margin-left:5rem; 
      }
   }


  @media (max-width: 1400px)and (min-width: 1201px){
    .feature-2 img{
      margin-top:4rem;  margin-left:-2rem; 
      }
.feature-3 img{
      margin-top:18rem; margin-left:0rem; 
      }
   }

  @media (max-width: 1200px)and (min-width: 768px){
.feature-title {
   font-size:2rem; 
   line-height: 2.5rem; 
text-align: center;
position:static;
z-index: 9999;
padding-bottom: 3rem;
      }

 .bg-yellow{
padding-top:5rem;
padding-bottom:4em; height: auto; 
      }
 .feature-1-txt,.feature-2-txt,.feature-3-txt{
   width: 250px;
   height: 250px;
      }
.feature-1 img ,.feature-2 img,.feature-3 img{
  border-radius:50rem;
   width: 400px;
   height: auto;
   margin-top:0rem; margin-left:0rem; 
      }
.feature-1-txt,.feature-2-txt,.feature-3-txt{
  display: block;
 margin-top:-3rem;    margin-left:0rem; 
      }

   }









    @media screen and (max-width: 980px) and (min-width: 568px) {
      .logo {
        top: 15px;
        left: 15px;
        height: 35px;
        width: auto;
      }
    }

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

      .logo {
        top: 10px;
        left: 10px;
        height: 35px;
        width: auto;
      }

      .content p,
      .content li {
        font-size: 1rem;
        line-height: 1.8rem;
      }
  }

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

        .feature-1-txt , .feature-2-txt, .feature-3-txt{
        width: 250px;height: 250px;
    }  }</pre></body></html>