body{font-family:"Bellota Text",Arial,Helvetica,"STHeiti Light","Heiti TC","微軟正黑體","Microsoft JhengHei",sans-serif;line-height:1.8;letter-spacing:.15em;color:#666;-webkit-text-size-adjust:100%}a{text-decoration:none;color:#666}a:hover{color:#666}img{max-width:100%;height:auto}@font-face{font-family:"FZYaoti";src:url("../fonts/FZYaoTi-M06.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}.wrapper{overflow:hidden}.footer-contact a:after,.btn .tw:after,.subnav .tw:after,.nav .tw:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:#000;transform:scaleX(0);transform-origin:right center;transition:transform .6s}.footer-contact a:hover:after,.btn:hover .tw:after,.subnav a:hover .tw:after,.nav-item:hover .tw:after{transform:scaleX(1);transform-origin:left center}.header{position:fixed;background:#fff;box-sizing:border-box;padding:22.5px 60px;width:100%;display:flex;align-items:center;transition:transform 1s;z-index:10}.header.hide{transform:translateY(-100%)}.logo{width:149px;height:35px}.nav{display:flex;font-size:.75rem;justify-content:space-between;width:calc(100% - 149px)}.nav-item{position:relative;display:inline-block;margin-left:3.5vw}.nav-item:hover .tw{opacity:1}.nav-item:hover .en{opacity:0}.nav .tw,.nav .en{transition:opacity .6s}.nav .tw{position:absolute;left:50%;opacity:0;white-space:nowrap;color:#000;transform:translateX(-50%)}.nav-social a{display:inline-block;margin-left:20px}.nav-social a:hover{opacity:.5}.nav a.active{color:#000}.subnav{text-align:center;margin-bottom:6.25vw}.subnav a{position:relative;margin:0 1.5vw;font-size:.75rem;line-height:20px}.subnav a:hover .tw{opacity:1}.subnav a:hover .en{opacity:0}.subnav .en,.subnav .tw{transition:opacity .6s}.subnav .tw{position:absolute;top:0;left:50%;color:#000;opacity:0;white-space:nowrap;transform:translateX(-50%)}.subnav a.active{color:#000}.top{position:fixed;top:80px;bottom:0;width:100%;overflow:hidden}.top-images{height:100%;background-size:cover;background-position:center}.top-images:after{content:"";position:absolute;top:0;width:100%;height:100%;background:#000;opacity:.2;z-index:4}.pagetitle{position:absolute;top:50%;left:50%;color:#fff;text-align:center;text-shadow:0 0 5px #000;transform:translate(-50%, -50%);z-index:5}.pagetitle .en{font-size:1.375rem}.pagetitle .tw{font-size:.875rem}.pagetitle .tw:before{content:"";width:150%;margin:5px -25% 10px;height:1px;background:#fff;box-shadow:0 0 5px #000;display:block}.main{position:relative;padding-top:100vh;z-index:6}.container{position:relative;padding:6.25vw 0;background:#fff}.section{padding:6.25vw 0}.inner{padding:0 12.5vw}.title{font-size:2rem;color:#000;margin-bottom:40px;font-family:"Cormorant",serif;line-height:1.5;white-space:nowrap}.title h2{width:-moz-fit-content;width:fit-content;font-family:"Bellota Text",Arial,Helvetica,"STHeiti Light","Heiti TC","微軟正黑體","Microsoft JhengHei",sans-serif;font-size:1rem;color:#b5975b;line-height:1.8;white-space:normal}.title h2:after{position:relative;content:"";width:110%;margin:-10px -5% 0;height:10px;background:#f2f2f2;display:block;z-index:-1}.text{font-size:.875rem}.text.en,.en .text{font-weight:300}.newline{display:inline-block}.btn{position:relative;display:inline-block;font-size:.875rem;margin-top:60px}.btn .en,.btn .tw{transition:opacity .6s}.btn .tw{position:absolute;left:0;opacity:0}.btn:hover .en{opacity:0}.btn:hover .tw{opacity:1}.footer{background:#f2f2f2;padding:30px 60px;font-size:.75rem;display:flex;justify-content:space-between}.footer-inner{width:100%;display:flex;flex-wrap:wrap}.footer-contact{margin-left:80px}.footer-contact-title{margin-bottom:10px;color:#000}.footer-contact li{margin-top:5px}.footer-contact a{position:relative}.footer-contact a:after{background:#999}.footer-others{margin-left:auto;margin-top:auto;text-align:right}.footer-social a{width:30px;height:30px;display:inline-flex;vertical-align:middle;margin-right:7px;margin-bottom:10px;text-align:center;border:#1c1c1c solid 1px;border-radius:50%;filter:brightness(7)}.footer-social a img{margin:auto}.footer-social a:hover{filter:brightness(1);border:#ccc solid 1px}.scroll-down{position:absolute;left:50%;height:60px;width:1px;z-index:5}.scroll-down-top{bottom:0;background:#fff}.scroll-down-bottom{top:0;background:#ccc}.scroll-top{position:fixed;right:0px;bottom:0px;background:#f2f2f2;font-size:.75rem;color:#000;width:70px;height:30px;line-height:30px;text-align:center;z-index:8;transform-origin:left bottom;transform:translateX(100%) rotate(-90deg);transition:letter-spacing .3s;cursor:pointer}.scroll-top:hover{letter-spacing:.3em}.mouse{position:fixed;top:-100px;left:-100px;z-index:9;pointer-events:none;opacity:0;transform:scale(0);transition:transform .6s,opacity .6s}.mouse-circle{position:absolute;top:0;left:0;margin:-15px 0 0 -15px;width:30px;height:30px;border:#333 solid 1px;border-radius:50%}.fadeScaleIn{opacity:0;transform:scale(1.05);transition:opacity 1.5s,transform 1.5s}.fadeScaleIn.show{opacity:1;transform:scale(1)}.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)}.clipUp{clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);transition:clip-path 1s}.clipUp.show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0 100%)}@media screen and (max-width: 1200px){.footer-logo{width:100%}.footer-contact{margin:40px 80px 0 0}.footer-others{margin-top:40px;width:100%;text-align:left}}@media screen and (max-width: 1100px){html,body{font-size:.9375rem}.menu{position:absolute;top:calc((80px - 16px)*.5);right:60px;cursor:pointer}.menu-bar{width:20px;height:2px;background:#000;margin:4px 0;transition:transform .6s}.show-nav .menu-bar:nth-child(1){transform:translateY(3px) rotate(30deg)}.show-nav .menu-bar:nth-child(2){transform:translateY(-3px) rotate(-30deg)}.nav{position:fixed;top:0;left:0;height:100%;width:100%;background:#fff;text-align:center;clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);transition:clip-path .6s}.show-nav .nav{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0 100%)}.nav-inner{margin:auto;padding-bottom:10vh}.nav-item{display:block;margin:10px auto;font-size:2.5vw;opacity:0;transform:translate(-10px, -10px);transition:opacity .6s .3s,transform .6s .3s}.show-nav .nav-item{opacity:1;transform:translate(0px, 0px)}.show-nav .nav-item:nth-child(2){transition-delay:.35s}.show-nav .nav-item:nth-child(3){transition-delay:.4s}.show-nav .nav-item:nth-child(3){transition-delay:.45s}.show-nav .nav-item:nth-child(4){transition-delay:.5s}.show-nav .nav-item:nth-child(5){transition-delay:.55s}.show-nav .nav-item:nth-child(6){transition-delay:.6s}.nav .en{display:none}.nav .tw{position:relative;left:auto;opacity:1;font-size:.75em;color:#666}.nav a.active .tw{color:#000}.nav a.active .tw:after{transform:scaleX(1)}.nav-social{position:absolute;bottom:10vh;width:100%;opacity:0;opacity:0;transform:translate(-10px, -10px);transition:opacity .6s .3s,transform .6s .3s}.show-nav .nav-social{opacity:1;transform:translate(0px, 0px)}.nav-social a{margin:0 10px}.subnav{margin-top:3.75vw}.inner{padding:0 60px}.btn{margin-top:30px}}@media screen and (max-width: 640px){html,body{font-size:.875rem}.header{padding:22.5px 5vw}.menu{right:5vw}.nav-item{font-size:.875rem}.nav .tw{font-size:1em}.subnav{margin:20px 5vw}.subnav a{font-size:.875rem;margin:5px 10px;display:inline-block}.container,.section{padding:50px 0}.inner{padding:0 5vw}.footer{padding:30px;font-size:.75rem}.footer-contact{margin-top:30px}.footer-contact-title{margin-bottom:5px}.footer-contact li{margin-top:2px}.scroll-down{height:40px}}