@charset "UTF-8";*{padding:0;margin:0;box-sizing:border-box;font-family:"Noto Sans TC",sans-serif}h1,h2,h3,h4,h5,h6{font-weight:400}header{display:flex;background-color:#fff;align-items:center;flex-wrap:wrap;padding:1rem;position:sticky;top:0;z-index:5;box-shadow:rgba(0,0,0,.15) 1.95px 1.95px 2.6px}header div.logo{display:flex;align-items:center;flex:5 1 400px;margin-left:1rem}header div.logo img{width:6vw}header div.logo h1{font-size:2rem}header nav{flex:2 1 400px}header nav ul{display:flex;list-style-type:none;justify-content:space-around}header nav ul li a{text-decoration:none;font-size:1.5rem;color:#09777d;transition:all .3s ease}header nav ul li a:hover{color:#3bf0e5;border-bottom:3px solid #3bf0e5}main section.photo{width:100%;min-height:90vh;background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(/資源包1/pictures/6c0c473ddcb63da737fe2a84e71a469d840892c9/pexels-photo-416676.jpeg);background-size:cover;background-position:center;position:relative;z-index:0;display:flex;flex-direction:column;justify-content:center;align-items:center}main section.photo h3{color:#fff;font-size:2.5rem;text-align:center}main section.photo a.btn{border:none;border-radius:1rem;background-color:#3bf0e5;color:#4d4d4d;text-decoration:none;margin-top:2rem;padding:.5rem 1rem;font-size:1.5rem;cursor:pointer;transition:all .2s ease}main section.photo a.btn:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 1rem 2rem rgba(0,0,0,.2)}main section.intro{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem}main section.intro h3{font-size:1.5rem;text-align:center}main section.intro div.container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:2rem}main section.intro div.container div.box{flex:1 1 300px;display:flex;flex-direction:column;padding:1rem;margin:0 2rem;align-items:center;text-align:center}main section.intro div.container div.box div.img{width:200px;height:200px;border-radius:50%;overflow:hidden}main section.intro div.container div.box div.img img{width:100%;transition:all .2s ease}main section.intro div.container div.box div.img img:hover{transform:scale(1.2)}main section.intro div.container div.box h4{font-size:1.5rem;margin-top:1rem}main section.intro div.container div.box p{margin-top:1rem}main section.intro div.container div.box button{background-color:#09777d;color:#fff;font-size:1.25rem;padding:.5rem 1rem;margin-top:1rem;border:none;border-radius:5px;cursor:pointer;transition:all .2s}main section.intro div.container div.box button:hover{color:#09777d;background-color:#fff;box-shadow:inset 0 0 0 2px #09777d}footer{min-height:30vh;background-color:#d1d1d1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}footer div.logo{display:flex;margin:2rem;justify-content:center;align-items:center}footer div.logo img{width:5vw}footer ul{display:flex;list-style-type:none;margin:2rem}footer ul li{margin:0 1.5rem}footer ul li a{color:#000;text-decoration:none;transition:all .3s ease}footer ul li a:hover{color:#09777d}footer ul li a img{width:3.5vw}.popup{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.7);z-index:3000;opacity:0;visibility:hidden}.popup__content{position:relative;margin:15rem auto;width:60vw;background-image:linear-gradient(105deg,rgba(255,255,255,.9) 0,rgba(255,255,255,.9) 50%,transparent 50%),url(/資源包1/pictures/0cd06832382301772decd578ace7c4db5d515924/jeremy-bishop-gipgxe2_ct4-unsplash.jpg);background-size:cover;padding:3rem;box-shadow:0 2rem 5rem rgba(0,0,0,.2);transform:translateY(-50%) scale(.25);opacity:0;transition:all .4s .2s}.popup__header{font-size:1.5rem;margin-bottom:2rem;background-image:linear-gradient(315deg,#3bf0e5,#09777d);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:.5rem 1rem 2rem rgba(0,0,0,.2)}.popup:target{opacity:1;visibility:visible}.popup:target .popup__content{opacity:1;transform:scale(1)}.popup__close:link,.popup__close:visited{font-size:1.5rem;position:absolute;top:.75rem;right:.75rem;text-decoration:none;color:#fff;font-weight:700;transition:color .2s}.popup__close:hover{color:#3bf0e5}.popup__footer{margin-top:2rem;font-size:.8rem}.popup__footer a:link,.popup__footer a:visited{color:#09777d;text-decoration:none}.popup__footer a:hover{border-bottom:1px solid currentColor}.form{width:45%}.form__label{color:#4d4d4d;display:block}.form__input{margin-top:.5rem;margin-bottom:1.5rem;padding:.5rem;width:90%;border:none;background-color:#fff;border-bottom:3px solid transparent;transition:all .2s}.form__input:focus{outline:0;border-bottom:3px solid #3bf0e5}.form__input:focus:invalid{border-bottom:3px solid red}.form__btn{margin-top:1rem;background-color:#09777d;color:#fff;border:none;border-radius:100px;padding:.5rem 1rem;cursor:pointer}.form__btn:focus{animation:pulsate 1s infinite}@keyframes pulsate{0%{transform:scale(1);box-shadow:none}50%{transform:scale(1.05);box-shadow:0 2rem 4rem rgba(0,0,0,.4)}100%{transform:scale(1);box-shadow:none}}@media screen and (max-width:800px){html{font-size:90%}.popup__content{background-image:linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.7)),url(/資源包1/pictures/0cd06832382301772decd578ace7c4db5d515924/jeremy-bishop-gipgxe2_ct4-unsplash.jpg)}.popup__close:link,.popup__close:visited{color:#09777d;transition:color .2s}.popup__close:hover{color:#3bf0e5}.form{width:100%}.form__label{width:100%}}@media screen and (max-width:550px){html{font-size:80%}header div.logo{margin-left:.5rem}header div.logo img{width:15vw;height:15vw}footer div.logo img{width:15vw;height:15vw}footer div.logo h1{font-size:1.5rem}footer ul li a img{width:10vw;height:10vw}.popup__header{color:#09777d;text-shadow:none}}