﻿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")}h3{margin:2vw auto}p{font-size:1rem;line-height:1.4rem;margin:.6vw 0;color:#fff}@media only screen and (max-width: 480px){p{max-width:90vw;margin:.6vw auto}}p .spec{color:#c74545}@media only screen and (max-width: 480px){img{max-width:98%}}.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: 480px){.fixedBox{top:6vh}}.fixedBox a,.fixedBox button{display:inline-block}.fixedBox a img,.fixedBox button img{margin:1vh 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:nth-of-type(1){position:relative}.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}.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")}}.fixedBox a:nth-of-type(3){position:relative}.fixedBox a:nth-of-type(3):hover img{content:url("../images/s3_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.fixedBox a:nth-of-type(3):hover img{content:url("../images/s3_hover.webp")}}@media only screen and (max-width: 768px){.fixedBox a:nth-of-type(2){display:none}}.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:#303248;padding:0 6%;text-align:center;text-decoration:none;color:#73728c;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:#303248;color:#c2c0e5;text-shadow:0 0 6px #7f84be,0 0 6px #7f84be,0 0 6px #7f84be,0 0 6px #7f84be,0 0 6px #7f84be,0 0 6px #7f84be}@media only screen and (max-width: 480px){.sideBtn ul li a{width:160px;height:40px;line-height:40px}}.sideBtn ul li:nth-of-type(1) a{background:url(../images/sidebg1.png) no-repeat center center/contain;height:70px;color:#7688d9;line-height:70px;text-align:right}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.sideBtn ul li:nth-of-type(1) a{background:url(../images/sidebg1.webp) no-repeat center center/contain}}.sideBtn ul li:nth-of-type(1) a:hover,.sideBtn ul li:nth-of-type(1) a:active,.sideBtn ul li:nth-of-type(1) a:focus,.sideBtn ul li:nth-of-type(1) a.active{background:url(../images/sidebg1_hover.png) no-repeat center center/contain;color:#fff}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.sideBtn ul li:nth-of-type(1) a:hover,.sideBtn ul li:nth-of-type(1) a:active,.sideBtn ul li:nth-of-type(1) a:focus,.sideBtn ul li:nth-of-type(1) a.active{background:url(../images/sidebg1_hover.webp) no-repeat center center/contain}}@media only screen and (max-width: 480px){.sideBtn ul li:nth-of-type(1) a{height:60px}}.sideBtn ul li:last-of-type{margin-top:4%}.sideBtn ul li:last-of-type a{position:relative;background:rgba(0,0,0,0)}.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:#c2c0e5;text-shadow:unset}.sideBtn ul button{width:200px;height:50px;background-color:#303248}@media only screen and (max-width: 480px){.sideBtn ul button{width:160px;height:40px;line-height:40px}}.sideBtn ul button:hover,.sideBtn ul button:active,.sideBtn ul button:focus,.sideBtn ul button.active{background-color:#303248}.sideBtn ul button:hover p,.sideBtn ul button:active p,.sideBtn ul button:focus p,.sideBtn ul button.active p{color:#c2c0e5;text-shadow:0 0 6px #7f84be,0 0 6px #7f84be,0 0 6px #7f84be,0 0 6px #7f84be,0 0 6px #7f84be,0 0 6px #7f84be}.sideBtn ul button p{color:#73728c;font-size:1.2rem;line-height:50px;margin:0}@media only screen and (max-width: 480px){.sideBtn ul button p{line-height:40px}}.sideBtn.off{transform:translateX(-100%)}.btn-on{position:absolute;z-index:9;outline:none;bottom:0;right:-75px;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)}#effect_liquid{touch-action:none;cursor:inherit;position:absolute;top:0;left:0;width:100% !important;height:auto !important}@media only screen and (max-width: 1000px){#effect_liquid{display:none}}#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}}#header{position:relative;background:url(../images/mainbg.jpg) no-repeat center center/cover;min-height:1079px}@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: 1440px){#header{min-height:100vh}}#header::before{content:"";width:100vw;height:800px;background:url(../images/mainDeco.png) no-repeat center top/cover;position:absolute;left:0;bottom:0;z-index:1}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#header::before{background:url(../images/mainDeco.webp) no-repeat center top/cover}}#header .main{position:relative}@media only screen and (max-width: 1440px){#header .main{width:100%;height:100vh;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}}#header .title{position:absolute;left:50%;bottom:20vh;transform:translateX(-50%);z-index:1}@media only screen and (max-width: 1440px){#header .title{bottom:10vh}}@media only screen and (max-width: 1200px){#header .title{left:14vw;transform:translateX(0)}}@media only screen and (max-width: 768px){#header .title{left:2vw}}section{position:relative;overflow:hidden;text-align:center;background:url(../images/bg.png) no-repeat center top/cover;padding:20vh 0 10vh;margin-top:-20vh;z-index:1}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section{background:url(../images/bg.webp) no-repeat center top/cover}}.mainBox{position:relative;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 1200px){.mainBox{flex-wrap:wrap}}@media only screen and (max-width: 1440px){.mainBox>img{max-width:50vw}}@media only screen and (max-width: 1200px){.mainBox>img{max-width:90vw}}.mainBox h3{margin:0}.mainBox p span{color:#527ec1}.sectlist{position:relative;margin:1% .8%}.sectlist button{position:absolute;left:50%;transform:translateX(-50%)}.popbtn:hover.btn img{content:url("../images/btn_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.popbtn:hover.btn img{content:url("../images/btn_hover.webp")}}.popbtn:hover.btn1 img{content:url("../images/btn1_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.popbtn:hover.btn1 img{content:url("../images/btn1_hover.webp")}}.popbtn:hover.btn2 img{content:url("../images/btn2_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.popbtn:hover.btn2 img{content:url("../images/btn2_hover.webp")}}.popbtn:hover.btn3 img{content:url("../images/btn3_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.popbtn:hover.btn3 img{content:url("../images/btn3_hover.webp")}}.popbtn:hover.btn4 img{content:url("../images/btn4_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.popbtn:hover.btn4 img{content:url("../images/btn4_hover.webp")}}#s1 .mainBox .sectlist:nth-of-type(1):hover>picture img{content:url("../images/ctn11_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s1 .mainBox .sectlist:nth-of-type(1):hover>picture img{content:url("../images/ctn11_hover.webp")}}#s1 .mainBox .sectlist:nth-of-type(2):hover>picture img{content:url("../images/ctn12_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s1 .mainBox .sectlist:nth-of-type(2):hover>picture img{content:url("../images/ctn12_hover.webp")}}#s1 .mainBox .sectlist:nth-of-type(3):hover>picture img{content:url("../images/ctn13_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s1 .mainBox .sectlist:nth-of-type(3):hover>picture img{content:url("../images/ctn13_hover.webp")}}#s1 .mainBox .sectlist:hover button{opacity:1}#s1 .mainBox .sectlist button{bottom:30%;opacity:0}#s2{width:100%;min-height:1011px;background:url("../images/ctn2bg.png") no-repeat center center/contain;text-align:center}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s2{background:url("../images/ctn2bg.webp") no-repeat center center/contain}}@media only screen and (max-width: 768px){#s2{min-height:80vh}}@media only screen and (max-width: 480px){#s2{min-height:50vh}}#s2 button{position:relative;display:block;margin-top:10%}#s3 .mainBox .sectlist:nth-of-type(1):hover>picture img{content:url("../images/ctn31_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s3 .mainBox .sectlist:nth-of-type(1):hover>picture img{content:url("../images/ctn31_hover.webp")}}#s3 .mainBox .sectlist:nth-of-type(2):hover>picture img{content:url("../images/ctn32_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s3 .mainBox .sectlist:nth-of-type(2):hover>picture img{content:url("../images/ctn32_hover.webp")}}#s3 .mainBox .sectlist:nth-of-type(3):hover>picture img{content:url("../images/ctn33_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s3 .mainBox .sectlist:nth-of-type(3):hover>picture img{content:url("../images/ctn33_hover.webp")}}#s3 .mainBox .sectlist:hover button{opacity:1}#s3 .mainBox .sectlist button{bottom:30%;opacity:0}#s4 h3{margin-bottom:0}#s4 .sectlist{text-align:right;margin:0}#s4 .sectlist .mainBox{position:absolute;left:24%;bottom:6%}@media only screen and (max-width: 1200px){#s4 .sectlist .mainBox{left:0}}@media only screen and (max-width: 480px){#s4 .sectlist .mainBox{position:relative}}#s4 .sectlist .mainBox button{position:relative;left:unset;transform:translateX(0);margin:.8vw}@media only screen and (max-width: 480px){#s4 .sectlist .mainBox button{margin:1vh auto}}#s5 .sectlist{text-align:left;margin:0}@media only screen and (max-width: 480px){#s5 .sectlist{text-align:center}}#s5 .sectlist button{left:34%;bottom:40%}@media only screen and (max-width: 480px){#s5 .sectlist button{position:relative;left:unset;transform:translateX(0);margin:1vh auto}}.gridTable{position:relative;max-width:90vw;background-color:rgba(24,30,58,.8549019608);box-sizing:border-box;display:grid;grid-gap:0;grid-template-columns:1fr;margin:1% auto}.gridTable>div{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;outline:1px solid #e3d48c;padding:1%}.modal-backdrop{display:none}.modal{background:url(../images/popbg.png) no-repeat center center/cover;background-attachment:fixed;z-index:999;padding-top:50px}.modal::-webkit-scrollbar{display:none}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.modal{background:url(../images/popbg.webp) no-repeat center center/cover}}.modal h4{font-size:1.6rem;line-height:2rem;margin-bottom:1rem}.modal h5{font-size:1.6rem;line-height:1.8rem;color:#f1ddba;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:#a5c9ff;padding:1rem}.modal .modal-body table th,.modal .modal-body table td{text-align:center;border:1px solid #e3d48c}.modal .modal-body table td{padding:1.2rem}@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:#e3d48c}.modal .modal-body table td p{text-align:center;margin:0}.modal .modal-body table td span{font-size:.8rem;color:#527ec1}.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:#e3d48c}.modal .gridTable{background-color:rgba(0,0,0,.5333333333);margin-bottom:4%}.modal .gridTable div p{margin:0}.modal .gridTable div picture{margin:.6%}.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:#527ec1}.modal .specolor{font-size:1.2rem;color:#e3d48c}button.close{opacity:1;position:absolute;right:0;width:70px;height:70px;font-size:70px;font-weight:lighter;color:#e3d48c;text-shadow:none;overflow:hidden;border:solid 1px #e3d48c;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:#e3d48c;color:#000}.eventflex{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 auto 1rem auto}.eventflex table{margin:0 !important}.eventflex img{margin:.6rem}#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 #e3d48c;border-radius:10px;margin:2% auto;padding:1vw}#pop .mainCtn>img{margin:1%}@media only screen and (max-width: 350px){#pop .mainCtn>img{margin:0}}#pop .mainCtn:nth-of-type(3) .eventflex div{border:1px solid #527ec1;border-radius:10px;margin:1%}#pop .mainCtn:nth-of-type(3) .eventflex div p{text-align:center}#pop .mainCtn:nth-of-type(4) .eventflex{flex-direction:column}#pop .mainCtn:nth-of-type(5) table td{border:1px solid #527ec1}#pop .mainCtn:nth-of-type(5) table tr:first-of-type td:nth-of-type(3){width:10%}#pop1 .gridTable{grid-template-columns:repeat(4, 1fr)}@media only screen and (max-width: 480px){#pop1 .gridTable{grid-template-columns:1fr}}#pop1 .gridTable div:nth-of-type(1){grid-column:1/4;grid-row:1/2}@media only screen and (max-width: 480px){#pop1 .gridTable div:nth-of-type(1){grid-column:1/2;grid-row:2/3}}@media only screen and (max-width: 480px){#pop1 .gridTable div:nth-of-type(2){grid-column:1/2;grid-row:1/2}}#pop1 .gridTable div:nth-of-type(3),#pop1 .gridTable div:nth-of-type(4),#pop1 .gridTable div:nth-of-type(12){grid-column:1/5}@media only screen and (max-width: 480px){#pop1 .gridTable div:nth-of-type(3),#pop1 .gridTable div:nth-of-type(4),#pop1 .gridTable div:nth-of-type(12){grid-column:1/2}}#pop1 .gridTable div:nth-of-type(5),#pop1 .gridTable div:nth-of-type(7){grid-column:1/3}@media only screen and (max-width: 480px){#pop1 .gridTable div:nth-of-type(5),#pop1 .gridTable div:nth-of-type(7){grid-column:1/2}}#pop1 .gridTable div:nth-of-type(6),#pop1 .gridTable div:nth-of-type(8){grid-column:3/5}@media only screen and (max-width: 480px){#pop1 .gridTable div:nth-of-type(6),#pop1 .gridTable div:nth-of-type(8){grid-column:1/2}}#pop1 .gridTable div:nth-of-type(9){grid-column:1/5}@media only screen and (max-width: 480px){#pop1 .gridTable div:nth-of-type(9){grid-column:1/2}}#pop1 .gridTable div:nth-of-type(11){grid-column:2/5}@media only screen and (max-width: 480px){#pop1 .gridTable div:nth-of-type(11){grid-column:1/2}}#pop2 .gridTable{grid-template-columns:repeat(4, 1fr)}@media only screen and (max-width: 480px){#pop2 .gridTable{grid-template-columns:1fr}}#pop2 .gridTable div:nth-of-type(2),#pop2 .gridTable div:nth-of-type(12){grid-column:2/5}@media only screen and (max-width: 480px){#pop2 .gridTable div:nth-of-type(2),#pop2 .gridTable div:nth-of-type(12){grid-column:1/2}}#pop2 .gridTable div:nth-of-type(3),#pop2 .gridTable div:nth-of-type(4),#pop2 .gridTable div:nth-of-type(5),#pop2 .gridTable div:nth-of-type(10),#pop2 .gridTable div:nth-of-type(13){grid-column:1/5}@media only screen and (max-width: 480px){#pop2 .gridTable div:nth-of-type(3),#pop2 .gridTable div:nth-of-type(4),#pop2 .gridTable div:nth-of-type(5),#pop2 .gridTable div:nth-of-type(10),#pop2 .gridTable div:nth-of-type(13){grid-column:1/2}}#pop2 .gridTable div:nth-of-type(6),#pop2 .gridTable div:nth-of-type(8){grid-column:1/3}@media only screen and (max-width: 480px){#pop2 .gridTable div:nth-of-type(6),#pop2 .gridTable div:nth-of-type(8){grid-column:1/2}}#pop2 .gridTable div:nth-of-type(7),#pop2 .gridTable div:nth-of-type(9){grid-column:3/5}@media only screen and (max-width: 480px){#pop2 .gridTable div:nth-of-type(7),#pop2 .gridTable div:nth-of-type(9){grid-column:1/2}}#pop3 .gridTable{grid-template-columns:1fr 3fr}@media only screen and (max-width: 480px){#pop3 .gridTable{grid-template-columns:1fr}}#pop3 .gridTable div:nth-of-type(1){grid-column:1/2;grid-row:1/3}#pop3 .gridTable div:nth-of-type(3){grid-column:2/3}#pop3 .gridTable div:nth-of-type(4){grid-column:1/3}#pop4 table:nth-of-type(2) p{text-align:left;margin-bottom:2%}#pop4 table:nth-of-type(2) p span{font-size:1.2rem;font-weight:bold;color:#e3d48c}#pop4 .eventflex td{border:1px solid #527ec1}#pop6 .gridTable{grid-template-columns:1fr 3fr}@media only screen and (max-width: 480px){#pop6 .gridTable{grid-template-columns:1fr}}#pop6 .gridTable div:nth-of-type(odd){grid-column:1/2}#pop7 .gridTable{grid-template-columns:3fr 1fr}@media only screen and (max-width: 480px){#pop7 .gridTable{grid-template-columns:1fr}}#pop7 .gridTable div:nth-of-type(even){grid-column:2/3}@media only screen and (max-width: 480px){#pop7 .gridTable div:nth-of-type(even){grid-column:1/2}}