a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@media screen and (min-width:1279.98px){.m-show{display:none!important}}@media screen and (max-width:1279.97px) and (min-width:1023.98px){.m-show{display:none!important}}@media screen and (max-width:1023.97px){.m-none{display:none!important}}@media screen and (min-width:768px) and (max-width:1023.97px){.m-only-show{display:none!important}}@media screen and (min-width:1023.98px){.m-only-show{display:none!important}}@media screen and (max-width:767px){.m-only-none{display:none!important}}input,select,textarea{-moz-appearance:none;-webkit-appearance:none;border:0;outline:0;padding:0;margin:0}a{text-decoration:none;color:inherit}.image-w{font-size:0}.image-w img,.image-w object{width:100%;vertical-align:middle}.image-h{font-size:0}.image-h img,.image-h object{height:100%;vertical-align:middle}img{pointer-events:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}svg{width:100%;height:100%}@keyframes point{0%{opacity:0}to{opacity:1}}@keyframes line1{0%{padding-bottom:0;transform:translateZ(0)}70%{padding-bottom:59%;transform:translate3d(0,-10%,0)}to{padding-bottom:59%;transform:translate3d(0,-10%,0)}}@keyframes line2{0%{padding-bottom:0;transform:translateZ(0)}80%{padding-bottom:127%;transform:translate3d(0,-10%,0)}to{padding-bottom:127%;transform:translate3d(0,-10%,0)}}@keyframes loading{0%{background-position-x:0}to{background-position-x:100%}}@keyframes loading2{0%{transform:scale(2) rotate(0)}to{transform:scale(2) rotate(1turn)}}@keyframes loading3{0%{transform:scaleY(.6)}to{transform:scaleY(1.4)}}html{opacity:0;transition:.8s}html.start{opacity:1}html.stop,html.stop body{width:100%;height:100%;overflow:hidden;position:fixed}body{font-family:Noto Sans TC,sans-serif;font-weight:500}@media screen and (min-width:1279.98px){body::-webkit-scrollbar{background:transparent;width:6px}body::-webkit-scrollbar-track{background:#f7f7f7}body::-webkit-scrollbar-thumb{background:#560006}}header{width:100%;display:flex;justify-content:space-between;align-items:center;background:#862e3e;padding:1% 2%;box-sizing:border-box}@media screen and (max-width:767px){header{padding:4% 2%}}header .logo{width:8%}@media screen and (max-width:767px){header .logo{width:16%}}header .left{width:80%;display:flex;align-items:center}header .title{width:48%}header .text-wrap{width:32%;position:relative;margin:0 0 0 2%}@media screen and (max-width:767px){header .text-wrap{width:90%}}header .input{width:100%;font-size:1.17188vw;letter-spacing:.07812vw;line-height:2.4;background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0));border-radius:100px;padding:0 32% 0 6%;box-sizing:border-box;color:#9b5476}@media screen and (max-width:767px){header .input{font-size:3.73333vw}}header .input::-webkit-input-placeholder{color:#9b5476}header .input:-moz-placeholder,header .input::-moz-placeholder{color:#9b5476}header .send{width:40%;height:100%;top:0;right:0;border-radius:100px;display:flex;justify-content:center;align-items:center;background:#fff}header .send img{width:80%}.container{width:100%;overflow:hidden}footer{width:100%;position:relative}footer .link{width:17.5%;display:flex;align-items:center;position:absolute;top:36%;left:36%}@media screen and (max-width:767px){footer .link{width:22%;top:28%;left:39%}}footer .link .box{width:25%;transition:.6s}footer .link .box:hover{transform:translate3d(0,-5%,0)}footer .logos{width:15%;position:absolute;top:8%;right:3%}@media screen and (max-width:767px){footer .logos{width:20%}}footer .logos .design{width:75%;margin:0 0 0 auto}footer a{display:block}.loading{width:100%;height:100vh;background:#550009;position:fixed;top:0;left:0;z-index:100;transition:1s}.loading.active{opacity:0;transform:translate3d(0,-100%,0);filter:blur(5vw)}.loading .inner{width:36%;padding-bottom:19%;position:absolute;top:50%;left:0;right:0;transform:translate3d(0,-50%,0);margin:auto;mask-image:url(image/loading_cover.png?9ba06);mask-size:auto 100%;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(image/loading_cover.png?9ba06);-webkit-mask-size:auto 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;overflow:hidden}@media screen and (max-width:767px){.loading .inner{width:60%;padding-bottom:31%}}.loading .color{height:100%;top:0;background:linear-gradient(45deg,#990e2b,#ff8080,#f6c2b6) no-repeat;background-size:200% auto;animation:loading 1s infinite alternate both,loading2 2s infinite alternate both}.loading .bot,.loading .color{width:100%;position:absolute;left:0}.loading .bot{bottom:0;animation:loading3 2s infinite alternate both;transform-origin:50% 100%}.main,.main .video-wrap{width:100%;position:relative}.main .video-wrap{padding-bottom:56.25%;overflow:hidden}@media screen and (max-width:767px){.main .video-wrap{padding-bottom:160%}}.main .video-wrap video{min-width:100%;min-height:100%;position:absolute;top:0;left:0}@media screen and (max-width:767px){.main .video-wrap video{transform:translate3d(-40%,0,0)}}.main .top{width:45.2%;position:absolute;top:0;left:0}@media screen and (max-width:767px){.main .top{width:80%;top:80%;right:0;margin:auto}}.main .inner{width:46%;position:absolute;top:50%;transform:translate3d(0,-50%,0);right:0;left:0;margin:auto}@media screen and (max-width:767px){.main .inner{width:85%}}.main .inner .text-wrap{width:60%;margin:6% auto;position:relative}@media screen and (max-width:767px){.main .inner .text-wrap{width:85%}}.main .inner .input{width:100%;font-size:1.40625vw;letter-spacing:.07812vw;line-height:2.4;background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0));border-radius:100px;padding:0 32% 0 6%;box-sizing:border-box;color:#9b5476}@media screen and (max-width:767px){.main .inner .input{font-size:3.73333vw}}.main .inner .input::-webkit-input-placeholder{color:#9b5476}.main .inner .input:-moz-placeholder,.main .inner .input::-moz-placeholder{color:#9b5476}.main .inner .send{width:40%;margin:0 auto;top:0;right:0;border-radius:100px;display:flex;justify-content:center;align-items:center;background:#fff}.main .inner .send img{width:80%}.s3{width:100%;position:relative}.s3 .play{width:15%;position:absolute;top:16%;left:0;right:0;margin:auto;cursor:pointer;transition:.6s}@media screen and (max-width:767px){.s3 .play{width:17%;top:11%}}.s3 .play:hover{transform:translate3d(0,-3%,0)}.s5{width:100%;position:relative}.s5 .box{width:42.2%;position:absolute}.s5 .box:hover .cover{opacity:0}.s5 .box .cover{width:100%;position:absolute;top:0;left:0;transition:1s}.s5 .i1{left:10%;top:5.2%}.s5 .i2{left:48.7%;top:34.3%}.s5 .i3{left:10%;top:56.1%}.s5 .line{width:100%;position:absolute;top:0;left:0;pointer-events:none}.s6{width:100%;position:relative}.s6 .point{top:1%}.s6 .box,.s6 .point{width:100%;position:absolute;left:0}.s6 .box{top:0}.s6 .animation{animation:point 3s infinite alternate both}.s6 .animation.box2{animation-delay:-1s}.s6 .animation.box3{animation-delay:-1.6s}.s6 .line1{width:8%;position:absolute;top:56%;left:9%;overflow:hidden;animation:line1 4s infinite alternate both}.s6 .line1 img{top:0}.s6 .line1 img,.s6 .line2{width:100%;position:absolute;left:0}.s6 .line2{top:41%;overflow:hidden;animation:line2 4s infinite alternate both}@media screen and (max-width:767px){.s6 .line2{top:46%}}.s6 .line2 img{width:100%;position:absolute;top:0;left:0}.s7{width:100%;position:relative}.s7 .point{width:100%;position:absolute;top:-2%;left:0}.s7 .animation{animation:point 3s infinite alternate both}.s7 .animation.point1{animation-delay:-1s}.s7 .animation.point2{animation-delay:-1.6s}.s8{width:100%;padding:5% 0;background:url(image/s8_bg.jpg?23b82) repeat 50%;position:relative}@media screen and (max-width:767px){.s8{padding:16% 0;background:url(image/s8_bg_m.jpg?4ad67) repeat 50%}}.s8 .list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.s8 .list .box{width:11.5%;margin:.5% 0;cursor:pointer;transition:.6s}@media screen and (max-width:767px){.s8 .list .box{width:23%;margin:1.5% 0}}.s8 .list .box:hover{transform:scale(.95)}.s8 .list .wrap{width:100%;padding-bottom:100%;position:relative;overflow:hidden}.s8 .list .wrap img{transform:scale(1.2) translate3d(0,-10%,0);transform-origin:50% 50%}.s8 .list .wrap img,.s8 .show{width:100%;position:absolute;top:0;left:0}.s8 .show{height:100%;display:flex;justify-content:center;align-items:center;z-index:2;opacity:0;pointer-events:none;transition:.8s}.s8 .show.active{opacity:1;pointer-events:auto}.s8 .show:before{content:"";width:100%;height:90%;position:absolute;top:0;bottom:0;left:0;margin:auto;background:linear-gradient(90deg,rgba(87,0,2,.2),#570002 36%,#570002 64%,rgba(87,0,2,.2));z-index:-1}.s8 .show .show-wrap{width:32%;padding:1% 1.5% 2%;background:#760e2b;box-sizing:border-box;box-shadow:1.09375vw 1.32812vw 1.40625vw 0 rgba(0,0,0,.7)}@media screen and (max-width:767px){.s8 .show .show-wrap{width:80%;padding:1% 4% 3%}}.s8 .show .btn-close{width:8%;margin:0 0 2% auto;cursor:pointer}.s8 .show .inner{position:relative}.s8 .show .btn{width:8%;position:absolute;top:50%;transform:translate3d(0,-50%,0);cursor:pointer;outline:0;z-index:10}.s8 .show .btn.last{left:1%}.s8 .show .btn.next{right:1%}.s9{width:100%;position:relative}.s9 .voice{width:90%;position:absolute;top:2%;right:-8%;transform:scaleX(.5);filter:sepia(100%) opacity(70%)}@media screen and (max-width:767px){.s9 .voice{width:100%;top:12%;right:0;transform:scaleX(.8)}}.s9 .btn{width:16%;position:absolute;top:60%;cursor:pointer;transition:1s}@media screen and (max-width:767px){.s9 .btn{width:22%;top:72%}}.s9 .btn:hover{transform:translate3d(0,-3%,0)}.s9 .btn.btn1{left:26%}@media screen and (max-width:767px){.s9 .btn.btn1{left:19%}}.s9 .btn.btn2{left:58.5%}.s9 .wrap{width:90%;position:absolute;top:40%;left:0;right:0;margin:auto}.s9 .s-btn{width:6%;position:absolute;top:50%;transform:translate3d(0,-50%,0);z-index:10;cursor:pointer;outline:0}@media screen and (max-width:767px){.s9 .s-btn{width:12%}}.s9 .s-btn.last{left:0}.s9 .s-btn.next{right:0}.s10{width:100%;position:relative}.s10 .wrap{width:90%;position:absolute;top:50%;transform:translate3d(0,-50%,0);right:0;left:0;margin:auto}@media screen and (max-width:767px){.s10 .wrap{width:100%;position:static;transform:translateZ(0)}}.s10 .btn{width:6%;position:absolute;top:50%;transform:translate3d(0,-50%,0);cursor:pointer;outline:0}@media screen and (max-width:767px){.s10 .btn{width:12%}}.s10 .btn.last{left:2%}.s10 .btn.next{right:2%}.s10 .swiper-pagination{width:100%;text-align:center;position:absolute;bottom:8%}.s10 .swiper-pagination-bullet{width:1vw;height:1vw;opacity:1;background:#dcdddd;margin:0 .5%}.s10 .swiper-pagination-bullet-active{background:#fff}.s11{width:100%;position:relative}.s11 .btn{width:42%;position:absolute;top:40%;left:0;right:0;margin:auto;transition:.6s}.s11 .btn:hover{transform:translate3d(0,-3%,0)}.s12{width:100%;position:relative;padding:5% 0 30%;background:#8b524e;z-index:1}@media screen and (max-width:767px){.s12{padding:8% 0 30%}}.s12 .inner{width:78%;margin:0 auto}.s12 .title{width:38%;margin:0 0 12%}@media screen and (max-width:767px){.s12 .title{width:60%}}.s12 .list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 0 20%}@media screen and (max-width:767px){.s12 .list{width:90%;margin:0 auto 20%}}.s12 .list .box{width:48%;background:#f0dccf;padding:4% 5% 8%;box-sizing:border-box;border-radius:1.01562vw;margin:2% 0;position:relative}@media screen and (max-width:767px){.s12 .list .box{width:100%;margin:5% 0;padding:5% 7% 20%}}.s12 .name{font-size:2.8125vw;letter-spacing:.15625vw;line-height:1.5;color:#7e5a54;padding:0 0 2%;margin:0 0 4%;border-bottom:.11719vw solid #7e5a54}@media screen and (max-width:767px){.s12 .name{font-size:5.33333vw;letter-spacing:.53333vw}}.s12 .text{height:20vw;overflow:auto;font-size:1.17188vw;letter-spacing:.07812vw;line-height:2;color:#655655;text-align:justify;padding:0 4% 0 0;box-sizing:border-box}@media screen and (max-width:767px){.s12 .text{height:50vw;font-size:3.2vw;letter-spacing:.26667vw}}.s12 .text::-webkit-scrollbar{background:transparent;width:4px}.s12 .text::-webkit-scrollbar-track{background:hsla(0,0%,100%,.5)}.s12 .text::-webkit-scrollbar-thumb{background:#8b524e}.s12 .number{font-size:1.25vw;letter-spacing:.07812vw;color:#392f2f;position:absolute;bottom:4%;right:6%}@media screen and (max-width:767px){.s12 .number{font-size:3.73333vw;letter-spacing:.26667vw}}.s12 .page{display:flex;font-size:2.1875vw;color:#d6b5b2;justify-content:flex-end;align-items:flex-end}@media screen and (max-width:767px){.s12 .page{font-size:5.33333vw;justify-content:center}}.s12 .page .page-box{margin:0 2%;position:relative;cursor:pointer}@media screen and (max-width:767px){.s12 .page .page-box{margin:0 5%}}.s12 .page .page-box.active{font-size:3.75vw}@media screen and (max-width:767px){.s12 .page .page-box.active{font-size:9.6vw}}.s12 .page .page-box.active .circle{opacity:1}.s12 .page .circle{top:-30%;transform:scale(2.5);opacity:0}.s12 .bg,.s12 .page .circle{width:100%;position:absolute;left:0;pointer-events:none}.s12 .bg{top:5%;z-index:-1}.lightbox{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.8);z-index:100;display:flex;flex-direction:row;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:.8s}.lightbox.active{opacity:1;pointer-events:auto}.lightbox.active .wrap{transform:translateZ(0);opacity:1}.lightbox .wrap{width:66%;transform:translate3d(0,5%,0);opacity:0;transition:.6s .8s}@media screen and (max-width:767px){.lightbox .wrap{width:100%}}.lightbox .inner{width:100%;padding-bottom:56.2%;position:relative}.lightbox iframe{width:100%;height:100%;position:absolute;top:0;left:0}.lightbox .close{width:7%;padding-bottom:7%;position:absolute;bottom:100%;right:0;cursor:pointer}@media screen and (max-width:767px){.lightbox .close{width:15%;padding-bottom:15%}}.lightbox .close:after,.lightbox .close:before{content:"";width:70%;height:.15625vw;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;background:#fff}.lightbox .close:before{transform:rotate(45deg)}.lightbox .close:after{transform:rotate(-45deg)}