@charset "UTF-8";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;font-family:'微軟正黑體','Malgun Gothic',Dotum,Tahoma,sans-serif}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}img{max-width:100%;height:auto}body{background:#000;color:#fff}h2{margin-bottom:4vh}p{line-height:1.4rem;margin-bottom:2vh}#particles-js{position:fixed;width:100vw;top:0;left:0;z-index:999;pointer-events:none}@media only screen and (max-width:1200px){#particles-js{display:none}}main{position:relative;background:url(../images/mokante_main.jpg) no-repeat center center;background-size:cover;min-height:120vh;padding-top:50px}@media only screen and (max-width:768px){main{background:url(../images/mokante_main.jpg) no-repeat 6% center;background-size:cover}}main .logo{margin-left:2vw}main .title{position:absolute;z-index:1;text-align:center;top:6vh;left:8vw;background:url(../images/mokante_titlebg.png) center center;background-size:contain}@media only screen and (max-width:1440px){main .title{left:10vw}}@media only screen and (max-width:1024px){main .title{width:50vw;left:30vw}}@media only screen and (max-width:480px){main .title{width:90vw;top:20vh;left:5vw}}main .btnMB,main .btnPC{display:flex;justify-content:center}main .btnMB li,main .btnPC li{margin:0 .2vw}@media only screen and (max-width:480px){main .btnMB li,main .btnPC li{margin:0 1vw}}main .btnMB li:hover img,main .btnPC li:hover img{opacity:0}main .btnMB{display:none}aside{background:url(../images/mokante_navbg.jpg) no-repeat center center;background-size:cover;min-height:204px;padding:1vh 0}@media only screen and (max-width:480px){aside{min-height:auto}}aside ul{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-evenly;align-content:space-around;max-width:1040px;min-height:186px;margin:0 auto}@media only screen and (max-width:480px){aside ul{min-height:10vh}}@media only screen and (max-width:768px){aside ul li{width:24vw}}aside ul a.active img,aside ul li:hover img{opacity:0}aside.fixed{width:100%;position:fixed;top:0;z-index:9}section:not(.note){position:relative;background:url(../images/mokante_bg.jpg) no-repeat center top;background-size:cover;padding:8vh 0;text-align:center}section:not(.note) h6{-webkit-text-emphasis:circle;text-emphasis:circle;color:#ffbab7;font-size:1.2rem;font-weight:700}section:not(.note) p{color:#fff;font-size:1rem;line-height:1.8rem}@media only screen and (max-width:480px){section:not(.note) p{padding:0 2vw}}section:not(.note) button:hover{filter:drop-shadow(0 0 10px #ebde81)}section:not(.note)>div>img{margin:6vh 0 2vh 0}section:not(.note) .ycircle{max-width:800px;border:solid 1px #ebde81;border-radius:50vw;padding:4vh 0;margin:4vh auto}@media only screen and (max-width:480px){section:not(.note) .ycircle{border-radius:0}}section:not(.note) .ycircle li{color:#ebde81;font-size:.88rem;line-height:1.4rem;font-weight:700}section:not(.note) .ycircle li::before{content:"※";margin-right:4px}#tab1,#tab2,#tab3,#tab4,#tab5,#tab6,#tab7,#tab8{position:relative}#tab1::before{content:url(../images/mokante_npc1.png);position:absolute;left:8vw;top:30vh}@media only screen and (max-width:1024px){#tab1::before{display:none}}#tab1::after{content:url(../images/mokante_npc2.png);position:absolute;right:10vw;bottom:30vh}@media only screen and (max-width:1024px){#tab1::after{display:none}}#tab2::before{content:url(../images/mokante_npc3.png);position:absolute;left:8vw;top:50vh}@media only screen and (max-width:1024px){#tab2::before{display:none}}#tab2 .ycircle::before{content:url(../images/mokante_npc4.png);position:absolute;right:8vw;top:100vh}@media only screen and (max-width:1440px){#tab2 .ycircle::before{right:0}}@media only screen and (max-width:1024px){#tab2 .ycircle::before{display:none}}#tab2::after{content:url(../images/mokante_npc5.png);position:absolute;left:8vw;bottom:60vh}@media only screen and (max-width:1024px){#tab2::after{display:none}}#tab4::before{content:url(../images/mokante_npc6.png);position:absolute;left:8vw;top:50vh}@media only screen and (max-width:1024px){#tab4::before{display:none}}#tab4::after{content:url(../images/mokante_npc7.png);position:absolute;right:8vw;bottom:86vh}@media only screen and (max-width:1024px){#tab4::after{display:none}}#tab5::before{content:url(../images/mokante_npc6.png);position:absolute;left:8vw;top:50vh}@media only screen and (max-width:1440px){#tab5::before{left:0}}@media only screen and (max-width:1024px){#tab5::before{display:none}}#tab5::after{content:url(../images/mokante_npc7.png);position:absolute;right:8vw;bottom:40vh}@media only screen and (max-width:1440px){#tab5::after{right:0}}@media only screen and (max-width:1024px){#tab5::after{display:none}}.note{position:relative;background:url(../images/mokante_notebg.jpg) no-repeat center center;background-size:cover;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:1.4vh 0}@media only screen and (max-width:480px){.note img{display:none}}.note p{text-align:center;font-size:1.2rem;font-weight:700}.note ul{font-size:.8rem;line-height:1.4rem;list-style-type:decimal;padding-left:18px;margin:0 2vw}.c12,.c13,.c52,.c53,.c82,.c83,.c84,.c85{position:relative;margin:6vh 0 2vh 0}.c12::before,.c13::before,.c52::before,.c53::before,.c82::before,.c83::before,.c84::before,.c85::before{content:"";width:284px;height:271px}.c12button:hover,.c13button:hover,.c52button:hover,.c53button:hover,.c82button:hover,.c83button:hover,.c84button:hover,.c85button:hover{filter:drop-shadow(0 0 10px #ebde81)}.c12::before{background:url(../images/mokante_c122.png) no-repeat center center;position:absolute;left:-56%;bottom:0}@media only screen and (max-width:1024px){.c12::before{left:-36%}}@media only screen and (max-width:768px){.c12::before{display:none}}.c4 img{margin:0 .6vw 4vh 0}.c52::before{background:url(../images/mokante_c522.png) no-repeat center center;position:absolute;top:10%;right:16%}@media only screen and (max-width:1440px){.c52::before{right:6%}}@media only screen and (max-width:1024px){.c52::before{right:-2%}}@media only screen and (max-width:768px){.c52::before{display:none}}.c53::before{background:url(../images/mokante_c533.png) no-repeat center center;position:absolute;top:0;right:16%}@media only screen and (max-width:1440px){.c53::before{right:6%}}@media only screen and (max-width:1024px){.c53::before{right:-2%}}@media only screen and (max-width:768px){.c53::before{display:none}}.c6{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-around;max-width:1200px;margin:0 auto}.c6 img{margin:3vh 2vw}.c82,.c83,.c84,.c85{margin:10vh 0}.c82::before{background:url(../images/mokante_c822.png) no-repeat center center;position:absolute;top:10%;right:16%}@media only screen and (max-width:1440px){.c82::before{right:6%}}@media only screen and (max-width:1024px){.c82::before{right:-2%}}@media only screen and (max-width:768px){.c82::before{display:none}}.c83::before{background:url(../images/mokante_c833.png) no-repeat center center;position:absolute;top:-50%;left:16%}@media only screen and (max-width:1440px){.c83::before{left:6%}}@media only screen and (max-width:1024px){.c83::before{left:-2%}}@media only screen and (max-width:768px){.c83::before{display:none}}.c84::before{background:url(../images/mokante_c844.png) no-repeat center center;position:absolute;top:-30%;right:16%}@media only screen and (max-width:1440px){.c84::before{right:6%}}@media only screen and (max-width:1024px){.c84::before{right:-2%}}@media only screen and (max-width:768px){.c84::before{display:none}}.c85::before{background:url(../images/mokante_c855.png) no-repeat center center;position:absolute;top:-30%;left:16%}@media only screen and (max-width:1440px){.c85::before{left:6%}}@media only screen and (max-width:1024px){.c85::before{left:-2%}}@media only screen and (max-width:768px){.c85::before{display:none}}.navbar-toggler-icon{background-image:url(../images/hamburger.svg)}.navbar-toggler-icon:focus{outline:unset}.navbar-toggler-icon .fas.fa-bars{color:#fff}.navbar{padding:0;background-color:#000}.navbar .navbar-nav{align-items:center}@media only screen and (max-width:768px){.navbar li.nav-item{width:100%;display:inline-block;margin:auto;text-align:center}}.navbar a.nav-link{color:#fff;padding:.8rem 1.5rem;padding-right:1rem;padding-left:1rem}.navbar a.nav-link:hover{background-color:#484848}footer{margin:0;background:#23222b;padding:25px 0;font-family:'微軟正黑體','Malgun Gothic',Dotum,Tahoma,sans-serif;letter-spacing:normal;text-align:center}