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}.nav-tabs,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs>li>a,.nav-tabs>li>a:hover{background-color:unset;border:unset;line-height:unset}li{list-style:none}body::-webkit-scrollbar{display:none}@media only screen and (max-width:768px){footer#hot_footer{padding-bottom:150px}}body{background-color:#050507;background-repeat:no-repeat;background-position:center top;background-size:cover;font-family:adobe-fan-heiti-std,sans-serif;font-weight:400;font-style:normal}body .container{text-align:center}body .modal-backdrop.show{opacity:.9}body a{background-color:unset}body img{max-width:100%}body h3{font-size:30px;line-height:60px;color:#fff;font-weight:500;margin-top:50px}@media only screen and (max-width:991px){body h3{font-size:20px;line-height:40px}}body h4{font-size:26px;line-height:40px;color:#e24300;font-weight:600;margin-top:50px}@media only screen and (max-width:991px){body h4{font-size:20px;line-height:30px}}body h5{color:#e24300;font-size:26px;line-height:50px;font-weight:600;margin-top:40px}@media only screen and (max-width:991px){body h5{font-size:20px;line-height:30px}}body p{font-size:20px;line-height:24px;letter-spacing:0;color:#fff;font-weight:500}@media only screen and (max-width:991px){body p{font-size:16px;line-height:20px}}body .box{display:flex;flex-wrap:wrap;width:720px;max-width:100%;border:1px solid #fff;line-height:60px;font-size:20px;color:#fff;font-weight:300;margin:auto}body .box div{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:stretch;padding:0}body p.note_text{color:#e24300}@media only screen and (max-width:991px){body p.note_text{font-size:12px}}body p.indent{text-indent:-15px;padding-left:15px}body p.gray{color:#989898;font-size:16px;font-weight:800}body button{border:none;background:unset}body .mt-20{margin-top:20px}body .mt-100{margin-top:100px}body .mt-200{margin-top:200px}body .mt--200{margin-top:-200px}body .mb-100{margin-bottom:100px}body .d-flex{display:flex;justify-content:center}nav.navbar{position:fixed;background-color:#111;padding:0 16px;width:100%;z-index:999}nav.navbar .navbar-collapse{justify-content:flex-end}nav.navbar .navbar-collapse li{position:relative;text-align:center;padding-right:8px;padding-left:8px;width:70px;text-align:center}@media only screen and (max-width:991px){nav.navbar .navbar-collapse li{width:100%}}nav.navbar .navbar-collapse li:hover{background-color:#333}nav.navbar .navbar-collapse li a{color:#fff;height:100%;line-height:50px}nav.navbar .navbar-collapse li a:hover{text-decoration:none}nav.navbar .navbar-collapse li a::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%}aside{position:fixed;max-width:50%;right:0;bottom:10%;width:157px;max-width:20%;transition:transform .3s ease 0s;z-index:1010}@media only screen and (max-width:480px){aside{bottom:unset;top:10%}}aside ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex-direction:column}@media only screen and (max-width:768px){aside ul{flex-wrap:nowrap;flex-direction:row}aside ul li:nth-of-type(3){display:none}}aside ul li{margin-top:-50px}@media only screen and (max-width:1200px){aside ul li{margin-top:-20px}}aside ul li a{transition:.3s .3s}aside ul li a img{display:block}aside ul li a:hover{filter:brightness(120%);transition:.1s 0s}.ad{position:fixed;left:-40px;bottom:0;z-index:1050}@keyframes video_fog{0%,35%,90%{opacity:0}5%,55%,85%{opacity:1}}main{position:relative;background:url(../images/main_bg.png) no-repeat center top;background-size:cover;width:100%;height:100vh;overflow:hidden;transition:2s all}@media only screen and (max-width:480px){main{height:90vh;background:url(../images/main_bg_m.png) no-repeat center top;background-size:cover}}main::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:url(../images/main_bottom.jpg) no-repeat center;background-size:cover}main .char{position:absolute;transform:translate(-50%,-50%);width:100%}main .char.char1{left:48%;top:53%}main .logo{position:relative;max-width:100%;width:100%;height:100px;display:block;filter:brightness(100%) drop-shadow(0 0 15px #000);transition:filter .3s}main .logo:hover{filter:brightness(120%) drop-shadow(0 0 15px #000)}main .logo a{position:absolute;width:100%;top:0;left:50%;transform:translateX(-51%)}@media only screen and (max-width:1200px){main .logo{left:0;width:100%;top:55%}main .logo a{position:absolute;left:50%;transform:translateX(-50%)}}@media only screen and (max-width:991px){main .logo{top:67%}}main .video{position:absolute;width:100%;height:100%;left:0;bottom:0;mix-blend-mode:screen;opacity:1;animation:video_fog 33.8s linear 0s infinite}@media only screen and (max-width:480px){main .video{display:none}}main .video video{position:absolute;bottom:0;left:0}main .con{position:absolute;width:100vw;left:0;top:calc(100vh - 500px)}@media only screen and (max-width:1200px){main .con{top:90%;transform:translateY(-90%)}}@media only screen and (max-width:480px){main .con{top:85%}}main .con .title{position:relative;max-width:100%;margin:auto;width:80%;display:block}@media only screen and (max-width:480px){main .con .title{width:95%}}main .con .sub_title{position:relative;max-width:90%;width:90%;margin:auto;display:block;margin-top:-65px}@media only screen and (max-width:480px){main .con .sub_title{margin-top:-30px}}@media only screen and (max-width:768px){main #particles-js{display:none}}main .player_btn01{position:absolute;left:49.5%;bottom:50px;transform:translate(-50%,-50%);cursor:pointer}@media only screen and (max-width:991px){main .player_btn01{bottom:0}}@media only screen and (max-width:768px){main .player_btn01{bottom:-50px}}@media only screen and (max-width:480px){main .player_btn01{bottom:-100px}}main #player_wrapper{position:fixed;width:100%;height:100%;left:0;top:0;background:#00000065;z-index:1050;display:none}main #player_wrapper .container{position:relative;top:50%;transform:translateY(-50%);width:1200px;max-width:100%;height:675px}main #player_wrapper .container #player1{width:100%;height:100%}main #player_wrapper .container #player1 iframe{width:100%;height:100%}main #player_wrapper .container .close2{position:absolute;right:-40px;top:-50px;cursor:pointer;filter:drop-shadow(0 0 2px #fff)}@media only screen and (max-width:991px){main #player_wrapper .container .close2{right:0;top:-60px}}.notice{position:fixed;width:100%;height:100%;background:#00000065;left:0;top:0;z-index:1050;display:none}.notice .container{position:relative;top:50%;transform:translateY(-50%);border:3px solid;border-color:#cf4400;border-radius:50px;background:#e2e2e2;min-height:500px;padding:50px}.notice .container .title{margin-bottom:30px}.notice .container li{text-align:left;font-size:16px;color:#000;line-height:30px;text-indent:-25px;margin-left:25px}.notice .container .close1{position:absolute;right:20px;top:20px;cursor:pointer}section{background:url(../images/section_bg.jpg) no-repeat center top;background-size:cover;position:relative;min-height:100vh;display:flex;align-items:flex-start;overflow:hidden}@media only screen and (max-width:768px){section{flex-direction:column}}section .nav-pills{position:relative;flex-direction:column;margin-bottom:80px;margin-top:100px;display:flex;flex-direction:row}section .nav-pills .nav-link{filter:saturate(0);transition:.3s all;display:flex;max-width:25%}@media only screen and (max-width:768px){section .nav-pills .nav-link{max-width:50%}}section .nav-pills a.nav-link.active{background-color:unset;filter:saturate(100%);transform:translateY(50px)}@media only screen and (max-width:480px){section .nav-pills a.nav-link.active{transform:unset}}section .tab-content{position:relative;width:100%;margin-bottom:150px}@media only screen and (max-width:768px){section .tab-content{margin-bottom:50px}}section .tab-content .wrapper{position:relative;max-width:100%}section .tab-content .wrapper .tab-pane{display:none;max-width:100%}section .tab-content .wrapper .tab-pane.active{pointer-events:auto;display:block}section .tab-content .wrapper .tab-pane .title{margin:auto;text-align:center;margin-bottom:50px}section .tab-content .wrapper .tab-pane h2{color:#ffae00;font-size:35px;line-height:60px;font-weight:300;text-align:left}section .tab-content .wrapper .tab-pane li,section .tab-content .wrapper .tab-pane p{text-align:left;font-size:18px;line-height:40px;color:#fff}section .tab-content .wrapper .tab-pane .deco{position:relative}section .tab-content .wrapper .tab-pane .deco::before{content:'';position:absolute;left:-60px;top:8px;width:49px;height:30px;background:url(../images/p_deco.png) no-repeat center center;background-size:contain}section .tab-content .wrapper .tab-pane .remark{font-size:16px;line-height:20px}section .tab-content .wrapper .tab-pane span{color:#ffba00}section .tab-content .wrapper .tab-pane li{text-indent:-20px;margin-left:20px}section .tab_monster{align-items:flex-end}section .tab_monster .nav-pills{margin-top:50px;display:flex;flex-direction:column}section .tab_monster .nav-pills .nav-link{max-width:100%}section .tab_monster .nav-pills a.nav-link.active{transform:unset}section .tab_monster .tab-content{margin-bottom:0}section #v-pills-annual li{text-indent:-90px;margin-left:90px}section #v-pills-annual .box{position:relative}section #v-pills-annual .box::after{content:'※以上道具將在 2024/11/28(四) 維護時刪除';position:absolute;right:0;bottom:-50px;color:#ff4040;font-size:16px}section #v-pills-favor li{text-indent:-90px;margin-left:90px}section #v-pills-favor .box13{position:relative;margin-top:350px}section #v-pills-favor .box13::before{content:'';position:absolute;top:-350px;left:50%;width:316px;height:448px;transform:translateX(-50%);background:url(../images/p4_pic3.png) no-repeat center center;background-size:contain}@media only screen and (max-width:991px){section #v-pills-favor .char_skin{display:flex}}section #v-pills-favor .char_skin .man{position:absolute;left:-250px;bottom:0}@media only screen and (max-width:991px){section #v-pills-favor .char_skin .man{position:relative;width:50%;left:unset}}section #v-pills-favor .char_skin .woman{position:absolute;right:-250px;bottom:0}@media only screen and (max-width:991px){section #v-pills-favor .char_skin .woman{position:relative;width:50%;right:unset}}.map img{width:20px;height:20px;max-width:100%;margin-left:10px}@media only screen and (max-width:480px){::-webkit-scrollbar{display:none}}::-webkit-scrollbar{width:68px}::-webkit-scrollbar-track{background:url(../images/scroll_track.png) no-repeat center center;background-size:contain}::-webkit-scrollbar-thumb{background:url(../images/scroll_thumb.png) no-repeat center center;background-size:contain;border-radius:10px}.t_gray{background:#2c2c2c77}.t_deep_gray{background:#6f6f6f77}.t_green{background:#466a1877}.t_border_r{border-right:1px solid #fff}.t_border_b{border-bottom:1px solid #fff}