@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;700&display=swap);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:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{position:relative;overflow-x:hidden}button,ol,ul{margin:0;padding:0;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}:focus,a:active,a:focus,a:hover,button:focus{text-decoration:none;outline:0}a,button{border:none;font-size:unset;padding:0;margin:0;background:0 0;background-color:none;outline:0;border:none}img{max-width:100%;height:auto}aside{position:fixed;z-index:50;top:50%;right:15px;transform:translateY(-50%)}@media only screen and (max-width:1440px){aside{display:none!important}}aside ul{display:flex;flex-direction:column;align-items:flex-end}aside ul li{display:block;position:relative;margin:20px 0 0 0;padding:5px 40px 5px 10px;color:#ddd2b3;cursor:pointer;background-color:#8c6c14;border-radius:5px;font-size:1rem}aside ul li:after{content:'';position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;background:url(../images/asideImg.png) no-repeat 50% 50%;margin:0 0 0 10px}aside ul li.active,aside ul li:hover{color:#fff;background-color:#c7a444;transition:.3s all}aside ul li.active:after,aside ul li:hover:after{background-position:100% 0}aside ul li#top{padding:unset;background-color:unset}aside ul li#top:after{background-image:unset}aside ul li#top.active,aside ul li#top:hover{filter:brightness(2)}.modal.video{background:rgba(0,0,0,.7)}.modal.video .modal-dialog{top:10%}@media only screen and (max-width:900px){.modal.video .modal-dialog{top:30%}}.modal.video .modal-dialog .modal-content{background:unset;border:unset}.modal.video .modal-dialog .modal-content .modal-header{padding:0;border:unset}.modal.video .modal-dialog .modal-content .modal-header button{position:absolute;display:inline-block;width:40px;height:40px;font-size:0;right:0;top:-50px;margin:0;padding:0}.modal.video .modal-dialog .modal-content .modal-header button:after,.modal.video .modal-dialog .modal-content .modal-header button:before{transition:.2s;content:'';position:absolute;top:50%;left:50%;width:64px;height:1px;background-color:#fff}.modal.video .modal-dialog .modal-content .modal-header button:before{transform:translate(-50%,-50%) rotate(45deg)}.modal.video .modal-dialog .modal-content .modal-header button:after{transform:translate(-50%,-50%) rotate(135deg)}@media only screen and (max-width:767px){.modal.video .modal-dialog .modal-content .modal-header button{right:0;top:-35px;width:30px;height:30px}.modal.video .modal-dialog .modal-content .modal-header button:after,.modal.video .modal-dialog .modal-content .modal-header button:before{width:30px}}.modal.video .modal-dialog .modal-content .modal-body{padding:0 0 56.25% 0;position:relative;width:100%;height:0;overflow:hidden}.modal.video .modal-dialog .modal-content .modal-body iframe{position:absolute;top:0;left:0;width:100%;height:100%}.swiper{max-width:70%}@media only screen and (max-width:1440px){.swiper{max-width:100%}}.swiper .swiper-button-next,.swiper .swiper-button-prev{top:50%;width:84px;height:112px;z-index:9}.swiper .swiper-button-next::after,.swiper .swiper-button-prev::after{content:''}@media only screen and (max-width:900px){.swiper .swiper-button-next,.swiper .swiper-button-prev{width:40px;height:50px}}.swiper .swiper-button-prev{left:1%;background:url(../images/s2Arrow.png) no-repeat center center;background-size:contain;transform:rotate(180deg);filter:grayscale(100%);transition:.3s all}@media only screen and (max-width:900px){.swiper .swiper-button-prev{left:1%}}.swiper .swiper-button-prev.active,.swiper .swiper-button-prev:focus,.swiper .swiper-button-prev:hover{filter:unset}.swiper .swiper-button-next{right:1%;background:url(../images/s2Arrow.png) no-repeat center center;background-size:contain;filter:grayscale(100%);transition:.3s all}@media only screen and (max-width:900px){.swiper .swiper-button-next{right:1%}}.swiper .swiper-button-next.active,.swiper .swiper-button-next:focus,.swiper .swiper-button-next:hover{filter:unset}.swiper-pagination{bottom:-20px!important}.swiper-pagination .swiper-pagination-bullet{background-color:#806b3e;opacity:1}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#b79320}body{background-color:#000;font-family:"Noto Sans TC",sans-serif;overflow-x:hidden;text-align:center}body p{font-weight:400;text-align:center;color:#cebe94;line-height:1.5;margin:1% 0}@media only screen and (max-width:480px){body p{line-height:1.2}}body main{position:relative;background-size:cover;min-height:100vh;font-size:1rem;overflow:hidden}body main:before{z-index:2;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}body main video{position:absolute;transform:translate(-50%,-50%);width:100%;height:100%;top:50%;left:50%;z-index:1;-o-object-fit:cover;object-fit:cover}body main .content{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3}body main .content .title,body main .content p{margin:10px;font-size:clamp(1.2rem,1.5vw,1.5rem)}body main .content .deco{margin-top:-25px}body main .content #btn-video{margin:20px;cursor:pointer;transition:.3s}body main .content #btn-video:hover{filter:brightness(1.5)}section{padding:2% 2% 5% 2%;min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width:1440px){section{min-height:70vh}}section p{font-size:1.1rem;color:#cebe94}@media only screen and (max-width:480px){section p{margin:2% 40px;text-align:start;font-size:1rem}}section p span{color:#c6ab5a;font-size:1.1rem;vertical-align:baseline}@media only screen and (max-width:767px){section p span{font-size:1rem}}section h1{font-size:clamp(2rem,3vw,3.5rem)}@media only screen and (max-width:480px){section h1{margin:0 40px}}section h2{font-size:clamp(1.3rem,2vw,2.5rem)}@media only screen and (max-width:480px){section h2{margin:0 40px}}section .title{margin:3% 0}@media only screen and (max-width:480px){section .title img{max-width:80%}}section#s1{transition:.5s all}section#s1 .bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}section#s1 .bg.bg-1{background:url(../images/s1Bg01.jpg) no-repeat 30% 50%;background-size:cover;-webkit-animation:move 40s infinite linear;animation:move 40s infinite linear}section#s1 .bg.bg-2{background:url(../images/s1Bg02.jpg) no-repeat 30% 50%;background-size:cover;-webkit-animation:move 40s infinite linear;animation:move 40s infinite linear}section#s1 .bg.bg-3{background:url(../images/s1Bg03.jpg) no-repeat 30% 50%;background-size:cover;-webkit-animation:move 40s infinite linear;animation:move 40s infinite linear}@-webkit-keyframes move{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes move{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}section#s1 .content{text-align:start;margin:5% 0 0 15%}@media only screen and (max-width:767px){section#s1 .content{margin:0 5%}}@media only screen and (max-width:480px){section#s1 .content{margin:unset}}section#s1 .content .contentTitle{color:#efe9be;font-family:"Noto Serif TC",serif;font-weight:500;line-height:1.2}section#s1 .content p{text-align:start}section#s1 .content .tab{display:flex;flex-direction:row;gap:15px;transition:.3s all}@media only screen and (max-width:480px){section#s1 .content .tab{padding:0 40px;gap:5px}}section#s1 .content .tab button{border:1px solid rgba(206,190,148,0);filter:brightness(.8)}section#s1 .content .tab button.active{filter:brightness(1.2);border:1px solid #cebe94}section#s2{background:url(../images/s2Bg.jpg) no-repeat 50% 50%;background-size:cover}section#s2 .content p{margin:2% 40px}section#s2 .content .tab button{position:relative;margin:0 1%}section#s2 .content .tab button h5{color:#72624b;font-size:clamp(1.1rem,1.8vw,1.5rem);width:195px;height:60px}@media only screen and (max-width:480px){section#s2 .content .tab button h5{width:140px;height:40px}}section#s2 .content .tab button.active h5,section#s2 .content .tab button:hover h5{color:#dfae67}section#s2 .content .tab button.active:before,section#s2 .content .tab button:hover:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/s2Tab_deco01.png) no-repeat 50% 50%;background-size:contain}section#s2 .content .swiper .swiper-slide img{max-width:70%}section#s3{background:url(../images/s3Bg.jpg) no-repeat 50% 50%;background-size:cover}section#s3 .tab{width:100%;display:flex;justify-content:center}section#s3 .tab ul{position:relative;display:flex;flex-direction:row;justify-content:center;font-size:clamp(1.2rem,1.2vw,1.2rem);max-width:920px;margin:2% 0}@media only screen and (max-width:767px){section#s3 .tab ul{max-width:400px;flex-wrap:wrap;gap:8px}}section#s3 .tab ul::before{position:absolute;width:922px;height:163px;top:50%;left:50%;transform:translate(-50%,-50%);content:'';background:url(../images/s3tab_deco.png) no-repeat center center;background-size:contain;pointer-events:none}@media only screen and (max-width:767px){section#s3 .tab ul::before{display:none}}section#s3 .tab ul li{width:205px;height:58px;line-height:58px;cursor:pointer;transition:.3s;background:#2f1606;border-right:2px solid #9277519a;color:#72624b}section#s3 .tab ul li:last-child{border-right:none}section#s3 .tab ul li.active,section#s3 .tab ul li:hover{color:#cebe94;background:linear-gradient(90deg,#6d4422 30%,#8b5e34 70%)}@media only screen and (max-width:767px){section#s3 .tab ul li{width:145px;height:40px;border:1px solid #9277519a;line-height:38px;border-radius:5px}}.swiper .swiper-slide{display:flex;justify-content:center;align-items:center}@media only screen and (max-width:900px){.swiper .swiper-slide{flex-direction:column}}.swiper .swiper-slide .ch{width:40%}@media only screen and (max-width:900px){.swiper .swiper-slide .ch{width:50%}}.swiper .swiper-slide .text{margin:0 1%}@media only screen and (max-width:900px){.swiper .swiper-slide .text{width:100%}}@media only screen and (max-width:900px){.swiper .swiper-slide .text .title img{max-width:50%}}.swiper .swiper-slide .text h2{font-size:clamp(1.3rem,1.8vw,2rem);color:#c6ab5a;font-family:"Noto Serif TC",serif;font-weight:500;line-height:1.3;margin:5% 0}@media only screen and (max-width:480px){.swiper .swiper-slide .text h2{margin:2% 40px}}section#s4{padding:0;min-height:unset;background:url(../images/s4Bg.jpg) no-repeat 50% 50%;background-size:cover;display:flex;flex-direction:row;justify-content:center;align-items:center}section#s4:before{z-index:2;content:'';position:absolute;top:0;left:-50px;margin-left:50%;width:1156px;height:788px;background:url(../images/s4Ch.png) no-repeat 50% 50%}@media only screen and (max-width:1200px){section#s4:before{display:none}}section#s4 .text{margin:2% 0 2% -600px;background:url(../images/s4Frame.png) no-repeat 50% 50%;background-size:contain;width:500px;height:650px;padding:5%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media only screen and (max-width:1200px){section#s4 .text{margin:2% 0 2% 0}}@media only screen and (max-width:767px){section#s4 .text{width:400px;height:600px;padding:2%}}section#s4 .text p,section#s4 .text span{font-size:clamp(.9rem,1vw,1.2rem);margin:10px 0}section#s4 .text p.small,section#s4 .text span.small{font-size:clamp(.9rem,.9vw,1.2rem)}@media only screen and (max-width:480px){section#s4 .text p,section#s4 .text span{margin:2% 0}}