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{line-height:1;position:relative;overflow-x:hidden}body::-webkit-scrollbar{width:0;background:0 0}button,ol,ul{list-style:none;margin:0;padding:0}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}button{background:0 0;border:none;font-size:0}img{max-width:100%;height:auto}body{color:#fff;font-family:SweiFanSerifCJKtc-Regular,'微軟正黑體'}@font-face{font-family:SweiFanSerifCJKtc-Regular;src:url(https://cdn.jsdelivr.net/gh/max32002/swei-fan-serif@2.0/WebFont/CJK%20TC/SweiFanSerifCJKtc-Regular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/max32002/swei-fan-serif@2.0/WebFont/CJK%20TC/SweiFanSerifCJKtc-Regular.woff) format("woff")}@media (min-width:1200px){.container-custom{max-width:980px}}h1{margin:0 0 10px;display:inline-block;width:100%}@media only screen and (max-width:480px){h1{width:30%}}h2{color:#967e35;font-size:22px}@media only screen and (max-width:767px){h2{font-size:18px}}@media only screen and (max-width:480px){h2{font-size:16px}}h3{font-size:20px;color:#cd9460;text-align:center}@media only screen and (max-width:480px){h3{font-size:16px}}h4{font-size:17px;color:#cd9460}@media only screen and (max-width:480px){h4{font-size:15px}}p{font-family:SweiFanSerifCJKtc-Regular,'微軟正黑體';color:#bebebe;font-size:17px;line-height:24px;margin-bottom:30px}@media only screen and (max-width:480px){p{font-size:13px;margin-bottom:10px}}p.note2{color:#f18181}p.f_table{font-size:15px;padding:0;margin:0}@media only screen and (max-width:480px){p.f_table{font-size:13px}}p span{font-size:inherit;color:#cd9460;vertical-align:top}@media only screen and (max-width:480px){p span{font-size:13px}}.note{color:#4ad7fc;margin-bottom:0}#particles-js{position:fixed;width:100%;top:0;left:0;z-index:999;pointer-events:none}@media only screen and (max-width:1200px){#particles-js{display:none}}.specolor{color:#cd9460}#header{position:relative;background:url(../images/valo_bg.jpg) no-repeat center top;height:1393px;background-size:cover;padding-top:50px;min-height:100vh}@media only screen and (max-width:767px){#header{height:181.61vw}}#header .header_logo{position:absolute;left:20%;top:50px;transform:translateX(-50%)}#header .title{position:absolute;left:0;right:0;text-align:center;margin:0 auto;top:66vh;z-index:1}@media only screen and (max-width:767px){#header .title{top:50vh;background:url(../images/valo_title_mb.png) no-repeat 0 0;width:73.794vw;height:50.977vw;background-size:contain}#header .title>img{display:none}}#header>img{position:absolute;right:4vw;bottom:0;max-height:88vh}@media only screen and (max-width:1200px){#header>img{right:0}}@media only screen and (max-width:767px){#header>img{right:-16vw}}.fixedBox{position:fixed;top:10%;right:2%;padding:0;overflow:hidden;z-index:9;display:flex;flex-direction:column;transition:1s all}@media only screen and (max-width:480px){.fixedBox{top:5%}}@media only screen and (max-width:767px){.fixedBox a:nth-last-of-type(2){display:none}}.fixedBox a,.fixedBox button{display:inline-block;margin:.4rem 0}@media only screen and (max-width:767px){.fixedBox a>img,.fixedBox button>img{width:12vw}}@media only screen and (max-width:480px){.fixedBox a>img,.fixedBox button>img{width:20vw}}.fixedBox a:hover img,.fixedBox button:hover img{opacity:0}.fixedBox>:nth-of-type(1):hover{background:url(../images/fix_btn1_hover.png) no-repeat 50% 0;background-size:contain}.fixedBox>:nth-of-type(2):hover{background:url(../images/fix_btn2_hover.png) no-repeat 50% 0;background-size:contain}.fixedBox>:nth-of-type(3):hover{background:url(../images/fix_btn3_hover.png) no-repeat 50% 0;background-size:contain}.fixedBox>:nth-of-type(4):hover{background:url(../images/fix_btn4_hover.png) no-repeat 50% 0;background-size:contain}.sideBtn{position:fixed;z-index:9;height:100%;padding:6vh 2.15vw 0 2.15vw;border-right:solid 1px #4f4939;text-align:center;transition:1s all;background:rgba(0,0,0,.8)}.sideBtn>a>img{margin-top:4vh}.sideBtn ul{padding:0;margin-top:6vh;list-style:none}.sideBtn ul li{margin:2vh 0}.sideBtn ul li a{position:relative;display:block;padding:0;text-align:center;text-decoration:none;background:0 0}.sideBtn ul li a.active img,.sideBtn ul li a:hover img{opacity:0}.sideBtn ul li a.active::before,.sideBtn ul li a:hover::before{content:'';position:absolute;width:14px;height:17px;background:url(../images/aside_bg.png) no-repeat center center;background-size:contain;z-index:-1;left:-20px;top:2px;outline:0}.sideBtn ul li:nth-of-type(1) a.active,.sideBtn ul li:nth-of-type(1) a:hover{background:url(../images/nav_s0_hover.png) 50% 0 no-repeat}.sideBtn ul li:nth-of-type(2) a.active,.sideBtn ul li:nth-of-type(2) a:hover{background:url(../images/nav_s1_hover.png) 50% 0 no-repeat}.sideBtn ul li:nth-of-type(3) a.active,.sideBtn ul li:nth-of-type(3) a:hover{background:url(../images/nav_s2_hover.png) 50% 0 no-repeat}.sideBtn ul li:nth-of-type(4) a.active,.sideBtn ul li:nth-of-type(4) a:hover{background:url(../images/nav_s3_hover.png) 50% 0 no-repeat}.sideBtn ul li:nth-of-type(5) a.active,.sideBtn ul li:nth-of-type(5) a:hover{background:url(../images/nav_s4_hover.png) 50% 0 no-repeat}.sideBtn ul li:nth-of-type(6) a.active,.sideBtn ul li:nth-of-type(6) a:hover{background:url(../images/nav_s5_hover.png) 50% 0 no-repeat}.sideBtn ul li:nth-of-type(7) a.active,.sideBtn ul li:nth-of-type(7) a:hover{background:url(../images/nav_s6_hover.png) 50% 0 no-repeat}.sideBtn.off{transform:translateX(-100%)}.btn-on{position:absolute;z-index:99;outline:0;bottom:0;right:-32px;top:50%;transform:translateY(-50%);transition:.6s all;filter:grayscale(100%) brightness(200%)}.btn-on img{transition:1s all;filter:drop-shadow(0 0 6px #000);transform:rotate(0)}.btn-on img:hover{webkit-filter:bhue-rotate(180deg)}.btn-on.open img{transform:rotate(-180deg)}.content{background:url(../images/valo_bg1.jpg) no-repeat 50% 0;background-size:cover;padding-bottom:295px}@media only screen and (max-width:480px){.content{padding-bottom:150px}}.content hr{background:url(../images/line.png) no-repeat 0 0;width:727px;height:1px;margin:15px 0}@media only screen and (max-width:767px){.content hr{width:100%!important}}.content .figure{text-align:center;margin:15px auto}@media only screen and (max-width:480px){.content .figure{margin-top:10px;margin-bottom:10px}}.content section{position:relative;z-index:0}.content section::after,.content section::before{content:'';position:absolute;display:block;pointer-events:none;background-position:50% 0;background-repeat:no-repeat;left:50%;background-size:cover}.content section .table p{margin:0}.content section .table p.tit-1{font-size:20px;color:#11d2b8}@media only screen and (max-width:480px){.content section .table p.tit-1{font-size:16px}}.content section .table p.tit-2{font-size:20px;color:#22b2df}@media only screen and (max-width:480px){.content section .table p.tit-2{font-size:16px}}@media only screen and (max-width:767px){.content section .row{margin:0}}.content section .popbtn{margin-top:30px}.content section .popbtn:hover{background:transparent url(../images/btn_more_hover.png) no-repeat center center;background-size:contain}.content section .popbtn:hover img{opacity:0}.content section .char{position:absolute}@media only screen and (max-width:767px){.content section .char{display:none}}.content section .char.char1{left:-300px;top:-650px}.content section#s1{margin-bottom:150px;margin-top:-30px}.content section#s1 hr{width:539px;background-position-x:100%}.content section#s1::before{background-image:url(../images/section1_char.png);width:836px;height:638px;top:0;margin-left:-235px;z-index:-1}.content section#s1::after{background-image:url(../images/s1_gallery.jpg);background-size:cover;width:756px;height:380px;right:0;left:auto;top:50%;transform:translateY(-50%);z-index:-2}.content section#s2{text-align:center;margin-bottom:100px;overflow:hidden}.content section#s2 hr{margin:15px auto 50px}.content section#s2::before{background-image:url(../images/section2_char.png);width:645px;height:559px;top:-70px;margin-left:-960px;z-index:-1}.content section#s2::after{background-image:url(../images/section2_char-2.png);width:645px;height:665px;top:50px;margin-left:310px;z-index:-2}@media only screen and (max-width:767px){.content section#s2::after{display:none}}.content section#s3{margin-bottom:160px}@media only screen and (max-width:480px){.content section#s3{text-align:center}}.content section#s3 h1,.content section#s3 h2{text-align:center}.content section#s3 hr{margin:15px auto 50px}.content section#s3 .figure{width:82px;height:82px}.content section#s3::before{background-image:url(../images/section3_char.png);width:311px;height:380px;top:-140px;margin-left:265px;z-index:2}.content section#s3::after{display:none}.content section#s3 .popbtn{margin-left:unset;display:unset}.content section#s3 p.f_table{text-align:left}.content section#s4{text-align:center;margin-bottom:280px}.content section#s4::before{background-image:url(../images/section4_char.png);width:655px;height:728px;top:-114px;margin-left:-532px;z-index:-1}.content section#s4::after{background-image:url(../images/s4_gallery.jpg);width:758px;height:379px;left:0;top:50%;transform:translateY(-50%);z-index:-2}.content section#s5{margin-bottom:280px}.content section#s5 hr{width:539px;background-position-x:100%}.content section#s5::before{background-image:url(../images/section5_char.png);width:624px;height:573px;top:4px;margin-left:-106px;z-index:-1}.content section#s5::after{background-image:url(../images/s5_gallery.jpg);width:758px;height:379px;right:0;left:auto;top:50%;transform:translateY(-50%);z-index:-2}.content section#s6::before{background-image:url(../images/section6_char.png);width:945px;height:694px;top:-114px;margin-left:-761px;z-index:-1}.content section#s6::after{background-image:url(../images/s6_gallery.jpg);width:758px;height:379px;left:0;top:50%;transform:translateY(-50%);z-index:-2}@media only screen and (max-width:767px){.content section::before{display:none}}@media only screen and (max-width:767px){.content section#s1,.content section#s2,.content section#s3,.content section#s4,.content section#s5,.content section#s6{margin-bottom:50px}}@media only screen and (max-width:767px){.content section#s1::after,.content section#s2::after,.content section#s3::after,.content section#s4::after,.content section#s5::after,.content section#s6::after{position:relative;width:100%;height:49.413vw;left:0;right:0;top:0;transform:none;margin-top:50px}}@media only screen and (max-width:480px){.table{margin:0}}.table h5{margin:0 0 10px}.table .mainCtn{border:1px solid transparent;border-radius:0;border-image-source:url(../images/border_material.png);border-image-slice:30;border-image-width:1px;border-image-repeat:round;padding:10px;display:flex;justify-content:center;flex-wrap:wrap;align-items:stretch;flex-direction:column}@media only screen and (max-width:480px){.table .mainCtn{padding:0}}.table .mainCtn .speCtn{display:inline-block;max-width:50%}.table .mainCtn>img{position:relative;display:block;margin:.4vw}.modal{background:url(../images/bg-event.png) no-repeat 50% 0;background-size:cover;background-attachment:fixed;z-index:999;padding-top:50px}.modal#exampleModal0 h1{width:80%}.modal .modal-content{background:0 0;border:none}.modal .modal-body{text-align:center}.modal .modal-body h2{margin:30px 0 15px;color:#cd9460}.modal .modal-body h5{font-size:1.6rem;line-height:1.8rem;color:#cd9460;margin:2rem 0 .6rem}.modal .modal-body h6{font-size:15px;background:rgba(205,148,96,.6);color:#fff;padding:10px 0;width:100%}.modal .modal-body li{color:#bebebe;font-size:16px;line-height:24px;list-style-type:circle;text-indent:-22px;width:100%}@media only screen and (max-width:480px){.modal .modal-body li{font-size:13px}}.modal .modal-body .table h2{margin:0}.modal .modal-body .survey{margin-bottom:-55px}button.close{opacity:1;position:absolute;right:0;width:70px;height:70px;font-size:70px;font-weight:lighter;color:#cd9460;text-shadow:none;overflow:hidden;border:solid 1px #cd9460;border-radius:70px;z-index:9}@media only screen and (max-width:1200px){button.close{width:50px;height:50px;font-size:50px}}@media only screen and (max-width:480px){button.close{top:-2vh;right:4vw}}button.close span{display:block}button.close:hover{background-color:#cd9460;color:#000}.eventflex{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;margin:0 auto 1rem auto}.eventflex table{margin:0!important}.eventflex img{margin:.6rem}@media only screen and (max-width:480px){.eventflex img{margin:0}}.eventflex strong{font-weight:700;color:#2f3947}.modal-backdrop{display:none}#nav-tab{position:relative;border:unset}#nav-tab button{position:absolute;background-color:unset;font-size:20px;line-height:40px;min-height:40px;max-width:33%;border-image-source:url(../images/border_material.png);border-image-slice:30;border-image-width:1px;border-image-repeat:round;left:50%;top:100px}#nav-tab button p{margin-top:0}#nav-tab button#nav-north-tab{transform:translate(-50%,-50px)}@media only screen and (max-width:480px){#nav-tab button#nav-north-tab{transform:translate(-50%,-80px)}}#nav-tab button#nav-north-tab.active{background-color:#17202c}#nav-tab button#nav-east-tab{transform:translate(calc(-50% - 150px),0)}@media only screen and (max-width:480px){#nav-tab button#nav-east-tab{transform:translate(calc(-50% - 120px),0)}}#nav-tab button#nav-east-tab.active{background-color:#853c00}#nav-tab button#nav-mid-tab{transform:translate(-50%,0)}#nav-tab button#nav-mid-tab.active{background-color:#38321e}#nav-tab button#nav-west-tab{transform:translate(calc(-50% + 150px),0)}@media only screen and (max-width:480px){#nav-tab button#nav-west-tab{transform:translate(calc(-50% + 120px),0)}}#nav-tab button#nav-west-tab.active{background-color:#084227}#nav-tab button#nav-south-tab{transform:translate(-50%,50px)}@media only screen and (max-width:480px){#nav-tab button#nav-south-tab{transform:translate(-50%,80px)}}#nav-tab button#nav-south-tab.active{background-color:#960000}#nav-tabContent{margin-top:200px}@media only screen and (max-width:480px){#nav-tabContent{margin-top:260px}}