@font-face{font-family:"roboto";src:url(/Assets/General/fonts/roboto.ttf) format('truetype');font-display:swap}@font-face{font-family:"roboto";src:url(/Assets/General/fonts/robotobold.ttf) format('truetype');font-weight:bold;font-display:swap}body,html{width:100%;height:auto;-webkit-text-size-adjust:none;text-size-adjust:none}body{overflow-x:hidden;position:relative;background-color:#ede3d9}body .bg-danger{width:100%;height:1000px}body .top-bg{position:relative;height:460px}body .top-bg .bg{position:absolute;width:100%;height:100%}body .top-bg .bg img{z-index:-1;position:absolute;width:100%;height:100%;object-fit:cover}body .btn-more{position:relative;margin:40px auto 0;width:max-content}body .btn-more a{font-family:roboto;font-weight:bold;font-size:16px;text-decoration:none;color:#fff}body .btn-more a:hover{color:#ffa800}body .handbook-container{position:relative;padding-top:50px;padding-bottom:50px;z-index:1}body .handbook-container .row{justify-content:space-evenly;-webkit-justify-content:space-evenly;width:100%;height:100%;margin-left:0;margin-right:0}body .handbook-container .bg-body{background-color:#ede3d9;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}body .handbook-container .bg-bottom{background:url(/Assets/HandBook/imgs/BG-bottom.jpg) no-repeat;background-size:cover;width:100%;height:580px;position:absolute;bottom:0;left:0;z-index:-1}body .handbook-container .handbook-menu-container{width:auto;height:auto;margin-right:30px}body .handbook-container .handbook-menu-container .handbook-menu{height:auto;text-align:center;margin-left:auto;margin-right:0}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item{width:235px}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item:not(:last-child){margin-bottom:20px}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item.show{margin-bottom:0}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a{width:100%;height:72px;outline:none}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.active{color:#4e95ff;background:unset}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a:after{border:none}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn{color:#003e93;font-weight:bold;font-size:30px;background:url(/Assets/HandBook/imgs/Camnang-button.png) no-repeat;border:none}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn:not(:last-child){margin-bottom:10px}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn.btn-character{background-position:0 0}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn.btn-character:hover,body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn.btn-character.active{background-position-x:-235px}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn.btn-quest{background-position:0 -80px}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn.btn-quest:hover,body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn.btn-quest.active{background-position:-235px -80px}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn.btn-equip{background-position:0 -160px}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn.btn-equip:hover,body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn.btn-equip.active{background-position:-235px -160px}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn.btn-dungeon{background-position:0 -240px}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn.btn-dungeon:hover,body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn.btn-dungeon.active{background-position:-235px -240px}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn.btn-feature{background-position:0 -320px}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn.btn-feature:hover,body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn.btn-feature.active{background-position:-235px -320px}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn.active,body .handbook-container .handbook-menu-container .handbook-menu .handbook-item a.btn:focus{color:#b1ccf2;border:none;box-shadow:none;outline:none}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item .content{width:100%;transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s;background-color:transparent;border:none;transform:unset!important;position:relative!important;float:unset}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item .content a{color:#220d00;text-decoration:none;text-align:left;text-transform:capitalize;height:auto;font-family:roboto;font-weight:bold;white-space:pre-wrap;overflow:hidden}body .handbook-container .handbook-menu-container .handbook-menu .handbook-item .content a:hover,body .handbook-container .handbook-menu-container .handbook-menu .handbook-item .content a.active{border:none;box-shadow:none;color:#ffa800;background-color:unset}body .handbook-container .handbook-content{padding:30px 100px;background:rgba(255,255,255,.85);width:auto;height:auto;flex:1 1 0;max-width:1440px}body .handbook-container .handbook-content .title{color:#d51400;margin-bottom:40px;text-align:center;font-weight:bold;position:relative;font-size:2.3rem}body .handbook-container .handbook-content .handbook-detail{padding:0;text-align:justify}body .handbook-container .handbook-content .handbook-detail img{max-width:100%;height:auto!important;cursor:pointer}@media screen and (max-width:1440px){body .handbook-container{zoom:.8}}@media screen and (max-width:1150px){body .top-bg{height:auto}body .top-bg .bg{position:relative;height:auto}body .top-bg .bg img{position:relative;height:auto}body .handbook-container{zoom:.7}}@media screen and (max-width:1000px){body .handbook-container{zoom:.6}}@media screen and (max-width:860px){body .handbook-container{zoom:.55}}@media screen and (max-width:786px){body .handbook-menu-container{width:100%;transition:all linear .6s}body .handbook-menu-container .handbook-menu{display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;justify-content:flex-start;-webkit-justify-content:flex-start;transition:all linear .6s;-moz-transition:all linear .6s;-webkit-transition:all linear .6s}body .handbook-menu-container .handbook-menu .handbook-item .content.show{top:0}}@media screen and (max-width:425px){body .handbook-container .handbook-content{padding:30px}}@media screen and (max-width:375px){}@media screen and (max-width:320px){}