@import url("https://fonts.googleapis.com/css?family=Hind:400,700");@import url("https://fonts.googleapis.com/css2?family=Marcellus&display=swap");.browserUpdate{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background:#333;background:rgba(0,0,0,0.8);font-size:15px;text-align:center}.updateInfo{position:absolute;left:50%;top:50%;width:560px;height:260px;padding:20px;background:#FFF;margin:-150px 0 0 -300px;border-radius:10px}.updateTxt{max-width:440px;margin:0 auto}.infoTxt1{color:#000;font-size:20px;font-weight:700}.updateTxt2{font-size:14px}.browserList li{display:inline-block;zoom:1;width:65px;margin:30px 15px}.browserList img{width:100%}.viewsite{text-decoration:underline;color:#666;cursor:pointer}.viewsite:hover{color:#09f}@media screen and (max-width: 760px){.browserUpdate{height:110%;text-align:left}.updateInfo{position:static;margin:20px;width:auto;height:auto}.updateTxt{max-width:none}.browserList li{width:45px}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:"";content:none}q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:focus{outline:none}img{-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{font-family:"Hind",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:#000}a:hover{color:#999}.header{position:fixed;top:10vh;bottom:5vh;left:5vw;z-index:10}.header-nav{margin-top:6vh}.header-nav .en{font-family:"Marcellus",serif;opacity:0}.header-nav .tw{font-size:.875em;position:absolute;top:0;left:0;-moz-transform:translateY(15%);-ms-transform:translateY(15%);-webkit-transform:translateY(15%);transform:translateY(15%)}.header-nav .en,.header-nav .tw{-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.header-nav a{position:relative;display:block}.header-nav a:before{content:"";width:4vw;height:1px;background:#999;opacity:.5;position:absolute;top:50%;margin-top:-2px;left:-5vw;-moz-transform-origin:right center;-ms-transform-origin:right center;-webkit-transform-origin:right center;transform-origin:right center;-moz-transform:scale(0, 1);-ms-transform:scale(0, 1);-webkit-transform:scale(0, 1);transform:scale(0, 1);-moz-transition:-moz-transform .6s;-o-transition:-o-transform .6s;-webkit-transition:-webkit-transform .6s;transition:transform .6s}.header-nav a:hover .en{opacity:1}.header-nav a:hover .tw{opacity:0}.header-nav a:hover:before{-moz-transform-origin:left center;-ms-transform-origin:left center;-webkit-transform-origin:left center;transform-origin:left center;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.header-nav a{margin:5px 0}.header-nav li{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}.show-page .header-nav li{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.show-page .header-nav li:nth-child(2){-moz-transition-delay:.1s;-o-transition-delay:.1s;-webkit-transition-delay:.1s;transition-delay:.1s}.show-page .header-nav li:nth-child(3){-moz-transition-delay:.2s;-o-transition-delay:.2s;-webkit-transition-delay:.2s;transition-delay:.2s}.show-page .header-nav li:nth-child(4){-moz-transition-delay:.3s;-o-transition-delay:.3s;-webkit-transition-delay:.3s;transition-delay:.3s}.show-page .header-nav li:nth-child(5){-moz-transition-delay:.4s;-o-transition-delay:.4s;-webkit-transition-delay:.4s;transition-delay:.4s}.show-page .header-nav li:nth-child(6){-moz-transition-delay:.5s;-o-transition-delay:.5s;-webkit-transition-delay:.5s;transition-delay:.5s}.show-page .header-nav li:nth-child(7){-moz-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s}.header-copyright{position:absolute;bottom:0;font-size:.75em;white-space:nowrap;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.show-page .header-copyright{opacity:1}.onscroll .header-copyright{opacity:0;pointer-events:none}.logo{opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.show-page .logo{opacity:1}.logo-text{font-size:14px;color:#000;padding:5px 0;display:inline-block}.nav{position:fixed;top:10vh;right:5vw;z-index:11}.nav-wrap{position:fixed;top:0;right:0;height:100vh;width:calc(140px + 5vw * 2);min-width:320px;background:#eee;padding:10vh 5vw;box-sizing:border-box;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);-moz-transition:-moz-transform 1s;-o-transition:-o-transform 1s;-webkit-transition:-webkit-transform 1s;transition:transform 1s;text-align:right}.nav-wrap .en{font-family:"Marcellus",serif;opacity:0}.nav-wrap .tw{font-size:.875em;position:absolute;top:0;right:0;-moz-transform:translateY(15%);-ms-transform:translateY(15%);-webkit-transform:translateY(15%);transform:translateY(15%)}.nav-wrap .en,.nav-wrap .tw{-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.nav-wrap a{position:relative;display:block}.nav-wrap a:before{content:"";width:4vw;height:1px;background:#999;opacity:.5;position:absolute;top:50%;margin-top:-2px;right:-5vw;-moz-transform-origin:left center;-ms-transform-origin:left center;-webkit-transform-origin:left center;transform-origin:left center;-moz-transform:scale(0, 1);-ms-transform:scale(0, 1);-webkit-transform:scale(0, 1);transform:scale(0, 1);-moz-transition:-moz-transform .6s;-o-transition:-o-transform .6s;-webkit-transition:-webkit-transform .6s;transition:transform .6s}.nav-wrap a:hover .en{opacity:1}.nav-wrap a:hover .tw{opacity:0}.nav-wrap a:hover:before{-moz-transform-origin:right center;-ms-transform-origin:right center;-webkit-transform-origin:right center;transform-origin:right center;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.nav-open .nav-wrap{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.nav-main{margin-top:10vh}.nav-main a{color:#000;margin:10px 0}.nav-sub{margin-top:6vh}.nav-sub a{color:#999;margin:5px 0 5px 10px;line-height:20px}.nav-sub a:hover{color:#000}.hamburger{position:relative;cursor:pointer;margin:15px 0;z-index:2;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.show-page .hamburger{opacity:1}.hamburger-bar{width:30px;height:2px;background:#000;margin:5px 0;-moz-transition:-moz-transform .6s;-o-transition:-o-transform .6s;-webkit-transition:-webkit-transform .6s;transition:transform .6s}.hamburger-bar:before{content:"";display:block;height:100%;width:0;background:#ccc}.hamburger-bar:nth-child(2){margin-left:-10px}.hamburger:hover .hamburger-bar:before{-moz-animation:hamburgerbar 1s;-webkit-animation:hamburgerbar 1s;animation:hamburgerbar 1s}.hamburger:hover .hamburger-bar:nth-child(2){-moz-transform:translateX(10px);-ms-transform:translateX(10px);-webkit-transform:translateX(10px);transform:translateX(10px)}.nav-open .hamburger:hover .hamburger-bar:nth-child(2){-moz-transform:translateX(10px) scaleX(0);-ms-transform:translateX(10px) scaleX(0);-webkit-transform:translateX(10px) scaleX(0);transform:translateX(10px) scaleX(0)}.hamburger:hover .hamburger-bar:nth-child(2):before{-moz-animation-delay:.2s;-webkit-animation-delay:.2s;animation-delay:.2s}.hamburger:hover .hamburger-bar:nth-child(3):before{-moz-animation-delay:.4s;-webkit-animation-delay:.4s;animation-delay:.4s}.nav-open .hamburger-bar{background:#ccc}.nav-open .hamburger-bar:nth-child(2){-moz-transform:translateX(10px) scaleX(0);-ms-transform:translateX(10px) scaleX(0);-webkit-transform:translateX(10px) scaleX(0);transform:translateX(10px) scaleX(0)}.nav-open .hamburger-bar:nth-child(1){-moz-transform:translateY(7px) rotate(45deg);-ms-transform:translateY(7px) rotate(45deg);-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}.nav-open .hamburger-bar:nth-child(3){-moz-transform:translateY(-7px) rotate(-45deg);-ms-transform:translateY(-7px) rotate(-45deg);-webkit-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg)}@-moz-keyframes hamburgerbar{0%{width:0;margin-left:0}50%{width:100%;margin-left:0}100%{width:0;margin-left:100%}}@-webkit-keyframes hamburgerbar{0%{width:0;margin-left:0}50%{width:100%;margin-left:0}100%{width:0;margin-left:100%}}@keyframes hamburgerbar{0%{width:0;margin-left:0}50%{width:100%;margin-left:0}100%{width:0;margin-left:100%}}.wrapper{overflow:hidden}.main{min-height:100vh}section{padding:0 5vw}.content{position:relative;padding:7vw 160px}.title{font-weight:normal;color:#000;margin:60px 0}.title .en{font-size:1.5rem;font-family:"Marcellus",serif;opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-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}.title .tw{font-size:1.25rem;opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:-moz-transform .6s .3s,opacity .6s .3s;-o-transition:-o-transform .6s .3s,opacity .6s .3s;-webkit-transition:-webkit-transform .6s,opacity .6s;-webkit-transition-delay:.3s,.3s;transition:transform .6s .3s,opacity .6s .3s}.title.show .tw,.title.show .en{display:inline-block;opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.subtitle{font-weight:normal;color:#000;margin:60px 0}.subtitle .en{font-size:1.25rem;font-family:"Marcellus",serif}.subtitle .tw{font-size:1.125rem;margin:0 10px}.btn{font-size:14px;margin:60px 0}.btn a{display:inline-block;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.btn a:after{content:"";display:block;height:1px;background:#999}.btn a:hover:after{-moz-animation:btnline 1s;-webkit-animation:btnline 1s;animation:btnline 1s}.btn.show a{opacity:1}@-moz-keyframes btnline{0%{width:100%;margin-left:0}50%{width:0%;margin-left:100%}50.1%{width:0;margin-left:0}100%{width:100%;margin-left:0}}@-webkit-keyframes btnline{0%{width:100%;margin-left:0}50%{width:0%;margin-left:100%}50.1%{width:0;margin-left:0}100%{width:100%;margin-left:0}}@keyframes btnline{0%{width:100%;margin-left:0}50%{width:0%;margin-left:100%}50.1%{width:0;margin-left:0}100%{width:100%;margin-left:0}}.footer{padding:5vh 5vw;background:#eee}.footer-inner{margin:0 160px;font-size:.75em;overflow:hidden;color:#666}.footer-copyright{float:left}.footer-copyright span{display:block}.footer-webdesign{float:right;margin-top:.5625em}.footer a{color:#666}.footer a:hover{color:#000}.scroll{position:fixed;bottom:5vh;right:5vw;overflow:hidden;height:60px;width:60px;margin-right:-10px;border-radius:50%;border:#000 solid 1px;cursor:pointer;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.show-page .scroll{opacity:1}.scroll:hover{opacity:.5}.scroll-down,.scroll-up{position:relative;padding:18px 30px;-moz-transition:-moz-transform .6s;-o-transition:-o-transform .6s;-webkit-transition:-webkit-transform .6s;transition:transform .6s}.scroll-down:before,.scroll-up:before{content:"";width:1px;height:24px;background:#000;display:block}.scroll-down:after,.scroll-up:after{content:"";border-left:transparent solid 3px;border-right:transparent solid 4px;position:absolute;left:50%;margin-left:-3px}.up .scroll-down,.up .scroll-up{-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.scroll-down:after{border-top:#000 solid 6px;bottom:18px}.scroll-up:after{border-bottom:#000 solid 6px;top:18px}@media screen and (max-width: 1100px){.header{top:20px;bottom:auto}.header-nav,.header-copyright{display:none}.logo img,.logo svg{height:50px}.logo-text{display:none}.nav{top:20px}.nav-wrap{padding:20px 5vw}.hamburger{margin:18px 0}.hamburger-bar{width:25px;height:1px}.hamburger-bar:nth-child(2){margin-left:-5px}.nav-open .hamburger-bar:nth-child(1){-moz-transform:translateY(6px) rotate(45deg);-ms-transform:translateY(6px) rotate(45deg);-webkit-transform:translateY(6px) rotate(45deg);transform:translateY(6px) rotate(45deg)}.nav-open .hamburger-bar:nth-child(3){-moz-transform:translateY(-6px) rotate(-45deg);-ms-transform:translateY(-6px) rotate(-45deg);-webkit-transform:translateY(-6px) rotate(-45deg);transform:translateY(-6px) rotate(-45deg)}.content{padding:7vw 0}.title{line-height:1.2}.title .en{font-size:1.25rem}.title .tw{font-size:1.125rem}.footer{padding:20px 5vw}.footer-inner{margin:0 60px 0 0}.scroll{width:40px;height:40px;bottom:20px;margin-right:-7px}.scroll-down,.scroll-up{padding:8px 20px}.scroll-down:after{bottom:8px}.scroll-up:after{top:8px}}@media screen and (max-width: 640px){.nav-wrap{width:100%}.content{padding:60px 0}.footer-copyright,.footer-webdesign{float:none}.footer-webdesign{margin-top:0}.footer-copyright span{display:inline-block}}.top,.header,.nav{display:none}.wrapper{background:rgba(238,238,238,0.6)}.member-inner{max-width:1000px;margin:0 auto}.member-title{font-size:1.125rem;font-weight:normal;text-align:center;color:#000;letter-spacing:.2rem;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}.member-title.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.member-image{max-width:460px;margin:10px auto;padding-top:20px;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.member-image.show{opacity:1}.member-image-wrap{display:-ms-flexbox;display:flex;max-width:460px;margin:10px auto;padding-top:20px;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.member-image-wrap.show{opacity:1}.member-img img{width:100%}.member-img-col:nth-child(1){margin-right:15px}.member-img-col img{width:100%}.member-memo{text-align:center;font-size:.875rem;margin-top:10px}.member-item{padding-top:20px}.member-question{font-size:1rem;font-weight:normal;color:#000;margin-top:20px;padding:10px 12px 8px;background:#eee;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}.member-question.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.member-text{padding:0px 12px;font-size:.95rem}.member-text p{padding-top:20px;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.member-text p.show{opacity:1}.member-list{padding:20px 12px 0;font-size:.95rem}.member-list li{list-style-type:upper-alpha;margin-left:45px;padding-top:20px;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.member-list li.show{opacity:1}.member-subtitle{position:relative;padding-left:25px;margin-left:2px;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.member-subtitle.show{opacity:1}.member-subtitle span{position:absolute;left:0;width:25px}.member-close{cursor:pointer;position:fixed;top:40px;right:40px;font-size:.95rem}.member-close i{-moz-transform:scale(1.25, 1.25);-ms-transform:scale(1.25, 1.25);-webkit-transform:scale(1.25, 1.25);transform:scale(1.25, 1.25);color:#444}@media screen and (max-width: 640px){.member-title{letter-spacing:.15rem}.member-question{font-size:.95rem}.member-close{top:20px;right:20px}}