body{font-family:"Nunito",Arial,Helvetica,"STHeiti Light","Heiti TC","微軟正黑體","Microsoft JhengHei",sans-serif;line-height:1.5;letter-spacing:1px;color:#666;-webkit-text-size-adjust:100%}a{text-decoration:none;color:#666}a:hover{color:#000}.wrapper{overflow:hidden}.header{position:fixed;top:0;left:0;width:100%;z-index:100;transition:background .6s,border-bottom .6s}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:20px 5vw}.header.is-fixed{background:#fff;border-bottom:1px solid #ccc}.logo{position:relative;height:40px;z-index:1}.logo img,.logo svg{height:100%;width:auto;display:block;filter:brightness(100%) invert(1);transition:filter .6s}.is-fixed .logo img,.is-fixed .logo svg{filter:none}.menu{display:flex;gap:40px}.menu-item{position:relative}.menu-item a{position:relative;display:block;font-size:.875rem;color:#fff}.menu-item a .en{position:relative;display:block}.menu-item a .tw{position:absolute;left:50%;top:0;transform:translateX(-50%);white-space:nowrap;opacity:0}.menu-item a .en,.menu-item a .tw{transition:opacity .6s}.menu-item a .en::after,.menu-item a .tw::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:#ccc;transition:width .6s ease}.menu-item a:hover .tw{opacity:1}.menu-item a:hover .tw::after{width:100%}.menu-item a:hover .en{opacity:0}.is-fixed .menu-item a{color:#666}.is-fixed .menu-item a:hover{color:#000}.menu-item a.active .en::after{width:100%}.is-fixed .menu-item a.active{color:#000}.menu-item.has-sub a{padding-right:20px}.menu-item.has-sub a .tw{transform:translateX(-50%) translateX(-10px)}.menu-item.has-sub a .arrow{position:absolute;right:0;top:50%;transform:translateY(-75%) rotate(45deg);width:6px;height:6px;border-right:1px solid #fff;border-bottom:1px solid #fff;transition:border-color .6s}.is-fixed .menu-item.has-sub a .arrow{border-color:#666}.is-fixed .menu-item.has-sub a:hover .arrow{border-color:#000}.submenu{background:#fff;min-width:180px;padding:10px 0;z-index:10;box-shadow:0 5px 10px rgba(0,0,0,.1);display:none}.submenu-wrapper{position:absolute;top:100%;left:50%;transform:translateX(-50%)}.submenu-wrapper .hover-buffer{height:12px;background:rgba(0,0,0,0)}.submenu a{position:relative;display:block;padding:10px 20px;font-size:.875rem;white-space:nowrap;text-align:center;transition:background .6s}.has-sub .submenu a .tw{top:50%;transform:translate(-50%, -50%)}.has-sub .submenu a .tw:after,.has-sub .submenu a .en:after{content:none}.submenu a:hover,.submenu a.active{background:#f2f2f2}.hamburger{position:fixed;right:5vw;top:27px;width:25px;cursor:pointer;display:none}.hamburger-bar{height:1px;background:#999;margin:6px 0;transition:transform .6s}.show-nav .hamburger-bar{background:#000}.show-nav .hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.show-nav .hamburger-bar:nth-child(2){transform:scale(0)}.show-nav .hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{width:100%;height:100vh;position:relative;overflow:hidden}.hero-img{position:absolute;top:0;width:100%;height:100%}.hero-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.hero-img:after{content:"";position:absolute;top:0;width:100%;height:100%;background:#000;opacity:.1}.container{padding:6vw 0;background:#f2f2f2}.section{padding:6vw 0}.inner{max-width:1600px;padding:0 5vw;margin:0 auto}.pagetitle{color:#fff;font-size:1.5rem;font-weight:normal;text-align:center;position:absolute;margin-top:-2.25rem;top:50%;right:5vw;left:5vw;z-index:5}.pagetitle .en{display:block;width:-moz-fit-content;width:fit-content;margin:auto}.pagetitle .en::after{content:"";width:150%;margin:5px -25%;height:1px;background:#fff;display:block}.pagetitle .tw{font-size:1rem}.title{font-size:1.5rem;color:#000;font-weight:normal;margin-bottom:40px}.title .tw{font-size:1rem}.subtitle{font-size:1.25rem;color:#000;font-weight:normal;margin-bottom:20px}.text{font-size:.875rem;margin-top:20px}.text.tw,.text .tw{color:#666}.text.en,.text .en{color:#888;font-size:.75rem}.text .emphasize{color:#bb9a73}.subtext{font-size:.75rem;color:#888;margin-top:10px}.emphasize{color:#c7b299}.footer{background:#fff;text-align:center;padding:40px 0}.footer-inner{padding:0 5vw;font-size:.75rem}.scroll-down{position:absolute;left:50%;bottom:40px;width:20px;height:40px;border-radius:10px;border:1px solid #fff;transform:translateX(-50%);z-index:5;cursor:pointer}.scroll-down:after{content:"";width:2px;height:10px;background:#fff;border-radius:1px;display:block;margin:10px auto 0;animation:scroll-down 1.2s infinite linear}.scroll-up{position:fixed;right:calc(5vw*.5 + 12px);bottom:35px;font-size:.75rem;z-index:9;cursor:pointer;display:none}.scroll-up-text{transform-origin:right bottom;transform:rotate(90deg);background:#fff;padding:2px 5px;border:1px solid #ccc;transition:letter-spacing .3s}.scroll-up-text:before{content:"";border-right:#666 solid 5px;border-top:rgba(0,0,0,0) solid 3px;border-bottom:rgba(0,0,0,0) solid 3px;display:inline-block;vertical-align:middle;margin-right:5px}.scroll-up:hover .scroll-up-text{background:#c7b299;border-color:#c7b299;color:#fff;letter-spacing:3px}.scroll-up:hover .scroll-up-text:before{border-right-color:#fff}@keyframes scroll-down{0%{margin:10px auto 0;height:0}25%{margin:10px auto 0;height:10px}75%{margin:20px auto 0;height:10px}99.9%{margin:30px auto 0;height:0px}100%{margin:10px auto 0;height:0}}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:200}.loading-logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);clip-path:inset(0 100% 0 0);transition:clip-path .2s linear}.loading-logo-bg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:.2}.fadeIn{opacity:0;transition:opacity 1s}.fadeIn.show{opacity:1}.fadeUp{opacity:0;transform:translateY(20px);transition:opacity 1.5s,transform 1.5s}.fadeUp.show{opacity:1;transform:translateY(0px)}.fadeDown{opacity:0;transform:translateY(-20px);transition:opacity 1.5s,transform 1.5s}.fadeDown.show{opacity:1;transform:translateY(0px)}.fadeLeft{opacity:0;transform:translateX(20px);transition:opacity 1.5s,transform 1.5s}.fadeLeft.show{opacity:1;transform:translateX(0px)}.clipLeft{clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)}.clipRight{clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)}.clipUp{clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)}.clipDown{clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}.clipLeft,.clipRight,.clipUp,.clipDown{transition:clip-path 1s}.clipLeft.show,.clipRight.show,.clipUp.show,.clipDown.show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.show.delay-1{transition-delay:.2s}.show.delay-2{transition-delay:.4s}.show.delay-3{transition-delay:.6s}@media screen and (max-width: 1100px){.logo img,.logo svg{filter:none}.menu{position:fixed;top:0;left:0;width:100%;height:0%;padding:80px 0 0px;background:#fff;flex-direction:column;gap:0;box-sizing:border-box;transition:height 1s,padding 1s;overflow:hidden}.show-nav .menu{height:100%;padding-bottom:20px}.menu-item a{padding:20px 5vw;border-bottom:1px dotted #ccc;color:#666}.menu-item a .tw:after,.menu-item a .en:after{content:none}.menu-item a .tw{left:5vw;top:20px;transform:none}.menu-item a:hover,.menu-item a.active{color:#000}.menu-item a.active{background:#f2f2f2}.menu-item.has-sub a{padding-right:calc(5vw + 25px)}.menu-item.has-sub a .arrow{right:calc(5vw + 8.5px);border-color:#666}.menu-item.has-sub a .tw{transform:none}.submenu{padding:10px 0 10px 5vw;box-shadow:none}.submenu-wrapper{position:static;transform:none;border-bottom:1px dotted #ccc;margin-top:-1px}.submenu-wrapper .hover-buffer{height:0}.submenu a{text-align:left;padding:10px 20px;border-bottom:none}.submenu a .tw{left:20px}.has-sub .submenu a .tw{top:10px}.submenu a:before{content:"";position:absolute;top:50%;left:0px;margin-top:-4px;width:6px;height:6px;border-top:1px solid #666;border-right:1px solid #666;transform:rotate(45deg)}.submenu a:hover,.submenu a.active{background:none}.submenu a:hover:before,.submenu a.active:before{border-color:#000}.hamburger{display:block}}@media screen and (max-width: 1100px)and (max-height: 700px){.menu-item a{padding-top:10px;padding-bottom:10px}.menu-item a .tw{top:10px}}@media screen and (max-width: 640px){html,body{font-size:14px}.logo{height:35px}.menu{padding-top:75px}.hamburger{top:22px}.container{padding:50px 0}.section{padding:50px 0}.title{margin-bottom:20px}}