@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}@media only screen and (max-width:480px){h3 img{width:60vw}}p{line-height:1.4rem;margin:.6vw 0}#particles-js,#particles-js2{position:fixed;width:100vw;top:0;left:0;z-index:999;pointer-events:none}@media only screen and (max-width:1200px){#particles-js,#particles-js2{display:none}}.bluecolor{color:#6da1ff}#header{position:relative;background:url(../images/bonega_bg.jpg) no-repeat center top;background-size:cover;padding-top:50px;text-align:right}#header .logo,#header .title{position:absolute;z-index:1;text-align:left}#header .logo{top:4vh;left:16vw}@media only screen and (max-width:480px){#header .logo{top:2vh;left:4vw}}#header .title{left:14vw;bottom:20vh}@media only screen and (max-width:1440px){#header .title{left:1vw}}@media only screen and (max-width:1024px){#header .title{width:40vw;left:30vw;bottom:6vh;filter:drop-shadow(2px 4px 6px #a095e9)}}section{background:transparent url(../images/bonega_bg2.jpg) no-repeat center center;background-size:cover;position:relative;z-index:2;padding-top:10vh}section:first-of-type{background:0 0;background-color:#ff0;text-align:center;padding:1vh 0 2vh 0}section:first-of-type::before{content:'';position:absolute;margin:0 auto;width:100%;height:30px;top:-30px;right:0;left:0;z-index:-1;background:#ff0;transform:perspective(1em) rotateX(20deg);transform-origin:bottom}section:first-of-type p{color:#000;font-size:1.4rem;line-height:2rem}@media only screen and (max-width:480px){section:first-of-type p{padding:0 2vw}}.copyarea{position:relative}.copyarea>span{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);font-size:2rem}@media only screen and (max-width:1024px){.copyarea>span{font-size:1rem}}.copyarea>span button,.copyarea>span input{letter-spacing:4px;height:50px;padding:0 10px}.copyarea>span button{color:#fff600;background-color:#ffffff40;border:solid 1px #a095e9}@media only screen and (max-width:480px){.copyarea>span button{background-color:#0000005c}}.copyarea>span input{background-color:#ffffff52;border:none;color:#fff;width:35%}@media only screen and (max-width:480px){.copyarea>span input{background-color:#0000005c;width:100%;height:30px}}.copyarea+p{margin-top:-10vh}@media only screen and (max-width:1440px){.copyarea+p{margin-top:-4vh}}@media only screen and (max-width:1024px){.copyarea+p{margin-top:0}}.popclick{max-width:1400px;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto}.popclick>img{margin:0 4vw}.popclick .popbtn{position:relative;margin:1vw 2vw}.popclick .popbtn:hover .sago1,.popclick .popbtn:hover .sago2{background-color:#ff0}.popclick .popbtn:hover .sago2 img{filter:brightness(0)}.popclick .popbtn>img:last-of-type{position:absolute;left:0;z-index:9}.popclick .popbtn .sago1,.popclick .popbtn .sago2{width:40px;height:40px;border-radius:40px;padding:5px 0;position:absolute;right:18%;bottom:32%}.popclick .popbtn .sago1{background-color:#fff}.popclick .popbtn .sago2{background-color:#000}.notelist{background:transparent url(../images/bonega_bg3.png) no-repeat center top;background-size:cover;text-align:center;padding:40px 0 2vh 0}.notelist ul{display:table;text-align:left;line-height:1.4rem;margin:2px auto}@media only screen and (max-width:480px){.notelist ul{padding:0 6vw}}.notelist ul>li::before{content:"\2666";margin-left:-14px;margin-right:6px}.notelist ul ol{list-style-type:auto;padding-left:16px}.modal{background-color:#000000ad;z-index:999;padding-top:50px;color:#000}.modal h4{font-size:1.6rem;line-height:2rem;margin-bottom:1rem}.modal .modal-dialog{max-width:750px;background-color:#ffffff66;padding:10px;border:solid 1px #fff}.modal .modal-content{background-color:#fff;border:none;border-radius:0;padding:16px}.modal .modal-body{text-align:center}.modal .graynote{max-width:640px;background-color:#e1e1e1;color:#5f5f5f;display:flex;flex-wrap:nowrap;align-items:center;margin:2vh auto}@media only screen and (max-width:480px){.modal .graynote{flex-wrap:wrap;justify-content:center}}.modal .graynote img{margin:0 20px}@media only screen and (max-width:480px){.modal .graynote img{margin-top:20px}}.modal .graynote ol,.modal .graynote ul{margin:20px 0;text-align:left;font-size:1rem;line-height:1.2rem;padding:0 20px}@media only screen and (max-width:480px){.modal .graynote ol,.modal .graynote ul{padding:0 20px 0 40px}}.modal .graynote ol li::before,.modal .graynote ul li::before{content:"※";margin-left:-20px;margin-right:6px}.modal .graynote span{color:#5e40ed}.modal p{font-size:1rem;margin:1vh 0 0 0}@media only screen and (max-width:480px){.modal p{font-size:1.4rem}}button.close{background:url(../images/bonega_close2.jpg) no-repeat center center;opacity:1;text-shadow:none;overflow:hidden;z-index:9;margin-bottom:3vh}button.close:hover img{opacity:0}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:1}.itemflex{display:flex;flex-wrap:wrap;justify-content:space-evenly}.item{min-width:140px;margin:2vh}.item>div{position:relative;display:inline-block;text-align:center}.item>div span{display:block;min-width:24px;height:24px;background-color:#5e40ed;border-radius:24px;color:#fff;font-size:.8rem;line-height:24px;position:absolute;right:0;bottom:0}.item p{color:#000;text-align:center}.modal-backdrop{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}