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{background-color:#000;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%;height: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:1vh auto 0;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:#e2ccac}.fixedBox{position:fixed;z-index:10;top:10%;right:2%;padding:0;z-index:9;display:flex;flex-direction:column;transition:1s all}@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):hover img{content:url("../images/side1_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.fixedBox a:nth-of-type(1):hover img{content:url("../images/side1_hover.webp")}}.fixedBox a:nth-of-type(2){position:relative;margin-bottom:1rem}.fixedBox a:nth-of-type(2):hover img{content:url("../images/side2_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.fixedBox a:nth-of-type(2):hover img{content:url("../images/side2_hover.webp")}}@media only screen and (max-width: 768px){.fixedBox a:nth-of-type(2){display:none}}.fixedBox button{position:relative}.fixedBox button:hover img{content:url("../images/side3_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.fixedBox button:hover img{content:url("../images/side3_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:#4c406b;padding:0 6%;text-align:center;text-decoration:none;color:#7d719e;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:#e2ccac;color:#000}@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:#606060}.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:#a9a9a9;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;top:18vh;right:15vw;z-index:6}@media only screen and (max-width: 1440px){#header .title{right:6vw}}@media only screen and (max-width: 1200px){#header .title{right:0}}@media only screen and (max-width: 768px){#header .title img{max-width:50vw}}@media only screen and (max-width: 480px){#header .main{height:80vh;background:url(../images/main.png) no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#header .main{background:url(../images/main.webp) no-repeat center center/cover}}#header .main img{opacity:0}}section{background:url("../images/bg.png") no-repeat center top/cover;position:relative;text-align:center;padding:1% 0;margin-top:-20vh}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section{background:url("../images/bg.webp") no-repeat center top/cover}}section>div{position:relative}@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/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section>div:nth-of-type(1){background:url("../images/ctn1.webp") no-repeat center center/cover}}section>div:nth-of-type(2){background:url("../images/ctn2.png") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section>div:nth-of-type(2){background:url("../images/ctn2.webp") no-repeat center center/cover}}section>div:nth-of-type(3){background:url("../images/ctn3.png") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section>div:nth-of-type(3){background:url("../images/ctn3.webp") no-repeat center center/cover}}section>div:nth-of-type(4){background:url("../images/ctn4.png") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section>div:nth-of-type(4){background:url("../images/ctn4.webp") no-repeat center center/cover}}section .mainBox{position:absolute;bottom:2%}@media only screen and (max-width: 480px){section .mainBox{height:100%;bottom:10%}section .mainBox>picture img{opacity:0}}section .mainBox button.popbtn{position:absolute;display:block;left:34%;bottom:14%}@media only screen and (max-width: 480px){section .mainBox button.popbtn{max-width:90vw;left:20%;bottom:0}}section .mainBox button.popbtn:hover img{content:url("../images/btn_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section .mainBox button.popbtn:hover img{content:url("../images/btn_hover.webp")}}#s1{min-height:1191px}@media only screen and (max-width: 768px){#s1{background-position-x:70%}}#s1 h3{padding-top:20vh}#s1 .mainBox{left:6vw}@media only screen and (max-width: 1440px){#s1 .mainBox{left:0}}@media only screen and (max-width: 480px){#s1 .mainBox{height:100%;background:url("../images/txt1.png") no-repeat center bottom/160%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s1 .mainBox{background:url("../images/txt1.webp") no-repeat center bottom/160%}}}#s2{min-height:921px}@media only screen and (max-width: 768px){#s2{background-position-x:40%}}#s2 .mainBox{right:2vw}@media only screen and (max-width: 1440px){#s2 .mainBox{right:0}}@media only screen and (max-width: 480px){#s2 .mainBox{background:url("../images/txt2.png") no-repeat center bottom/160%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s2 .mainBox{background:url("../images/txt2.webp") no-repeat center bottom/160%}}}#s3{min-height:950px}@media only screen and (max-width: 768px){#s3{background-position-x:80%}}#s3 .mainBox{left:1vw}@media only screen and (max-width: 1440px){#s3 .mainBox{left:0}}@media only screen and (max-width: 480px){#s3 .mainBox{background:url("../images/txt3.png") no-repeat center bottom/200%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s3 .mainBox{background:url("../images/txt3.webp") no-repeat center bottom/200%}}}#s4{min-height:1141px}#s4 .ctn{position:absolute;width:100%;display:flex;justify-content:center;bottom:27%}@media only screen and (max-width: 480px){#s4 .ctn{flex-wrap:wrap;bottom:10%}}#s4 .ctn button.popbtn{margin:0 2%;margin-top:auto}@media only screen and (max-width: 480px){#s4 .ctn button.popbtn{margin:2%}}#s4 .ctn button.popbtn:hover:nth-of-type(1) img{content:url("../images/btn1_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s4 .ctn button.popbtn:hover:nth-of-type(1) img{content:url("../images/btn1_hover.webp")}}#s4 .ctn button.popbtn:hover:nth-of-type(2) img{content:url("../images/btn2_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s4 .ctn button.popbtn:hover:nth-of-type(2) img{content:url("../images/btn2_hover.webp")}}.modal-backdrop{display:none}.modal{background:url(../images/popbg.png) no-repeat center center/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/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:#e2ccac;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:#e2ccac;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{color:#e2ccac;font-size:.9rem;line-height:1rem}.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:#e2ccac}.modal .specolor{font-size:1.2rem;color:#e2ccac}button.close{opacity:1;position:absolute;right:0;width:70px;height:70px;font-size:70px;font-weight:lighter;color:#e2ccac;text-shadow:none;overflow:hidden;border:solid 1px #e2ccac;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:#e2ccac;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 h5{text-align:center}#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 #e2ccac;border-radius:10px;padding:1%;margin:2% auto}#pop .mainCtn .box h5{text-align:center;margin-top:0}#pop1 .eventflex table th{width:50%}#pop2 .gridTable{grid-template-columns:repeat(4, 1fr)}@media only screen and (max-width: 768px){#pop2 .gridTable div:nth-of-type(1){grid-column:1/5}}#pop2 .gridTable div:nth-of-type(2){grid-column:2/5;grid-row:1/2;flex-direction:row}@media only screen and (max-width: 768px){#pop2 .gridTable div:nth-of-type(2){grid-column:1/5;grid-row:2/3}}#pop2 .gridTable div:nth-of-type(3),#pop2 .gridTable div:nth-of-type(4){grid-column:1/5}#pop2 .gridTable div:nth-of-type(5),#pop2 .gridTable div:nth-of-type(7){grid-column:1/3}#pop2 .gridTable div:nth-of-type(6),#pop2 .gridTable div:nth-of-type(8){grid-column:3/5}#pop2 .gridTable img{margin:1%}#pop2 table:nth-of-type(1) td:first-of-type{width:20%}#pop2 table:nth-of-type(2) td:last-of-type{width:20%}#pop3 .eventflex table th{width:50%}footer{margin:0;background:#000;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}}