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{background:url(../images/valo_bg1.jpg) repeat-y center 100vh;background-size:contain;color:#fff;font-family:SWEI,'微軟正黑體'}@font-face{font-family:SWEI;src:url(../font/SWEI-R.TTF)}h3{margin-top:4vw;filter:drop-shadow(0 0 30px #9260fe)}p{line-height:1.4rem;letter-spacing:2px;margin:.6vw 0}p.note{color:#f18181}#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:#e4cb7f}#header{position:relative;background:url(../images/valo_bg.jpg) no-repeat center top;background-size:cover;padding-top:50px;min-height:100vh}@media only screen and (max-width:480px){#header{min-height:80vh;background:url(../images/valo_bg.jpg) no-repeat 26% top;background-size:cover}}#header .header_logo{position:absolute;left:20%;top:50px;transform:translateX(-50%)}#header .title{position:absolute;left:20vw;bottom:-10vh;z-index:1;filter:drop-shadow(0 0 6px rgba(0,0,0,.266667))}@media only screen and (max-width:1200px){#header .title{bottom:0}}@media only screen and (max-width:480px){#header .title{right:10vw;left:0}}#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:6vh}}.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 1vw 0 1vw;text-align:center;transition:1s all;display:flex;align-items:center;background:#0000005b}.sideBtn>a>img{margin-top:4vh}.sideBtn ul{padding:0;list-style:none}.sideBtn ul li{margin:2vh 0}.sideBtn ul li a{position:relative;display:block;padding:0;border-radius:50%;text-align:center;text-decoration:none;color:#fff;background:0 0;font-size:1.2rem;letter-spacing:10px}.sideBtn ul li a.active,.sideBtn ul li a:hover{background-color:unset;outline:0}.sideBtn ul li a.active::before,.sideBtn ul li a:hover::before{content:'';position:absolute;width:173px;height:45px;background:url(../images/aside_bg.png) no-repeat center center;background-size:contain;z-index:-1;left:-10px;top:-10px}.sideBtn ul li:nth-of-type(5) a,.sideBtn ul li:nth-of-type(6) a{letter-spacing:5px}.sideBtn.off{transform:translateX(-100%)}.btn-on{position:absolute;z-index:99;outline:0;bottom:0;right:-36px;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(-180deg)}.btn-on img:hover{webkit-filter:bhue-rotate(180deg)}.btn-on.open img{transform:rotate(0)}.container.home{position:relative;background:linear-gradient(180deg,#131a23 0,#050505 100%);padding:0;margin-bottom:400px}@media only screen and (max-width:767px){.container.home{margin-bottom:100px}}.container.home::before{content:'';position:absolute;width:100vw;height:891px;pointer-events:none;background-image:url(../images/section6_char_bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;bottom:-400px;left:50%;transform:translateX(-50%);z-index:-1}@media only screen and (max-width:767px){.container.home::before{height:400px;bottom:-100px}}.container.home::after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:url(../images/container_mask.png) no-repeat top;background-size:cover}.container.home section{position:relative;z-index:2;text-align:center;padding-top:30px;padding-bottom:50px}@media only screen and (max-width:767px){.container.home section .row{margin:0}}.container.home section p{color:#fff;padding:0 2vw;font-size:18px;line-height:36px;font-family:'微軟正黑體'}@media only screen and (max-width:480px){.container.home section p{font-size:16px;line-height:24px;letter-spacing:1px}}.container.home section p.f_table{color:#a4c0e4;font-size:16px;line-height:18px;letter-spacing:-1px;padding:2px}@media only screen and (max-width:480px){.container.home section p.f_table{font-size:14px;line-height:20px}}.container.home section p span{font-size:20px;line-height:48px;color:#e4cb7f}@media only screen and (max-width:480px){.container.home section p span{font-size:18px;line-height:24px}}.container.home section .popbtn{margin-top:30px}.container.home section .popbtn:hover{background:transparent url(../images/btn_more_hover.png) no-repeat center center;background-size:contain}.container.home section .popbtn:hover img{opacity:0}.container.home section .char{position:absolute}@media only screen and (max-width:767px){.container.home section .char{display:none}}.container.home section .char.char1{left:-300px;top:-650px}.container.home section#s1::before{content:'';position:absolute;width:100%;height:100%;pointer-events:none;background-image:url(../images/section1_bg.png);background-repeat:no-repeat;background-position:center center;background-size:cover;top:0;right:0;z-index:-1}.container.home section#s2::before{content:'';position:absolute;width:100%;height:100%;pointer-events:none;background-image:url(../images/section2_bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;top:0;right:0;z-index:-1}.container.home section#s2 .char2{left:-340px;bottom:0}.container.home section#s3::before{content:'';position:absolute;width:100%;height:100%;pointer-events:none;background-image:url(../images/section3_bg.png);background-repeat:no-repeat;background-position:center center;background-size:cover;top:0;right:0;z-index:-1}.container.home section#s3 .char3{right:-380px;top:-300px}.container.home section#s3 p{text-align:left;line-height:60px;padding-left:0}@media only screen and (max-width:767px){.container.home section#s3 p{line-height:30px;letter-spacing:0}}.container.home section#s3 .line::before{content:'';position:absolute;width:100%;height:100%;pointer-events:none;background-image:unset;background-repeat:no-repeat;background-position:center center;background-size:cover;left:-15px;top:0;width:1px;background-color:#fff}@media only screen and (max-width:767px){.container.home section#s3 .line::before{left:5px}}.container.home section#s3 .popbtn{margin-left:unset;display:unset}.container.home section#s4::before{content:'';position:absolute;width:100%;height:100%;pointer-events:none;background-image:url(../images/section4_bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;top:0;right:0;z-index:-1}.container.home section#s5::before{content:'';position:absolute;width:100%;height:100%;pointer-events:none;background-image:url(../images/section5_bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;top:0;right:0;z-index:-1}.container.home section#s5 .char4{right:-80px;top:-200px}.container.home section#s6{padding-bottom:200px}.container.home section#s6 .char5{left:-300px;top:-700px}.char6{position:absolute;left:50%;width:100%;bottom:30px;transform:translateX(-50%)}@media only screen and (max-width:480px){.char6{bottom:150px}}.modal{background:url(../images/bg-event.png) no-repeat 50% 0;background-size:cover;background-attachment:fixed;z-index:999;padding-top:50px}.modal h4{font-size:1.6rem;line-height:4rem;color:#fff}@media only screen and (max-width:480px){.modal h4{font-size:1.4rem;line-height:1.8rem}}.modal h5{font-size:1.6rem;line-height:1.8rem;color:#e4cb7f;margin:2rem 0 .6rem}.modal .modal-content{background:0 0;border:none}.modal .modal-body{text-align:center}.modal .modal-body table{font-size:1rem;line-height:1.2rem;margin:30px auto;border-collapse:collapse;max-width:1000px;table-layout:fixed}@media only screen and (max-width:480px){.modal .modal-body table{margin:0}}.modal p{font-size:1rem;color:#fff;margin:20px 0 0 0;text-align:center}.modal p.note{color:#f18181}.modal p.f_table{color:#a4c0e4;font-size:16px;line-height:18px;letter-spacing:-1px;margin:10px}@media only screen and (max-width:480px){.modal p.f_table{font-size:14px;line-height:20px}}.modal p span{font-size:1.2rem;line-height:2rem;color:#e4cb7f}.modal li{color:#fff;font-size:18px;line-height:24px;list-style-type:circle;text-indent:-24px;margin-bottom:16px}@media only screen and (max-width:480px){.table{margin:0}}.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:0;display:flex;justify-content:center;flex-wrap:wrap;align-items:stretch;align-content:center}@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}button.close{opacity:1;position:absolute;right:0;width:70px;height:70px;font-size:70px;font-weight:lighter;color:#e4cb7f;text-shadow:none;overflow:hidden;border:solid 1px #e4cb7f;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:#e4cb7f;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}}