.mainColor{color:#0362cf}.noteColor{color:#de2424}.linkColor{color:#3fa493}.linkColor:hover{color:#358d7e}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:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%}body{background-color:#000;font-family:"Microsoft JhengHei",sans-serif,Arial;font-weight:400}body,html{height:100%;width:100%}a:hover{text-decoration:none}img{max-width:100%;height:auto}main{background:url(../images/bg.jpg) no-repeat 50% 0;height:1000px;position:relative;overflow:hidden;z-index:1}@media only screen and (max-width:769px){main{height:130.39vw;background-size:cover}}main::after{content:'';background:url(../images/bg.png) no-repeat 50% 0;width:100%;height:100%;position:absolute;left:0;top:0;display:block;z-index:-2}@media only screen and (max-width:480px){main::after{display:none}}main .title{max-width:1097px;margin:0 auto;left:0;right:0;position:absolute;bottom:126px;z-index:99}main .title .btn-link{position:absolute;right:75px;bottom:35px;max-width:317px;margin:0 auto;transition:.25s all}@media only screen and (max-width:1097px){main .title .btn-link{right:0;left:0;bottom:-50px;width:30%}}main .title .btn-link:hover{filter:brightness(115%)}main #scene{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}main #scene .role{width:100%;height:100%}main #scene .role .role-1{position:absolute;left:50%;background:url(../images/mm-1.png) no-repeat 0 0;width:382px;height:1145px;margin-left:-552px;top:87px;background-size:contain}@media only screen and (max-width:769px){main #scene .role .role-1{width:49.674vw;height:148.894vw;margin-left:-71.781vw}}main #scene .role .role-2{position:absolute;left:50%;background:url(../images/mm-2.png) no-repeat 0 0;width:593px;height:1098px;margin-left:102px;top:0;background-size:contain}@media only screen and (max-width:769px){main #scene .role .role-2{width:77.113vw;height:142.782vw;margin-left:6.263vw;top:50px}}main #effect_liquid{touch-action:none!important;position:absolute;top:0;left:50%;width:100%;height:100%;transform:translateX(-50%);background-size:cover;z-index:-3}@media only screen and (max-width:480px){main #effect_liquid{display:none}}.modal .modal-dialog.modal-lg,.modal .modal-dialog.modal-xl{width:100%;max-width:1400px;margin:80px auto;text-align:center}.modal .modal-content{background-color:#00000000;box-shadow:none;border:none}.modal .modal-content .modal-header{border:none}.modal .modal-content .modal-header button.close{width:55px;height:54px;background:url(../images/close.png) no-repeat 0 0;background-size:contain;overflow:hidden;text-indent:-10000em;cursor:pointer;border:0;opacity:1;position:absolute;right:30px;top:10px;z-index:999}@media only screen and (max-width:800px){.modal .modal-content .modal-header button.close{right:15px}}.modal .modal-content .modal-body iframe{width:100%;height:auto;aspect-ratio:16/9}.pic-modal,button{background-color:transparent;border:none;cursor:pointer;transition:.3s all}.pic-modal:hover,button:hover{filter:brightness(1.2);z-index:100}