@charset "UTF-8";*{padding:0;margin:0;box-sizing:border-box;font-family:Lora,serif;font-family:"Noto Serif TC",serif}h1,h2,h3,h4,h5,h6{font-weight:400}header{position:fixed;top:0;width:100vw;z-index:10;background-color:#f5f5f5;display:flex;align-items:center;flex-wrap:wrap;box-shadow:0 5px 5px rgba(49,58,103,.2)}header div.logo{display:flex;align-items:center;flex:5 1 400px}header div.logo img{padding:.75rem;width:6vw;height:6vw}header div.logo h1{color:#293f3c}header nav{flex:2 1 400px}header nav ul{display:flex;flex-wrap:wrap;list-style:none;justify-content:space-around}header nav ul li a{font-size:2rem;color:#293f3c;text-decoration:none}header nav ul li a:hover{background-color:#d3f0ed}main{background-color:#f5f5f5}main section.bg{min-height:85vh;width:100%;background-image:url(/7b2ea2103689698d03f6e542a4e74de3aaac2e54/a3dc6/pic/去除路人dsc00766.jpg);background-size:cover;background-position:center;position:relative;display:flex;justify-content:space-around;align-items:center;flex-direction:row;text-align:start;box-shadow:0 5px 5px rgba(121,43,134,.2)}main section.bg h3{font-size:2.5rem;color:#fff;font-weight:medium;letter-spacing:.25rem;margin-top:5rem;z-index:2}main section.bg button.start{background-color:#f5f5f5;padding:1rem 1.5rem;margin-top:5rem;font-size:1.5rem;border:none;border-radius:1rem;cursor:pointer;z-index:2;box-shadow:5px 5px 5px rgba(49,58,103,.2);transition:.3s ease}main section.bg button.start a{text-decoration:none;color:#293f3c}main section.bg button.start:hover{transform:translateY(5%)}main section.bg button.start:active{background-color:#f9a826}main section.bg div.filter{width:100%;min-height:85vh;background-color:rgba(49,58,103,.2);position:absolute;top:0;z-index:1}main section.intro{min-height:60vh;display:flex;flex-wrap:wrap;box-shadow:0 2px 8px rgba(49,58,103,.2)}main section.intro h4{font-weight:600;font-size:2rem;margin:1.25rem 0}main section.intro section.left{flex:6 1 550px;background-color:#f5f5f5;padding:3rem 8rem}main section.intro section.left p{line-height:2.5rem;margin-left:.75rem;font-size:1.25rem}main section.intro section.left h4:hover,main section.intro section.left p:hover{background-color:#d3f0ed}main section.intro section.right{flex:1 1 550px;background-color:#555f3e;padding:2rem 5rem;color:#fff}main section.intro section.right ul li{list-style-type:none;margin:2rem;font-size:1.25rem;line-height:2.5rem}main section.intro section.right ul li:hover{background-color:#f9a826}main section.second{display:flex;flex-direction:column;align-items:center;justify-content:center}main section.second h2{color:#293f3c;font-size:3.5rem;font-weight:700;margin:0 1rem;margin-top:5rem}main section.second section.cards{display:flex;width:80%;min-height:80vh;flex-wrap:wrap}main section.second section.cards div.card{display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:1rem;flex:1 1 300px}main section.second section.cards div.card img{width:15vw;height:15vw;border-radius:50%;margin:1rem 0;box-shadow:3px 5px 8px rgba(101,116,114,.1)}main section.second section.cards div.card h4{font-size:2rem;margin:1rem 0}main section.second section.cards div.card p{font-size:1.25rem}main section.second section.cards div.card a{margin:1rem 0;text-decoration:none;padding:1rem 1.5rem;background-color:#d3f0ed;color:#0d7267;font-size:1.25rem}footer{display:flex;align-items:center;flex-wrap:wrap;min-height:20vh;padding:5rem;background-color:#555f3e}footer .logo{display:flex;align-items:center;flex:5 1 150px;margin-left:1rem}footer .logo img{background-color:#f5f5f5;border-radius:50%;border:2px #f5f5f5;width:4vw;height:4vw}footer .logo h1{color:#f5f5f5;padding:1rem}footer nav{width:30%;flex:5 1 250px}footer nav ul{display:flex;flex-direction:column;list-style-type:none;width:100%;justify-content:space-around;flex-wrap:wrap}footer nav ul li{padding:.5rem 1.5rem;color:#f5f5f5;font-size:1.25rem;transition:.2s ease}footer nav ul li:hover{color:#f9a826;font-size:1.3rem}footer section.links{flex:5 1 250px}footer section.links a{margin:0 1rem;color:#fedfe1}footer section.links a img{width:4vw;height:4vw}@media screen and (max-width:700px){main secction.second section.cards div.card img{width:55vw;height:55vw}}@media screen and (max-width:550px){header div.logo img{width:10vw;height:10vw}footer .logo img{width:15vw;height:15vw}footer section.links{margin-top:1rem}footer section.links a img{width:10vw;height:10vw}}