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,tbody,tfoot,thead,tr,th,td,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;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}ol,ul,button{list-style:none;margin:0;padding:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*:focus,a:hover,a:active,a:focus,button:focus{text-decoration:none;outline:none}button{background:rgba(0,0,0,0);border:none;font-size:0}img{max-width:100%;height:auto}body{color:#fff;font-family:SWEI}body::-webkit-scrollbar{display:none}@font-face{font-family:SWEI;src:url("//landing.mangot5.com/template/gs/event/nav_bootstrap4/font/SWEI-R.TTF")}#particles-js{position:fixed;width:100%;top:0;left:0;z-index:9;pointer-events:none}@media only screen and (max-width: 1200px){#particles-js{display:none}}picture{display:inline-block}@media only screen and (max-width: 1200px){picture{max-width:98vw}}h3{position:relative;margin:2vw auto;z-index:1}p{font-size:1rem;line-height:1.8rem;letter-spacing:1px;margin:.6vw 0;color:#b3a9a4}@media only screen and (max-width: 480px){p{max-width:90vw;margin:.6vw auto}}p .spec{color:#ffb2c0}.fixedBox{position:fixed;z-index:10;top:10%;right:2%;padding:0;z-index:9;display:flex;flex-direction:column;transition:1s all}.fixedBox::before{content:"";width:1px;height:10%;background-color:rgba(78,82,121,.7411764706);position:absolute;left:calc(50% + 1px);transform:translateX(-50%);top:-9%}@media only screen and (max-width: 768px){.fixedBox{filter:drop-shadow(0 0 6px #000)}}@media only screen and (max-width: 480px){.fixedBox{top:6vh}}.fixedBox a,.fixedBox button{display:inline-block}@media only screen and (max-width: 767px){.fixedBox a>picture,.fixedBox button>picture{width:12vw}}@media only screen and (max-width: 480px){.fixedBox a>picture,.fixedBox button>picture{width:20vw}}.fixedBox a:nth-of-type(1){position:relative;margin-bottom:1rem}.fixedBox a:nth-of-type(1)::before{content:"";width:1px;height:1.4rem;background-color:rgba(78,82,121,.7411764706);position:absolute;left:calc(50% + 1px);transform:translateX(-50%);bottom:-1.2rem}.fixedBox a:nth-of-type(1):hover img{content:url("../images/s1_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.fixedBox a:nth-of-type(1):hover img{content:url("../images/s1_hover.webp")}}.fixedBox a:nth-of-type(2){position:relative;margin-bottom:1rem}.fixedBox a:nth-of-type(2)::before{content:"";width:1px;height:1.4rem;background-color:rgba(78,82,121,.7411764706);position:absolute;left:calc(50% + 1px);transform:translateX(-50%);bottom:-1.2rem}.fixedBox a:nth-of-type(2):hover img{content:url("../images/s2_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.fixedBox a:nth-of-type(2):hover img{content:url("../images/s2_hover.webp")}}@media only screen and (max-width: 768px){.fixedBox a:nth-of-type(2){display:none}}.fixedBox button{position:relative}.fixedBox button::before{content:"";width:47px;height:202px;background:url(../images/sdeco.png) no-repeat center center/contain;position:absolute;left:50%;transform:translateX(-50%);bottom:-196px}.fixedBox button:hover img{content:url("../images/s3_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.fixedBox button:hover img{content:url("../images/s3_hover.webp")}}.sideBtn{position:fixed;z-index:10;height:100%;background-color:rgba(0,0,0,.6901960784);padding:6vh .5vw 0;text-align:center;transition:1s all}.sideBtn>a{display:block}.sideBtn>a>img{max-width:140px;margin-top:4vh}.sideBtn ul{padding:0;margin-top:4vh;list-style:none}@media only screen and (max-width: 480px){.sideBtn ul{margin-top:2vh}}.sideBtn ul li{margin:.5vh 0}.sideBtn ul li a{display:block;width:200px;height:50px;background-color:#681823;padding:0 6%;text-align:center;text-decoration:none;color:#9f3e50;font-size:1.2rem;line-height:50px}.sideBtn ul li a:hover,.sideBtn ul li a:active,.sideBtn ul li a:focus,.sideBtn ul li a.active{background-color:#a62f45;color:#ffb2c0;box-shadow:inset 1px 1px 0 #d7546c,inset -1px -1px 0 #d7546c}@media only screen and (max-width: 480px){.sideBtn ul li a{width:160px;height:40px;line-height:40px}}.sideBtn ul li:last-of-type{margin-top:4%}.sideBtn ul li:last-of-type a{position:relative;background:rgba(0,0,0,0);color:#681823}.sideBtn ul li:last-of-type a:hover,.sideBtn ul li:last-of-type a:active,.sideBtn ul li:last-of-type a:focus,.sideBtn ul li:last-of-type a.active{color:#a62f45;text-shadow:unset;box-shadow:unset}.sideBtn.off{transform:translateX(-100%)}.btn-on{position:absolute;z-index:9;outline:none;bottom:0;right:-50px;top:50%;transform:translateY(-50%);transition:.6s all}.btn-on img{transition:1s all}.btn-on img:hover{webkit-filter:bhue-rotate(180deg);filter:hue-rotate(180deg)}.btn-on.open img{transform:rotate(-180deg)}#header{position:relative;background:url(../images/mainbg.jpg) no-repeat center center/cover;min-height:100vh}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#header{background:url("../images/mainbg.webp") no-repeat center center/cover}}@media only screen and (max-width: 480px){#header{min-height:80vh}}#header .title{position:absolute;bottom:10vh;left:18vw;z-index:6}@media only screen and (max-width: 1440px){#header .title{left:6vw}}@media only screen and (max-width: 1200px){#header .title{left:0}}section{background:url("../images/bg.png") no-repeat center top/cover;position:relative;text-align:center;padding:20vh 0 1%;margin-top:-34vh}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section{background:url("../images/bg.webp") no-repeat center top/cover}}section>div{position:relative;min-height:130vh}@media only screen and (max-width: 768px){section>div{min-height:90vh}}section>div:nth-of-type(1){background:url("../images/ctn1.png") no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section>div:nth-of-type(1){background:url("../images/ctn1.webp") no-repeat center center/contain}}@media only screen and (max-width: 768px){section>div:nth-of-type(1){background-size:cover}}section>div:nth-of-type(2){background:url("../images/ctn2.png") no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section>div:nth-of-type(2){background:url("../images/ctn2.webp") no-repeat center center/contain}}@media only screen and (max-width: 768px){section>div:nth-of-type(2){background-size:cover}}section>div:nth-of-type(3){background:url("../images/ctn3.png") no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section>div:nth-of-type(3){background:url("../images/ctn3.webp") no-repeat center center/contain}}@media only screen and (max-width: 768px){section>div:nth-of-type(3){background-size:cover}}section>div:nth-of-type(4){background:url("../images/ctn4.png") no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section>div:nth-of-type(4){background:url("../images/ctn4.webp") no-repeat center center/contain}}@media only screen and (max-width: 768px){section>div:nth-of-type(4){background-size:cover}}section>div:nth-of-type(5){background:url("../images/ctn5.png") no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section>div:nth-of-type(5){background:url("../images/ctn5.webp") no-repeat center center/contain}}@media only screen and (max-width: 768px){section>div:nth-of-type(5){background-size:cover}}section button.popbtn{display:block;margin:10% auto 0}@media only screen and (max-width: 350px){section button.popbtn{max-width:90vw}}section button.popbtn:hover img{content:url("../images/btn_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section button.popbtn:hover img{content:url("../images/btn_hover.webp")}}.mainBox{max-width:50vw;padding-top:20vh;margin:0 auto}@media only screen and (max-width: 1200px){.mainBox{max-width:90vw}}@media only screen and (max-width: 480px){#s1,#s4{background-position-x:70%}}#s1 .mainBox,#s4 .mainBox{margin-left:14vw}@media only screen and (max-width: 1200px){#s1 .mainBox,#s4 .mainBox{margin-left:0}}@media only screen and (max-width: 480px){#s1 .mainBox,#s4 .mainBox{margin:0 auto}}@media only screen and (max-width: 480px){#s2{background-position-x:30%}}#s2 .mainBox{margin-right:10vw}@media only screen and (max-width: 1200px){#s2 .mainBox{margin-right:0}}@media only screen and (max-width: 480px){#s2 .mainBox{margin:0 auto}}#s3 button.popbtn,#s5 button.popbtn{margin-top:90vh}@media only screen and (max-width: 480px){#s3 button.popbtn,#s5 button.popbtn{margin-top:60vh}}.modal-backdrop{display:none}.modal{background:url(../images/popbg.png) no-repeat center center;background-size:cover;background-attachment:fixed;z-index:999;padding-top:50px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.modal{background:url("../images/popbg.webp") no-repeat center center;background-size:cover}}.modal::-webkit-scrollbar{display:none}.modal h4{font-size:1.6rem;line-height:2rem;margin-bottom:1rem}.modal h5{font-size:1.6rem;line-height:1.8rem;color:#ffb2c0;text-align:left;margin:1rem 0 .6rem}.modal .modal-content{background:none;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}.modal .modal-body table th{color:#ffb2c0;padding:1rem}.modal .modal-body table th,.modal .modal-body table td{text-align:center;border:1px solid #b3a9a4}.modal .modal-body table td{padding:1rem}@media only screen and (max-width: 480px){.modal .modal-body table td{padding:.2rem}}.modal .modal-body table td.spetable{width:10vw}.modal .modal-body table td.note2{color:#b3a9a4}.modal .modal-body table td p{text-align:center;margin:0}.modal .modal-body table td span{font-size:.8rem;color:#ffb2c0}.modal .modal-body ul,.modal .modal-body ol{margin:2% 0;text-align:left;font-size:1.1rem;line-height:1.8rem;padding-left:20px;letter-spacing:1px}@media only screen and (max-width: 480px){.modal .modal-body ul,.modal .modal-body ol{font-size:16px}}.modal .modal-body ul li::before,.modal .modal-body ol li::before{content:"⊙";margin-left:-22px;margin-right:2px;color:#b3a9a4}.modal .gridTable{background-color:rgba(0,0,0,.3607843137);display:grid;grid-gap:1px;margin-bottom:4%}.modal .gridTable div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column;outline:1px solid #b3a9a4;padding:2%}.modal .gridTable div p{margin:0}.modal p{font-size:1rem;color:#fff;margin:20px 0 0 0;text-align:left}@media only screen and (max-width: 480px){.modal p{font-size:16px}}.modal p.note{color:#ffb2c0}.modal .specolor{font-size:1.2rem;color:#ffb2c0}button.close{opacity:1;position:absolute;right:0;width:70px;height:70px;font-size:70px;font-weight:lighter;color:#ffb2c0;text-shadow:none;overflow:hidden;border:solid 1px #ffb2c0;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:#ffb2c0;color:#000}.eventflex{display:flex;justify-content:center;align-items:flex-start;margin:0 auto 1rem auto}@media only screen and (max-width: 1200px){.eventflex{flex-wrap:wrap}}.eventflex table{margin:0 !important}.eventflex img{margin:.6rem}@media only screen and (max-width: 480px){.eventflex img{margin:0}}#pop .mainCtn{background:linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.501961) 20%, rgba(0, 0, 0, 0.501961) 90%, rgba(0, 0, 0, 0) 100%);border:1px solid #b3a9a4;border-radius:10px;padding:1vw;margin:2% auto}#pop .mainCtn>picture{margin:1%}@media only screen and (max-width: 350px){#pop .mainCtn>picture{margin:0}}#pop .mainCtn .box{max-width:80%;border:1px solid #ffb2c0;border-radius:10px;padding:1%;margin:2% auto}#pop .mainCtn .box h5{text-align:center;margin-top:0}#pop3 table th h5{color:#ffb2c0;text-align:center;margin:0}#pop3 table ol span{font-size:1.2rem;vertical-align:baseline}footer{margin:0;background:#23222b;padding:25px 0;font-family:"微軟正黑體","Malgun Gothic",Dotum,Tahoma,sans-serif;letter-spacing:normal}footer .copyright{text-align:center}@media only screen and (max-width: 767px){footer .copyright{text-align:left}}footer .copyright ul{list-style:none;display:inline-block;margin:0;padding:0}footer .copyright ul li{display:block;float:left;margin:0 10px;color:silver}@media only screen and (max-width: 480px){footer .copyright ul li:first-child{width:40vw}}@media only screen and (max-width: 480px){footer .copyright ul li:last-child{margin:0 12px}}footer .copyright ul li p{letter-spacing:normal;text-align:left;margin:0}footer .copyright ul li span{vertical-align:top;display:inline-block;font-size:12px;text-align:left;line-height:1.1}@media only screen and (max-width: 480px){footer .copyright ul li span{width:74vw}}footer .copyright .text{font-size:12px;line-height:1.6em;margin-top:0px;text-align:center}footer .copyright .rating{width:40px;display:inline-block}@media only screen and (max-width: 480px){footer .copyright .rating{width:10vw}}