@import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Libre+Caslon+Display&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;400;500;600;700&display=swap");body{font-size:10px;font-family:"Montserrat","Cormorant",sans-serif,"Noto Sans TC","微軟正黑體","Microsoft JhengHei",sans-serif;line-height:1.5;letter-spacing:1px;color:#8e9295;background:#fafafa;margin:0;-webkit-text-size-adjust:100%}a{text-decoration:none;display:block;color:#8e9295}a:hover{color:#e3680d}img{display:block;width:100%}ul,li{list-style:none}.fs-1{font-size:1.5rem !important}.fs-2{font-size:1.25rem !important}.fs-3{font-size:1.125rem !important}.fs-4{font-size:1rem !important}.fs-5{font-size:.875rem !important}.fs-6{font-size:.75rem !important}.header{position:fixed;top:0;left:0;padding:10px 25px;min-height:80px;width:100%;box-sizing:border-box;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;z-index:1000;background:#FFF}.header .navbar{display:flex;-webkit-align-items:center;align-items:center}.logo{position:relative;z-index:1}.logo img,.logo svg{width:100px}.nav{opacity:1;transition:.5s}.nav-content{display:flex}.nav a{position:relative;font-size:.875rem;padding:0 10px;color:#535759;text-align:center;display:inline-block;width:auto;margin:0 10px;overflow:hidden;transform:translateY(9px);max-width:70px}.nav a:after{position:absolute;bottom:0;left:0;right:0;margin:auto;width:0%;content:".";color:transparent;background:#666a6c;height:1px;transition:all .5s;transform:translateY(-14px)}.nav a .en,.nav a .tw{position:relative;display:block;font-size:12px}.nav a .en{opacity:1}.nav a .tw{opacity:0}.nav a:hover{color:#e3680d}.nav a:hover:after{width:100%}.nav a:hover .en{opacity:0}.nav a:hover .tw{opacity:1;transform:translateY(-18px);transition:opacity .6s}.nav-bottom{display:none}.nav.hide{opacity:0}.nav-list.hide{display:none}.hamburger{cursor:pointer;display:flex;height:25px;width:25px;margin-left:20px;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:flex-end;align-items:flex-end}.hamburger.hide{display:none}.hamburger-bar{height:1px;background:#35393a;width:100%;-moz-transition:-moz-transform 320ms cubic-bezier(.215, .61, .355, 1);-o-transition:-o-transform 320ms cubic-bezier(.215, .61, .355, 1);-webkit-transition:-webkit-transform 320ms cubic-bezier(.215, .61, .355, 1);transition:transform 320ms cubic-bezier(.215, .61, .355, 1)}.hamburger-bar:nth-child(1),.hamburger-bar:last-child{width:25px}.hamburger-bar:nth-child(2){width:20px}.show-nav .hamburger{display:flex;justify-content:space-between;width:15px;height:15px;overflow:hidden}.show-nav .hamburger .hamburger-bar{animation-iteration-count:0}.show-nav .hamburger .hamburger-bar:nth-child(1),.show-nav .hamburger .hamburger-bar:last-child{left:10px;position:relative}.show-nav .hamburger .hamburger-bar:nth-child(1){transition:all 100ms ease-in-out;width:24px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:top left}.show-nav .hamburger .hamburger-bar:nth-child(2){transition:all 100ms ease-in-out;transform-origin:center;width:0}.show-nav .hamburger .hamburger-bar:last-child{transition:all 100ms ease-in-out;width:24px;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:bottom left}.show-nav .hamburger:hover .hamburger-bar{animation-iteration-count:0}.show-nav.ontop{opacity:1;transform:translateY(0)}.show-nav .nav{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fafafa;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;opacity:1;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;z-index:-1}.show-nav .nav-list{flex:0 0 58.33333%;max-width:58.33333%}.show-nav .nav-list .nav-content{width:60%;margin:0 auto;opacity:1;margin:auto;text-align:center;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:center;align-items:center}.show-nav .nav-list .nav-bottom{width:60%;margin:0 auto;display:flex;-webkit-align-items:baseline;align-items:baseline;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:50px;padding:30px 0 0;border-top:1px solid #aeb3b5}.show-nav .nav-list .nav-bottom .nav-icon{font-size:20px}.show-nav .nav a{margin:15px 0}.main{min-height:calc(100vh - 80px - 96px);position:relative;padding-top:80px;overflow:hidden}.section{display:flex;min-height:calc(100vh - 256px);padding:100px 0;position:relative;margin:auto;-webkit-flex-direction:column;flex-direction:column}.container{box-sizing:border-box;margin:auto}.title-group{margin-bottom:40px;display:flex;-webkit-align-items:center;align-items:center;line-height:1}.title-group .maintitle{font-size:1.5rem;color:#535759;text-transform:capitalize;z-index:2;position:relative;padding-right:20px}.title-group .subtitle{color:#e3680d;font-size:.875rem;text-transform:capitalize;z-index:2;position:relative}.title-group .subtitle:before{width:1px;height:100%;content:"";position:absolute;left:-10px;top:15%;background:#aeb3b5}.viewall{margin-top:20px;margin-left:auto}.viewall a{display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.viewall a .viewall-text{margin-left:20px}.viewall a .viewall-arrow{transition:all .8s cubic-bezier(.165, .84, .44, 1)}.viewall a:hover .viewall-arrow{transform:translateX(7px)}.footer{padding:20px 5%;background-color:rgba(227,231,234,0.5);text-align:center}.footer .jingcai{display:inline-block}.images{background-position-y:54.507%}.images-inner{padding-bottom:45vw;background-size:cover;background-position:center 50%}.fadeIn{opacity:0;-moz-transition:opacity .6s cubic-bezier(.215, .61, .355, 1);-o-transition:opacity .6s cubic-bezier(.215, .61, .355, 1);-webkit-transition:opacity .6s cubic-bezier(.215, .61, .355, 1);transition:opacity .6s cubic-bezier(.215, .61, .355, 1)}.fadeIn.show{opacity:1}.moveIn{opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}.moveIn.show{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.imgLeftIn{position:relative}.imgLeftIn:after{content:"";position:absolute;right:0;top:0;height:100%;width:100%;background:#FFF;-moz-transition:width .6s cubic-bezier(.215, .61, .355, 1);-o-transition:width .6s cubic-bezier(.215, .61, .355, 1);-webkit-transition:width .6s cubic-bezier(.215, .61, .355, 1);transition:width .6s cubic-bezier(.215, .61, .355, 1);z-index:2}.imgLeftIn.show:after{width:0}.imgRightIn{position:relative}.imgRightIn:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:#FFF;-moz-transition:width .6s cubic-bezier(.215, .61, .355, 1);-o-transition:width .6s cubic-bezier(.215, .61, .355, 1);-webkit-transition:width .6s cubic-bezier(.215, .61, .355, 1);transition:width .6s cubic-bezier(.215, .61, .355, 1);z-index:2}.imgRightIn.show:after{width:0}.imgBottomIn{position:relative}.imgBottomIn:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:#FFF;-moz-transition:height .6s;-o-transition:height .6s;-webkit-transition:height .6s;transition:height .6s;z-index:2}.imgBottomIn.show:after{height:0}.imgTopIn{position:relative}.imgTopIn:after{content:"";position:absolute;left:0;bottom:0;height:100%;width:100%;background:#FFF;-moz-transition:height .6s;-o-transition:height .6s;-webkit-transition:height .6s;transition:height .6s;z-index:2}.imgTopIn.show:after{height:0}[data-aos=fade-up]{-moz-transform:translate3d(0, 50px, 0);-ms-transform:translate3d(0, 50px, 0);-webkit-transform:translate3d(0, 50px, 0);transform:translate3d(0, 50px, 0)}[data-aos=fade-down]{-moz-transform:translate3d(0, -50px, 0);-ms-transform:translate3d(0, -50px, 0);-webkit-transform:translate3d(0, -50px, 0);transform:translate3d(0, -50px, 0)}[data-aos=fade-right]{-moz-transform:translate3d(-50px, 0, 0);-ms-transform:translate3d(-50px, 0, 0);-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}[data-aos=fade-left]{-moz-transform:translate3d(50px, 0, 0);-ms-transform:translate3d(50px, 0, 0);-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}.loading{background:#FFF}.loading-bg,.loading-bg2{position:fixed;top:0;left:0;width:100%;height:100%;will-change:auto;transform:translateY(0)}.loading-bg:before,.loading-bg2:before{position:absolute;top:0;left:0;width:100%;height:100%;content:""}.loading-bg{z-index:10002}.loading-bg:before{-moz-transform:skewY(2deg) scale(1.1);-ms-transform:skewY(2deg) scale(1.1);-webkit-transform:skewY(2deg) scale(1.1);transform:skewY(2deg) scale(1.1);background-color:#fafafa}.loading-bg.show-loading{transform:translateY(-120%);-moz-transition:-moz-transform .6s,opacity .6s;-o-transition:-o-transform .6s,opacity .6s;-webkit-transition:-webkit-transform .6s,opacity .6s;transition:transform .6s,opacity .6s;transition-timing-function:ease-in}.loading-bg2{z-index:10001}.loading-bg2:before{-moz-transform:skewY(-3deg) scale(1.1);-ms-transform:skewY(-3deg) scale(1.1);-webkit-transform:skewY(-3deg) scale(1.1);transform:skewY(-3deg) scale(1.1);background-color:#eee}.loading-bg2.show-loading{transform:translateY(-120%);-moz-transition:-moz-transform .6s,opacity .6s;-o-transition:-o-transform .6s,opacity .6s;-webkit-transition:-webkit-transform .6s,opacity .6s;transition:transform .6s,opacity .6s;transition-timing-function:ease-out}.loading-logo{z-index:10003;position:fixed;top:50%;left:50%;width:100px;height:40px;margin-top:-20px;margin-left:-50px;transform:translateY(0);opacity:0}.loading-logo.show-loading{opacity:1;transform:translateY(-30%);-moz-transition:-moz-transform .6s,opacity .6s;-o-transition:-o-transform .6s,opacity .6s;-webkit-transition:-webkit-transform .6s,opacity .6s;transition:transform .6s,opacity .6s}#cursor{position:fixed;z-index:10002;left:0;top:0;pointer-events:none;will-change:transform;mix-blend-mode:difference}@media (hover: hover) and (pointer: fine){.cursor__circle{width:15px;height:15px;margin-top:-50%;margin-left:-50%;border-radius:50%;background-color:#2b2824;opacity:.4;-moz-transition:opacity .3s cubic-bezier(.25, 1, .5, 1),background-color .3s cubic-bezier(.25, 1, .5, 1),border-color .3s cubic-bezier(.25, 1, .5, 1),width .3s cubic-bezier(.25, 1, .5, 1),height .3s cubic-bezier(.25, 1, .5, 1);-o-transition:opacity .3s cubic-bezier(.25, 1, .5, 1),background-color .3s cubic-bezier(.25, 1, .5, 1),border-color .3s cubic-bezier(.25, 1, .5, 1),width .3s cubic-bezier(.25, 1, .5, 1),height .3s cubic-bezier(.25, 1, .5, 1);-webkit-transition:opacity .3s cubic-bezier(.25, 1, .5, 1),background-color .3s cubic-bezier(.25, 1, .5, 1),border-color .3s cubic-bezier(.25, 1, .5, 1),width .3s cubic-bezier(.25, 1, .5, 1),height .3s cubic-bezier(.25, 1, .5, 1);transition:opacity .3s cubic-bezier(.25, 1, .5, 1),background-color .3s cubic-bezier(.25, 1, .5, 1),border-color .3s cubic-bezier(.25, 1, .5, 1),width .3s cubic-bezier(.25, 1, .5, 1),height .3s cubic-bezier(.25, 1, .5, 1)}#cursor.arrow:after{content:"";position:absolute;left:-50%;top:-50%;width:100%;height:100%;background-repeat:no-repeat;background-position:center}#cursor.arrow .cursor__circle{width:128px;height:128px}#cursor.subtle .cursor__circle{opacity:.16}#cursor.overlay .cursor__circle{width:48px;height:48px;background-color:rgba(227,222,193,0.08);border-color:transparent}}@media screen and (max-width: 767px){#cursor{display:none}}@media screen and (max-width: 1400px){.container{max-width:960px}}@media screen and (max-width: 991px){#cursor{display:none}.section{padding:50px 0}.container{max-width:85%}.nav{position:fixed;top:0;left:0;width:100%;background:#fafafa;overflow:hidden;display:none;align-items:center;justify-content:center;box-sizing:border-box;opacity:0;-moz-transition:opacity 330ms ease 0s;-o-transition:opacity 330ms ease 0s;-webkit-transition:opacity 330ms ease;-webkit-transition-delay:0s;transition:opacity 330ms ease 0s;z-index:-1}.nav nav{opacity:0;margin:auto;text-align:center;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;flex-flow:column}.show-nav.ontop{opacity:1;transform:translateY(0)}.show-nav .nav{display:flex;height:100vh;opacity:1}.show-nav .nav-list{flex:0 0 80%;max-width:80%}.show-nav .nav-list .nav-content,.show-nav .nav-list .nav-bottom{width:100%}.show-nav .nav nav{opacity:1}.images-inner{padding-bottom:66.67%}}@media screen and (max-width: 640px){.section{padding:40px 0;min-height:calc(100vh - 236px)}.header{padding:10px 20px}.nav{padding:0 20px}.nav a:after{transform:translateY(0px)}.nav a .tw{opacity:1}.nav a:hover .en{opacity:1}.nav a:hover .tw{transform:translateY(0px)}.show-nav .nav-list{flex:0 0 100%;max-width:100%}.container{max-width:100%}.top-title{font-size:1.5rem}.footer{padding:20px}.scroll-top{right:20px}}@media screen and (max-width: 350px){.title-group{display:block}.title-group .maintitle{padding-bottom:5px}.title-group .subtitle:before{display:none}}@media screen and (min-width: 1401px){.container{max-width:1200px}}