@import url("https://fonts.googleapis.com/css2?family=Trirong:wght@400;500&family=Noto+Sans+TC&family=Noto+Serif+TC:wght@200;400;500;600&display=swap");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,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;vertical-align:baseline;font:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}body{position:relative;overflow-x:hidden;scroll-behavior:smooth;visibility:hidden;opacity:0;font-family:"Noto Sans TC",sans-serif;color:#3A3030;background-color:#F1F0EE;min-height:100vh}body.fade-in{opacity:1;-webkit-transition:opacity  2s ease;transition:opacity  2s ease;visibility:visible}@media all and (max-width: 768px){body{background-size:80%;background-position:center 25vh}}::-moz-selection{color:#fff;background:#900}::selection{color:#fff;background:#900}a{outline:none}a,a:hover{text-decoration:none;-webkit-transition:0.6s;transition:0.6s}*:focus{outline:none}img{vertical-align:middle;max-width:100%}.fontfix{font-family:"Trirong","Noto Serif TC",serif}.fserif{font-family:"Noto Serif TC",serif}.fen{font-family:"Trirong",serif,serif}#Wapper{overflow:hidden;position:relative}@media all and (max-width: 768px){#Wapper{padding-bottom:80px}}@media all and (min-width: 769px){#Wapper{padding-bottom:120px}}.row{position:relative}@media all and (max-width: 768px){.row{padding-left:20px;padding-right:20px}}@media all and (min-width: 769px) and (max-width: 990px){.row{margin:0 auto;width:90%}}@media all and (min-width: 991px){.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:auto;margin-right:auto;padding-left:5%;padding-right:5%;max-width:1920px}.row .col{width:100%}.row .col-xl-6{width:66.7%}.row .col-3{width:25%}.row .col-4{width:33%}.row .col-9{width:75%}.row .col-10{width:83.3%}.row .col-offset-3{margin-left:25%}}@media all and (min-width: 1440px){.row .col-xl-3{width:25%}.row .col-xl-6{width:50%}.row .col-xl-7{width:55%}.row .col-xl-8{width:66.7%}.row .col-xl-10{width:83.3%}.row .col-xl-offset-1{margin-left:8.3%}}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.imgPng{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.mpsrel{position:relative}.bgcover{width:100%;height:0;background:center / cover}@media all and (max-width: 575px){.bgcover[data-src-lg]{content:attr(data-src-lg, url)}}@media all and (min-width: 576px){.bgcover[data-src-sm]{content:attr(data-src-sm, url)}}#topBtn{z-index:90;text-align:center;display:block;z-index:1;opacity:0;visibility:hidden;border-radius:99em;border:1px solid #857575;-webkit-transition:border 0.6s;transition:border 0.6s}#topBtn .svg path{-webkit-transition:0.6s;transition:0.6s}#topBtn.open{opacity:0.5;visibility:visible}#topBtn.change{position:absolute}@media all and (max-width: 990px){#topBtn{width:40px;height:40px;padding-top:7px;position:fixed;right:15px;bottom:20px}#topBtn .svg{width:16px}}@media all and (min-width: 991px){#topBtn{position:fixed;right:40px;bottom:40px;width:80px;height:80px;padding-top:25px}#topBtn:hover{border-color:#900}#topBtn:hover .svg path{stroke:#900}}.back,.btn{font-family:"Noto Serif TC",serif;text-align:center;border:1px solid rgba(153,0,0,0.3);display:inline-block;color:#3A3030;mix-blend-mode:normal;letter-spacing:0.2em;line-height:2;overflow:hidden;position:relative;z-index:1}.back span,.btn span{position:absolute;display:block;width:0;height:0;border-radius:50%;background-color:#900;-webkit-transition:width 0.4s ease-in-out, height 0.4s ease-in-out;transition:width 0.4s ease-in-out, height 0.4s ease-in-out;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:-1}@media all and (max-width: 768px){.back,.btn{width:160px;padding:0.5em 0 0.5em}}@media all and (min-width: 769px){.back,.btn{width:200px;padding:13px 0;-webkit-transition:background 0.6s,color 0.6s;transition:background 0.6s,color 0.6s}.back:hover,.btn:hover{color:#F8F8F8}.back:hover span,.btn:hover span{width:225%;height:562.5px}}@media all and (min-width: 1440px){.back,.btn{width:272px;padding:20px 0;font-size:20px}}.arrow{display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:5;border-radius:99em;background-color:rgba(153,0,0,0);border:1px solid #900;-webkit-transition:all 0.6s;transition:all 0.6s;text-align:center;cursor:pointer}.arrow .svg path{stroke:#900;-webkit-transition:stroke 0.6s;transition:stroke 0.6s}.arrow.ltbn{left:5%}.arrow.rtbn{right:5%}@media all and (max-width: 768px){.arrow{width:40px;height:40px;padding-top:8px;background-color:#900}.arrow .svg{height:12px}.arrow .svg path{stroke:white}}@media all and (min-width: 769px){.arrow{width:48px;height:48px;padding-top:12px}.arrow:hover{background-color:#900}.arrow:hover .svg path{stroke:white}}@media all and (min-width: 1440px){.arrow{width:56px;height:56px;padding-top:18px}}header{z-index:10;width:100%;font-family:"Noto Serif TC",serif;position:fixed;top:0;left:0%}@media all and (max-width: 990px){header::before{content:"";width:100%;height:100vh;position:fixed;top:0;left:0;background-color:rgba(255,255,255,0.1);z-index:10;opacity:0;visibility:hidden;-webkit-transition:opacity  0.6s ease;transition:opacity  0.6s ease;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}}header .navBox{position:relative;z-index:10;width:100%;height:100%;text-align:center}@media all and (max-width: 990px){header .navBox{display:none;position:fixed;top:0;right:0%;-webkit-overflow-scrolling:touch;overflow-y:auto}}header .logo{z-index:22;-webkit-transition:opacity 0.6s;transition:opacity 0.6s}@media all and (max-width: 990px){header .logo{width:108px;left:20px;position:absolute;top:20px}}@media all and (min-width: 991px){header .logo{position:absolute;top:32px;left:40px;width:164px}}header .menuicon{position:absolute;top:25px;right:20px;z-index:12}header .menuicon .mpsrel{width:40px;height:40px;border:1px solid #900;border-radius:99em}header .menuicon .bar,header .menuicon .bar:after,header .menuicon .bar:before{-webkit-transition:all .25s;transition:all .25s;content:"";position:absolute;top:0;right:0%;height:1px;width:18px;background:#900}header .menuicon .bar{margin-top:19px;margin-right:10px}header .menuicon .bar:before{top:-7px}header .menuicon .bar:after{top:7px}@media all and (min-width: 991px){header .menuicon{display:none}}header.menu-expanded::before{opacity:1;visibility:visible}header.menu-expanded .menuicon .bar{background:rgba(0,0,0,0)}header.menu-expanded .menuicon .bar:before{top:0px;right:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:18px}header.menu-expanded .menuicon .bar:after{top:0px;right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:18px}header ul.mmenu>li>a{display:block;position:relative;color:#3A3030;font-weight:500;line-height:1.5;font-size:1.25em}@media all and (max-width: 990px){header ul.mmenu>li{width:100%}header ul.mmenu>li>a{padding:1em 1.5em}}@media all and (min-width: 991px){header ul.mmenu>li{display:inline-block;padding:0 12px}header ul.mmenu>li a{padding:24px 0}header ul.mmenu>li span{display:block}header ul.mmenu>li>a:after{content:'';display:block;background-color:#900;height:1px;margin:0 auto;opacity:0;-webkit-transition:opacity 0.6s;transition:opacity 0.6s;-webkit-transform:translateY(5px);transform:translateY(5px)}header ul.mmenu>li:hover>a,header ul.mmenu>li.active>a{color:#900}header ul.mmenu>li:hover>a:after,header ul.mmenu>li.active>a:after{opacity:1}>header ul.mmenu>li:hover .subBox{visibility:visible;opacity:1}}@media all and (max-width: 990px){header ul.mmenu{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}}@media all and (min-width: 991px){header ul.mmenu{display:inline-block;text-align:center;padding:0px 20px;margin-top:30px;border-radius:99em;background-color:rgba(255,255,255,0.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@media all and (min-width: 1440px){header ul.mmenu{margin-top:42px}header ul.mmenu>li{padding:0 24px}header .logo{width:215px;top:42px}}footer{z-index:10;position:relative;background-color:#F1F0EE;font-family:"Trirong","Noto Serif TC",serif;border-top:1px solid #900;font-size:14px}footer .disignby a{color:#857575;font-weight:200;line-height:1}footer .copyright{color:#857575;font-weight:200;line-height:1}footer .info li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:18px;line-height:2.2}footer .info span{text-align:left;width:4em;color:#900}footer .info a{text-align:right;color:#3A3030}footer .social-btn{margin-bottom:16px}footer .social-btn a{display:inline-block;margin:0px 6px}footer .social-btn .svg{width:48px;height:48px}footer .social-btn path{-webkit-transition:fill 0.6s;transition:fill 0.6s}footer .flogo{width:164px}@media all and (max-width: 575px){footer{font-size:12px}footer .info li{font-size:16px}}@media all and (max-width: 990px){footer{z-index:9;text-align:center;padding:40px 20px 30px}footer .flogo{margin:0 auto 30px}footer .copyright{margin-top:40px}footer .info{margin-top:16px}footer .info span{width:3em}}@media all and (min-width: 576px) and (max-width: 990px){footer{padding:40px 15% 30px}}@media all and (min-width: 991px){footer{padding:80px 5% 130px 5%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}footer .disignby{position:absolute;bottom:40px}footer .copyright{position:absolute;right:5%;bottom:40px}footer .social-btn{position:fixed;top:45px;right:36px}}@media all and (min-width: 1440px){footer .social-btn{top:54px}footer .social-btn .svg{width:56px;height:56px}footer .flogo{width:260px}}@media all and (min-width: 769px){.social-btn a:hover path{-webkit-transition:fill 0.6s;transition:fill 0.6s}.social-btn a:hover path{fill:#900}}.asj.fade{opacity:0}.asj.fade.animated{opacity:1;-webkit-transition:opacity 2s cubic-bezier(0.38, 0.005, 0.215, 1);transition:opacity 2s cubic-bezier(0.38, 0.005, 0.215, 1)}.asj.fade-up{opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}.asj.fade-up.animated{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:opacity 2s ,-webkit-transform 0.8s;transition:opacity 2s ,-webkit-transform 0.8s;transition:opacity 2s ,transform 0.8s;transition:opacity 2s ,transform 0.8s ,-webkit-transform 0.8s;-webkit-transition-delay:0.3s;transition-delay:0.3s;-webkit-transition-timing-function:cubic-bezier(0.38, 0.005, 0.215, 1);transition-timing-function:cubic-bezier(0.38, 0.005, 0.215, 1)}.asj.skewY{opacity:0;-webkit-transform:translateY(100px) skewY(15deg);transform:translateY(100px) skewY(15deg)}.asj.skewY.animated{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:opacity 2s ,-webkit-transform 1s;transition:opacity 2s ,-webkit-transform 1s;transition:opacity 2s ,transform 1s;transition:opacity 2s ,transform 1s ,-webkit-transform 1s;-webkit-transition-delay:0.5s;transition-delay:0.5s;-webkit-transition-timing-function:cubic-bezier(0.38, 0.005, 0.215, 1);transition-timing-function:cubic-bezier(0.38, 0.005, 0.215, 1)}.asj[data-delay="100"]{-webkit-transition-delay:0.1s;transition-delay:0.1s}.asj[data-delay="200"]{-webkit-transition-delay:0.2s;transition-delay:0.2s}.asj[data-delay="300"]{-webkit-transition-delay:0.3s;transition-delay:0.3s}.asj[data-delay="500"]{-webkit-transition-delay:0.5s;transition-delay:0.5s}
/*# sourceMappingURL=main.css.map */