#map{background:url(../images/prom_mbg1.jpg) no-repeat center center}#map2{background:url(../images/prom_mbg2.jpg) no-repeat center center}#map3{background:url(../images/prom_mbg3.jpg) no-repeat center center}#map4{background:url(../images/prom_mbg4.jpg) no-repeat center center}#map .map p,#map2 .map p,#map3 .map p{color:#000}#boss .boss p,#boss2 .boss p,#boss3 .boss p{font-size:16px;line-height:1.5;color:#fff}#map .map h4,#map2 .map h4{color:#000}#map4 p{color:#fff}#map4 .map span{background-color:#390b72}#map4 h4{color:#fff}#map4 .map>div:nth-of-type(3){margin-bottom:4%}#story{background:url(../images/story_bg1.jpg) no-repeat center center}#event,#pet{background:url(../images/prom_actbg.jpg) no-repeat;background-position:top}#boss,#boss2,#boss3{background:url(../images/prom_bg6.jpg) no-repeat center center;margin-top:90px;padding-top:0!important;height:1351PX;min-height:inherit!important}#monster{background:url(../images/prom_bg7.jpg) no-repeat center center;margin-top:90px;height:4132px!important}#npc,#npc2,#npc3,#npc4{background:url(../images/prom_bg8.jpg) no-repeat center center;position:relative;overflow:hidden;margin-top:90px}#boss,#boss2,#boss3,#event,#map,#map2,#map3,#map4,#monster,#npc,#npc2,#npc3,#npc4,#pet,#story{background-size:cover!important;padding-top:90px;padding-bottom:10%;min-height:100vh}.tab-pane{display:none}.tab-pane.active{display:block}.introduce-menu{position:fixed;bottom:10%;right:2%;z-index:999}.introduce-menu::before{content:"";background:url(https://landing.mangot5.com/template/la/event/nav/images/top.png) transparent;width:138px;height:31px;margin:0 auto}.introduce-menu::after{content:"";background:url(https://landing.mangot5.com/template/la/event/nav/images/bottom.png) transparent;width:138px;margin:0 auto;height:31px}.introduce-menu .nav{background-color:#fff;border-left:1px solid #ececec;border-right:1px solid #ececec;padding:10% 10px 10% 50px}.introduce-menu .nav-item{position:relative;display:list-item;list-style:disc;color:#848484;line-height:40px;font-size:17px}.introduce-menu .nav li a,.introduce-menu .nav li span{display:inline-block;padding:0;color:#848484}.introduce-menu .nav>li>span{width:25px;position:absolute;left:-40%;border-right:solid 1px #000}.npc-nav.introduce-menu .nav>li>span{left:-52%}.boss-list .nav>li>span{left:-51%}.introduce-menu .nav .nav-item a:hover,.introduce-menu .nav .nav-item.active>a{color:#000;background:0 0}.introduce-menu .nav-item.active::marker{color:#455ecd}.introduce-menu .nav .nav-item.active>span{border-right-color:#455ecd;color:#455ecd}.introduce-btn{position:fixed;z-index:999;top:10%;right:10px;width:60px;height:60px;display:none}.introduce-btn a{display:block;position:absolute;top:0;right:0;border-radius:50%;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,.7);text-indent:-10000em;transition:.6s all}.introduce-btn a:after,.introduce-btn a:before{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;overflow:hidden;background:#fff;content:""}.introduce-btn a.active{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.introduce-btn a:before{width:25px;height:2px}.introduce-btn a:after{width:2px;height:25px}.content{box-sizing:border-box;height:800px;left:50%;margin-left:-332px;position:absolute;text-align:center;top:205px;width:667px}.content>div{position:absolute;color:#000;top:50%;transform:translateY(-50%);max-width:560px;font-size:16px;text-align:center;line-height:2;margin:auto;font-weight:600}.content>div p{margin-bottom:24px}#story .content>div{right:0;left:0;padding:0 0}#boss2>h2,#boss3>h2,#boss>h2{padding-top:40px}#boss3 .content2>.fadeInRight{margin-right:240px}#boss .content2,#boss2 .content2,#boss3 .content2{max-width:inherit;margin:0 160px}#boss .content2 .boss,#boss2 .content2 .boss,#boss3 .content2 .boss{margin-right:168px;margin-top:240px}.content2{display:flex;justify-content:center;max-width:1400px;margin:0 auto;justify-content:space-between}.content2 h3 img{position:sticky;top:15%}.map h4,.pet{margin:0 0 4% 0;font-size:20px;line-height:1.6}.map{max-width:1014px;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:15px;line-height:1.6}.map .pic-modal{width:100%;position:relative}.map .m-modal.pic-modal{width:48%}.map>div{width:48%;margin-bottom:6%}#event .content>div,#pet>.content>div{position:relative;max-width:800px;top:20px}#event .content-group .pic-items,#pet .content-group .pic-items{padding-top:15%}.boss{width:30%}.monster{width:50%}.npc{width:35%}.npc>h4{font-size:24px}.npc>p{font-size:17px;line-height:1.6}#npc .content2:nth-child(1){max-width:300px}#npc .content2:nth-child(2){max-width:400px}.pet{width:80%;z-index:1}.pet p{width:40%;display:inline-block}.twotype{display:inline-block}.twotype .nav{display:flex}.twotype .nav a{padding:0}.yticon{display:inline-block;max-width:600px;text-align:center}.yticon button{position:relative;border:none;margin:0 8px 10px 0;padding:0;border:solid 1px transparent}.yticon button>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yticon button:hover{border:solid 1px red}.yticon button:hover>div{background:url(../image/royal_v4.png) no-repeat center center;background-size:contain}.twotype .nav a:hover img,.yticon button:hover>div img{opacity:0}.monster,.npc{margin:0 1%;font-size:16px;font-weight:600}.npc{color:#fff;width:90%}.prom_bt1{height:1037px;width:1137px}#monster .content2{align-items:center;max-width:1600px}.btn-bd-box ul>li>a{background:#891b3e;transition:.3s all}.btn-bd-box ul>li>a:hover{background:#b82b52}#npc .content2 .npc-detail,#npc2 .content2 .npc-detail,#npc3 .content2 .npc-detail,#npc4 .content2 .npc-detail{justify-content:center;margin-top:40px;width:50%}#job .content2 h2 span,#job2 .content2 h2 span,#monster .content2 h2 span,#npc .content2 h2 span{margin-bottom:6px}#monster .content2:nth-of-type(odd){flex-direction:row-reverse}.npc img{margin-top:6%}.modal-dialog{width:100%;max-width:1400px;position:relative;margin:calc(50vh / 3) auto}.modal-dialog .modal-body{padding:0;pointer-events:none}.look{position:absolute;right:2%;bottom:4%;cursor:pointer;opacity:.5}.look:hover{opacity:1}@media (max-width:2560px) and (min-width:2000px){.content>div{position:absolute;color:#fff;top:12%;max-width:420px;text-align:center;font-size:.06rem;line-height:.12rem;left:50%;transform:translateX(-50%)}}@media (max-width:1440px){.introduce-menu{bottom:20%}#story .content>div{line-height:1.8}}@media (max-width:1350px){.npc{width:60%}#npc .content2{padding-bottom:10%}}@media (max-width:1024px){.boss,.monster{width:60%}.npc{width:70%}.map{margin-bottom:20%}}@media (min-width:769px){.phstory{display:none}}@media (max-width:768px){.navbar_basic li.dropdown>a:after{opacity:1;right:40%;left:inherit;top:25px}.collapse{padding:0}.navbar-nav{margin:0}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#540924;border-color:#747474}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d;background-color:#220414}.wrap{margin-top:52px!important}#story{display:none}#phstory{background:url(../images/phstory.jpg) no-repeat top center;background-size:cover;min-height:100vh;position:relative}#phstory .content{width:100%;height:initial;margin:0;padding:0 60px;top:23vh;transform:translateX(-50%);line-height:1.4;font-weight:600;font-size:13px}#story .content>div{top:75px;line-height:1.6;font-size:2.9vw}.introduce-menu{top:156px;bottom:auto;left:auto;right:2%;display:none}.introduce-menu .nav-item{font-size:14px}.introduce-menu::after,.introduce-menu::before{width:172px;height:40px;background-size:cover}.introduce-menu .nav>li>span{width:30px;left:-40%}.introduce-btn{top:86px;display:block}.introduce-menu .nav-item.active::marker{color:#b82b52}.introduce-menu .nav .nav-item.active>span{border-right-color:#b82b52;color:#eb4774}.introduce-menu::after,.introduce-menu::before{display:none}.introduce-menu .nav{background-color:#000000b0;border:none;backdrop-filter:blur(5px)}.introduce-menu .nav-item{line-height:30px;font-size:14px}.introduce-menu .nav>li>span{left:-44px;border-right:solid 1px #707172}.introduce-menu .nav .nav-item.active>a{color:#fff}.map{margin-bottom:40%}.content2{flex-wrap:wrap}h2{display:none}#map .map p,#map2 .map p,#map3 .map p,#map4 .map p{font-size:1rem;margin:0;line-height:1.8}.content2 h3{padding:0 16px}#map4 .pic-modal h4{padding:0;text-align:center}#map4 .pic-modal h4 span{margin-right:auto;margin-left:auto;font-size:14px}#map h4{font-size:1.1rem}.map h4,.map p{padding:0 12px}#map,#map2,#map3,#map4{background-position:top center;background-size:cover;padding:40px 0 0}.map>div{width:100%;margin-bottom:60px}.map{justify-content:space-evenly}#map4 .map>div:nth-of-type(3){margin-bottom:60px}#map4 .map>div{margin-bottom:28px}#boss,#boss2,#boss3{margin-top:58px}#boss .content2,#boss2 .content2,#boss3 .content2{max-width:inherit;margin:0}#boss .content2 .boss,#boss2 .content2 .boss,#boss3 .content2 .boss{margin-right:0;margin-top:0}#boss .content2{flex-direction:column-reverse}#boss .prom_bt1,.prom_bt2{width:100%;height:inherit}#boss{background:url(../images/phboss-1.jpg);height:997px}#boss2{background:url(../images/phboss-2.jpg);height:997px}#boss3{background:url(../images/phboss-3.jpg);height:997px}#boss div,#boss h2,#boss2 div,#boss2 h2,#boss3 div,#boss3 h2{display:none}#monster .content2{flex-direction:column-reverse!important;margin-bottom:40px}#monster .content2>div:last-child{margin-bottom:20px}#monster .content2:last-child>div:first-child{margin-bottom:40px;padding-bottom:40px}#monster{margin-top:0;padding-left:12px;padding-right:12px;background:url(../images/phmonster.jpg) no-repeat top center;height:4300px!important}.monster{width:100%;margin:0}.monster>p:last-child{font-weight:400}.npc{margin-bottom:6%}.npc{font-size:17px;line-height:1.8}#npc .content2>div:nth-child(2){width:80%}#npc,#npc2,#npc3,#npc4{margin-top:0}#npc{background:url(../images/phnpc-1.jpg) no-repeat top center;height:1200px}#npc2{background:url(../images/phnpc-2.jpg) no-repeat top center;height:1200px}#npc3{background:url(../images/phnpc-3.jpg) no-repeat top center;height:1200px}#npc4{background:url(../images/phnpc-4.jpg) no-repeat top center;height:1200px}#npc2>div,#npc2>h2,#npc3>div,#npc3>h2,#npc4>div,#npc4>h2,#npc>div,#npc>h2{display:none}.npc-nav.introduce-menu .nav{padding:10% 10px 10% 60px}.npc-nav.introduce-menu .nav>li>span{left:-104%}#event .content>div{position:relative;max-width:600px;padding-bottom:23%}}@media (max-width:480px){#boss,#boss2,#event,#monster,#npc,#pet,#story{background-size:cover!important;padding-bottom:25%}#boss,#boss2,#event,#monster,#npc,#pet{padding-top:60px}#story h2{display:none}#story .content>div>p{font-size:.26rem}.content>div>p:first-child{padding-top:20px}.content>div>p:last-child{padding-bottom:20px}.boss,.map>div,.monster,.npc{font-size:.34rem;line-height:.6rem}#id h2{margin:0}.twotype{margin-top:4%}}@media (max-width:300px){.introduce-menu{top:30%;bottom:auto;left:auto;right:2%}.introduce-menu .nav>li>span{left:-15.6vw}}