@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap);.background-layer{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:-2;opacity:1;transition:opacity .2s ease-in-out}.fade-layer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2a2e38;background-size:cover;background-position:center;z-index:-1;opacity:.1;transition:opacity .5s ease-in-out}.scroll-container{height:auto}.text-box{height:100vh;height:calc(var(--vh,1vh) * 100);display:flex;justify-content:center;align-items:center;color:#2a2e38;text-align:center;font-family:"Noto Sans TC";font-size:18px}.final-text-box{height:100vh;height:calc(var(--vh,1vh) * 100);display:flex;justify-content:center;align-items:center;text-align:center;color:#2a2e38;font-size:18px}.text-box .scroll-img{position:absolute;bottom:10%;display:flex;flex-direction:column}.text-box .scroll-img img{height:45px}.text-box .scroll-img div{color:#fff;text-align:center;font-family:"Noto Sans TC";font-size:14px;font-weight:500;margin-top:5px}.dialog{margin:0 auto;max-width:480px;width:100%;line-height:1.8;position:relative;z-index:2;height:100vh;height:calc(var(--vh,1vh) * 100)}.dialog-bg{padding:30px;background-color:rgba(254,253,251,.85)}.text-box-fixed{height:auto;display:flex;flex-direction:column;justify-content:start;align-items:center;color:#2a2e38;text-align:center;font-family:"Noto Sans TC";font-size:18px;padding:50px 0}.dialog-fixed{width:100%}.text-box.bottom{display:flex;justify-content:center;align-items:center;text-align:center;font-family:"Noto Sans TC";font-size:18px;color:#2a2e38}.bottom-end{display:flex;justify-content:center;align-items:end;text-align:center;font-family:"Noto Sans TC";font-size:18px;color:#2a2e38}.cna{width:50px;height:24.472px;flex-shrink:0;margin:0 auto;margin-top:70px;text-align:center}.header-wrapr{width:100%;height:100%;background:linear-gradient(0deg,rgba(50,54,63,0) 2.28%,#32363f 64.84%);position:relative}.dialog-box .text-block{text-align:center;color:#fff}.smallword{padding-top:12.5px;color:#fff;text-align:center;font-family:"Microsoft JhengHei";font-size:24px;font-weight:700;letter-spacing:1px}.dialog-box h1{color:#fff;text-align:center;font-family:"Noto Serif TC";font-size:40px;font-style:normal;font-weight:700;line-height:150%;letter-spacing:1px;margin:20px 0}.dialog-box .foreword{max-width:520px;margin:0 auto;text-align:center}.dialog-box p{color:#fff;text-align:center;font-family:"Noto Sans TC";font-size:18px;font-weight:400}.team{margin-top:80px}.team p{color:#8a8a8a;text-align:center;font-family:"Noto Sans TC";font-size:16px}main{background:url(../img/background.png) repeat;z-index:1;position:relative;padding:120px 0}.bottom-end .dialog,.text-box.bottom .dialog{max-width:100%;width:100%;height:200px;padding:0 30px;background:rgba(28,32,40,.85);color:#fff;position:relative}.dialog-card{display:flex;text-align:left;justify-content:center}.dialog-card-leader{display:flex;flex-direction:column;max-width:720px;margin:40px 0}.dialog-card-title{color:#c6a77a;font-family:"Noto Serif TC";font-size:18px;font-weight:600}.dialog-card-text{color:#fff;font-family:"Noto Serif TC";font-size:24px}.dialog-card-text span{color:#fff;font-family:"Noto Serif TC";font-size:24px}.dialog-card .dialog-card-img{width:301px;height:283px;position:relative;bottom:83px}@media screen and (max-width:1024px){.dialog-card-text,.dialog-card-text span{font-size:20px}}@media screen and (max-width:768px){.dialog-box,.final-text-box{width:90%;margin:0 auto}.background-layer{position:fixed;top:0;left:0;background-size:100%;background-position:center;z-index:-2;opacity:1;transition:opacity 1s ease-in-out;background-repeat:no-repeat}.fade-layer{position:fixed;top:0;left:0;background-color:#404651;background-size:100%;background-position:center;z-index:-1;opacity:.1;transition:opacity 1.2s ease-in-out;background-repeat:no-repeat}.text-box .scroll-img{position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}.dialog{width:90%;padding:20px}.smallword{font-size:20px}.dialog-box h1{font-size:32px}.dialog-box .foreword{font-size:16px}.text-box.bottom{width:100%}.bottom-end .dialog,.text-box.bottom .dialog{height:410px;padding:0 40px}.dialog-card .dialog-card-img{width:auto;height:176px;position:absolute;bottom:0;right:20px}}@media screen and (max-width:576px){.dialog-box h1{width:275px;margin:0 auto;margin-bottom:20px}}@media screen and (max-width:480px){.header-wrapr{position:absolute;left:0;top:-25%}.text-box .scroll-img{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}}.footer-share{position:fixed;right:20px;bottom:50px;display:flex;flex-direction:column;align-items:center}.footer-share{position:fixed;bottom:30px;transition:opacity .5s ease;opacity:1;z-index:999}.footer-share .pc-share{display:flex;flex-direction:column;align-items:center}.footer-share.hide{opacity:0}@media screen and (max-width:768px){.footer-share{right:30px}}@media screen and (max-width:576px){footer p{font-size:12px;color:#fff}}.pc-share>*+*{margin:20px 0 0}.footer-share>*+*{margin:10px 0 0}.footer-share .pc-share:last-child{margin:10px 0 0}.footer-share .pc-share>svg{cursor:pointer}.gotop{position:relative;cursor:pointer}.gotop>span{position:absolute;top:55%;left:50%;margin:0 auto;transform:translate(-50%,-60%) translateY(-3px);color:#fff;font-family:Times New Roman;font-size:16px;letter-spacing:.5px}@media screen and (max-width:576px){.gotop>span{font-size:12px;top:52%;left:52%}}@media screen and (max-width:576px){.gotop>svg{width:36px;height:36px}}footer{position:relative;padding:30px 0;text-align:center;background:#32363f}footer p{color:#fff;text-align:center;font-family:"Noto Sans TC";font-size:12px}@media screen and (max-width:576px){footer{font-size:12px;padding:20px 0}}@media screen and (max-width:768px){.footer-share .pc-share{display:none}}.menu-container{position:relative;display:inline-block}.hamburger{cursor:pointer;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:35px;height:35px;padding:5px 0;background:#c6a77a;border-radius:50%;position:relative;z-index:99;transition:background-color .3s ease}.hamburger:hover{background-color:#b19d7f}.hamburger span{display:block;height:2px;width:50%;background:#fff;border-radius:2px;transition:.3s ease-in-out;transform-origin:center}@media screen and (min-width:768px){.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}}.menu{position:absolute;bottom:-42px;left:-266px;width:246px;border:1px solid #8c795e;background:rgba(43,45,49,.9);opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.menu.active{opacity:1;visibility:visible}.menu a{display:block;color:#fff;text-decoration:none;border-radius:3px;transition:background .3s}.menu a:hover{background:#393a3e}.menu .menu-item{display:flex;width:250px;padding:16px 18px;align-items:flex-start;align-content:flex-start;gap:3px 8px;flex-wrap:wrap}.menu .place{color:#fff;font-family:"Noto Serif TC";font-size:18px;font-style:normal;font-weight:700;letter-spacing:1px}.menu .place svg{vertical-align:text-bottom}.menu p{color:#b19d7f;text-align:left;font-family:"Noto Sans TC";font-size:16px;font-style:normal;font-weight:500;letter-spacing:1px}.close-button,.mb-share{display:none}@media screen and (max-width:768px){.menu{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(50,54,63,.98);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;z-index:999}.menu.active{opacity:1;visibility:visible}.menu a{color:#fff;font-size:24px;text-decoration:none;transition:color .3s}.menu a:hover{opacity:.9;background:0 0}.close-button{display:block;position:absolute;top:15px;right:15px;background:0 0;color:#fff;font-size:24px;border:none;cursor:pointer;z-index:1001;transition:color .3s}.close-button:hover{color:#ff9800}.menu .menu-item{display:flex;width:100%;flex-direction:column;align-items:center}.menu .place{font-family:"Noto Serif TC";font-size:24px;font-weight:700;letter-spacing:1px;justify-content:center;display:flex;flex-direction:column;align-items:center;margin-bottom:4px}.menu p{color:#b19d7f;text-align:center;font-family:"Noto Serif TC";font-size:18px;font-weight:700;letter-spacing:1px}.menu .place svg{margin-bottom:5px;width:20px;height:29px;fill:#b19d7f}.mb-share{display:flex}.mb-share>svg{cursor:pointer;margin:80px 10px 0}.menu .mb-share svg{fill:#fff}}