@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}*{padding:0;margin:0;box-sizing:border-box}body,html{width:100%;height:100%}body{overflow-x:hidden}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;-o-object-fit:cover}body .rank-container{width:100%;min-height:800px;position:relative;padding-bottom:100px}body .rank-container .bg-body{background-color:#ede3d9;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}body .rank-container .bg-bottom{background:url(/Assets/Rank/imgs/BG-bottom.jpg) no-repeat;background-size:cover;width:100%;height:580px;position:absolute;bottom:0;left:0;z-index:-1}body .rank-container .rank-content{width:100%;height:100%;display:flex;justify-content:space-evenly;padding-top:50px}body .rank-container .rank-content .rank-select{flex-grow:1}body .rank-container .rank-content .rank-select .select-content{background:url(/Assets/Rank/imgs/KhungBXH.png) no-repeat;background-size:cover;width:298px;height:331px;margin-right:0;margin-left:auto;position:relative}body .rank-container .rank-content .rank-select .select-content .btn-group{position:absolute;display:block;top:40%;left:50%;transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}body .rank-container .rank-content .rank-select .select-content .btn-group .rank-btn{width:110px;height:24px;background:url(/Assets/Rank/imgs/Canhan-Banghoi-Button2.png) no-repeat;background-position:0 0;position:relative}body .rank-container .rank-content .rank-select .select-content .btn-group .rank-btn a{width:100%;height:100%;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}body .rank-container .rank-content .rank-select .select-content .btn-group .rank-btn.btn-invidual{background-position:0 0}body .rank-container .rank-content .rank-select .select-content .btn-group .rank-btn.btn-invidual:hover,body .rank-container .rank-content .rank-select .select-content .btn-group .rank-btn.btn-invidual.active{background-position-y:-24px}body .rank-container .rank-content .rank-select .select-content .btn-group .rank-btn.btn-guild{background-position:-110px 0;margin-top:40px}body .rank-container .rank-content .rank-select .select-content .btn-group .rank-btn.btn-guild:hover,body .rank-container .rank-content .rank-select .select-content .btn-group .rank-btn.btn-guild.active{background-position:-110px -24px}body .rank-container .rank-content .rank-table{flex-grow:1}body .rank-container .rank-content .rank-table .table-container{background:url(/Assets/Rank/imgs/Bangxephang.png) no-repeat;background-size:cover;width:1260px;height:922px;margin-left:50px;margin-right:auto;position:relative}body .rank-container .rank-content .rank-table .table-container .table-title{width:300px;height:50px;position:absolute;top:13%;left:50%;transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%)}body .rank-container .rank-content .rank-table .table-container .table-title.table-invidual{background:url(/Assets/Rank/imgs/CaNhan.png) no-repeat;background-size:cover}body .rank-container .rank-content .rank-table .table-container .table-title.table-guild{background:url(/Assets/Rank/imgs/BangHoi.png) no-repeat;background-size:cover}body .rank-container .rank-content .rank-table .table-container .table-content{width:900px;height:550px;position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);overflow-x:hidden;overflow-y:auto}body .rank-container .rank-content .rank-table .table-container .table-content table{width:100%}body .rank-container .rank-content .rank-table .table-container .table-content table thead{width:100%}body .rank-container .rank-content .rank-table .table-container .table-content table thead tr th{font-family:roboto;font-size:18px;color:#d41804;padding-bottom:10px}body .rank-container .rank-content .rank-table .table-container .table-content table thead tr th:not(:first-child),body .rank-container .rank-content .rank-table .table-container .table-content table thead tr th:not(:nth-child(2)){text-align:center}body .rank-container .rank-content .rank-table .table-container .table-content table tbody tr td{font-family:roboto;font-size:18px;color:#000;font-weight:normal;text-align:center;height:50px;position:relative}body .rank-container .rank-content .rank-table .table-container .table-content table tbody tr td .rank-level{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:46px;height:50px;background:url(/Assets/Rank/imgs/Huyhieuxephang.png) no-repeat;color:transparent}body .rank-container .rank-content .rank-table .table-container .table-content table tbody tr td .rank-level.rank-first{background-position:0 0}body .rank-container .rank-content .rank-table .table-container .table-content table tbody tr td .rank-level.rank-second{background-position:0 -50px}body .rank-container .rank-content .rank-table .table-container .table-content table tbody tr td .rank-level.rank-third{background-position:0 -100px}body .rank-container .rank-content .rank-table .table-container nav .nav.nav-tabs.nav-server-tabs{position:absolute;width:900px;height:80px;bottom:70px;left:0;right:0;margin:0 auto;overflow:hidden;justify-content:center;border:unset}body .rank-container .rank-content .rank-table .table-container nav .nav.nav-tabs.nav-server-tabs .nav-item{border:unset;width:80px;height:80px;background:url(/Assets/Rank/imgs/server-button.png) no-repeat;padding-top:16px;text-align:center;color:#d5be8f;font-weight:bold}body .rank-container .rank-content .rank-table .table-container nav .nav.nav-tabs.nav-server-tabs .nav-item:hover{color:#961300;background-position-x:-80px}body .rank-container .rank-content .rank-table .table-container nav .nav.nav-tabs.nav-server-tabs .nav-item.active{color:#961300;background-position-x:-80px}@media screen and (max-width:1440px){body .rank-content{zoom:.8}}@media screen and (max-width:1280px){body .rank-content{zoom:.7}}@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}}@media screen and (max-width:1024px){body .rank-content{zoom:.6}}@media screen and (max-width:768px){body .rank-content{zoom:.45}}@media screen and (max-width:425px){body .rank-container .rank-content{flex-wrap:wrap}body .rank-container .rank-content .rank-select .select-content{margin-right:auto}body .rank-container .rank-content .rank-table{overflow:hidden}body .rank-container .rank-content .rank-table .table-container{margin-left:-170px}}@media screen and (max-width:375px){body .rank-container .rank-content .rank-table{overflow:hidden}body .rank-container .rank-content .rank-table .table-container{margin-left:-200px}}@media screen and (max-width:320px){body .rank-container .rank-content .rank-table{overflow:hidden}body .rank-container .rank-content .rank-table .table-container{margin-left:-250px}}