@font-face {
  font-family: "arial";
  src: url('../fonts/arial.ttf.html') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: "arial";
  src: url('../fonts/arialbold.ttf.html') format('truetype');
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "arial";
  src: url('../fonts/arialitalic.ttf.html') format('truetype');
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "arial";
  src: url('../fonts/arialbolditalic.ttf.html') format('truetype');
  font-style: italic;
  font-weight: bold;
  font-display: swap;
}
html,
body {
  padding: 0;
  margin: 0;
  font-family: arial;
  overflow-x: hidden;
}
body {
  width: 100vw;
}
body .popup-alert-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 9999;
}
body .popup-alert-container .popup-alert {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  max-width: 100%;
  height: max-content;
  padding: 0.260416vw;
  background-color: transparent;
  z-index: 99;
}
body .popup-alert-container .popup-alert .close-popup {
  width: 3vw;
  height: 3vw;
  padding: unset;
  position: absolute;
  top: 1%;
  right: 1%;
  background: url('../img/Red_X.svg.png') no-repeat center center;
  background-size: cover;
  top: 0;
  right: 0;
}
body .popup-alert-container .popup-alert .close-popup span {
  position: relative;
  padding: 0 0.260416vw;
  min-width: 2.083333vw;
  height: 2.083333vw;
  color: #F43E1B;
  font-size: 22pt;
  font-weight: bold;
  vertical-align: text-top;
  text-decoration: unset;
  cursor: pointer;
}
body .popup-alert-container .popup-alert .close-popup span:focus {
  text-decoration: unset;
}
body .popup-alert-container .popup-alert .close-popup span:hover {
  color: #F43E1B;
  text-decoration: unset;
}
body .popup-alert-container .popup-alert .body-popup {
  width: 100%;
  height: 100%;
}
body .popup-alert-container .popup-alert .body-popup img {
  width: auto;
  height: auto;
  object-fit: contain;
  max-width: 100%;
  max-height: 34.79166667vw;
}
body .popup-alert-container .popup-alert .body-popup .title-alert {
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-family: 16pt;
  font-weight: 600;
  color: #fff;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
body .popup-alert-container .popup-alert .body-popup .title-alert .checkBox {
  position: relative;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: small;
}
body .popup-alert-container .popup-alert .body-popup .title-alert .checkBox #isShowDay {
  width: 20px;
  height: 20px;
  margin: 0 5px;
}
body #cover-menu-dzo {
  position: relative !important;
}
body .main-contain {
  width: 100%;
  min-width: 1170px;
  position: relative;
  padding-top: 150px;
}
body .main-contain a.readmore {
  color: #3d1e01;
  font-size: 15px;
  padding-right: 30px;
  position: relative;
  text-decoration: none;
}
body .main-contain a.readmore:after {
  content: '>>';
  position: absolute;
  right: 10px;
  top: -1px;
}
body .main-contain .logo18 {
  position: fixed;
  background: url('../img/logo18.png') no-repeat;
  width: 10%;
  height: 80px;
  left: -1px;
  z-index: 9999;
  background-size: contain;
  top: 25%;
}
body .main-contain .countUserIPLogin {
  position: fixed;
  background: url('../img/DongTrac/3K-Banner-Truot-2.png.html') no-repeat;
  width: 10%;
  height: 100%;
  right: -1px;
  z-index: 1000;
  background-size: contain;
  top: 25%;
  cursor: pointer;
}
body .main-contain .title-section {
  background: url('../img/Images.png');
  background-position: 0px -48px;
  height: 46px;
  position: relative;
  width: 100%;
  margin-bottom: 3px;
}
body .main-contain .title-section ul {
  padding-left: unset;
  list-style-type: none;
  height: 47px;
  margin: 0;
  border-bottom: unset;
}
body .main-contain .title-section ul li {
  height: 100%;
  float: left;
  position: relative;
}
body .main-contain .title-section ul li a {
  width: 100%;
  height: 100%;
  padding: 5px;
  position: absolute;
  text-decoration: unset;
  line-height: 42px;
  font-size: 22px;
  text-align: center;
  color: #c2c2c2;
  text-transform: uppercase;
  background: unset;
  border: none;
}
body .main-contain .title-section ul li a:hover {
  color: #fff;
  font-weight: bold;
}
body .main-contain .title-section ul li.active a {
  color: #fff;
  font-weight: bold;
  background: unset;
  border: none;
}
body .main-contain .title-section ul li.active:before {
  content: '';
  background: url('../img/Images.png');
  background-position: -1305px -48px;
  position: absolute;
  width: 240px;
  height: 45px;
  left: 50%;
  margin-left: -120px;
}
body .main-contain .title-section.style-1 ul li {
  width: 100%;
}
body .main-contain .title-section.style-2 ul li {
  width: 50%;
}
body .main-contain .title-section.style-3 ul li {
  width: calc(33.333333333%);
}
body .main-contain .title-section.style-4 ul li {
  width: 25%;
}
body .main-contain .top-bg {
  background: url('../img/background-top.png') top center;
  background-size: cover;
  width: 100%;
  height: 1280px;
  position: absolute;
  z-index: -99;
  top: 0;
}
body .main-contain .bottom-bg {
  background: url('../img/background-end.png') bottom center;
  background-size: cover;
  width: 100%;
  height: 761px;
  position: absolute;
  z-index: -99;
  bottom: 0px;
}
body .main-contain header #main-menu .container {
  position: relative;
}
body .main-contain header #main-menu .bg-menu {
  background: url('../img/Images.png');
  background-position: -294px 0px;
  height: 45px;
  width: calc(100% - 185px);
  position: absolute;
  right: -50px;
}
body .main-contain header #main-menu .logo {
  background: url('../img/LOGO.png') no-repeat center center;
  width: 360px;
  height: 180px;
  float: left;
  background-size: contain;
  position: relative;
  top: -85px;
  left: -55px;
}
body .main-contain header #main-menu .logo a {
  position: absolute;
  width: 100%;
  height: 100%;
}
body .main-contain header #main-menu .navbar-mb {
  display: none;
}
body .main-contain header #main-menu .navbar {
  margin-bottom: 0;
  width: calc( 100% - 360px);
  float: left;
}
body .main-contain header #main-menu .navbar .navbar-nav > li {
  margin: 0 15px;
}
body .main-contain header #main-menu .navbar .navbar-nav > li a {
  text-transform: uppercase;
  color: #fff;
  padding: 13px 0;
  text-align: center;
  background: unset;
  font-size: 15px;
}
body .main-contain header #main-menu .navbar .navbar-nav > li a:hover {
  color: #898989;
}
body .main-contain header #main-menu .navbar .navbar-nav > li.active a {
  color: #898989;
}
body .main-contain header #main-menu .navbar .navbar-nav {
  width: 100%;
}
body .main-contain header #main-menu .navbar .navbar-nav #menu-lib:hover .dropdown-menu {
  display: flex !important;
  flex-flow: column wrap;
  width: 16.667vw;
  height: 390px;
  left: -6vw;
}
body .main-contain header #main-menu .navbar .navbar-nav #menu-lib:hover .dropdown-menu li {
  margin: 0 0.5% 0% 0;
}
body .main-contain header #main-menu .navbar .navbar-nav #menu-lib:hover .dropdown-menu li a:hover {
  background-color: #e87c78c2;
}
body .main-contain header #main-menu .navbar .navbar-nav .dropdown-menu {
  background: unset;
  border: none;
  box-shadow: unset;
  padding: 0;
  left: -20%;
}
body .main-contain header #main-menu .navbar .navbar-nav .dropdown-menu li {
  background: #fff;
  border-bottom: 1px solid #260f0f;
}
body .main-contain header #main-menu .navbar .navbar-nav .dropdown-menu li a {
  font-size: 14px;
  color: #340200;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
  text-align: center;
}
body .main-contain header #main-menu .navbar .navbar-nav .dropdown-menu li:hover {
  opacity: 0.65;
}
body .main-contain header #main-menu .navbar .navbar-nav .dropdown-menu li:hover a {
  color: #5c0300;
}
body .main-contain #slider {
  margin-top: -50px;
}
body .main-contain #slider .left-slider {
  width: 313px;
  float: left;
  padding-top: 50px;
  transform: scale(0.9);
}
body .main-contain #slider .left-slider .panel-download-game {
  background: url('../img/Bg-nut-tai-game-3k.png');
  width: 313px;
  height: 455px;
  position: relative;
}
body .main-contain #slider .left-slider .panel-download-game .btn-download {
  display: block;
  background: url('../img/download-btn.png') 0 0;
  width: 340px;
  height: 281px;
  animation: play-btn-download 1.5s steps(19) infinite;
  background-size: cover;
  top: -88px;
  left: -74px;
  position: absolute;
  z-index: 99;
}
body .main-contain #slider .left-slider .panel-download-game .btn-download a {
  position: absolute;
  width: 50%;
  height: 66%;
  top: 4%;
  right: 6.5%;
}
body .main-contain #slider .left-slider .panel-download-game .menu-slider {
  width: 262px;
  height: 93%;
  padding-top: 166px;
  margin: auto;
  position: relative;
}
body .main-contain #slider .left-slider .panel-download-game .menu-slider ul {
  width: 100%;
  height: 100%;
  list-style-type: none;
  padding: 0;
}
body .main-contain #slider .left-slider .panel-download-game .menu-slider ul li {
  height: 25%;
  position: relative;
  display: block;
}
body .main-contain #slider .left-slider .panel-download-game .menu-slider ul li a {
  width: 100%;
  height: 100%;
  padding: 10px;
  position: absolute;
  text-decoration: unset;
  font-size: 30px;
  text-align: center;
  color: #f9ac81;
}
body .main-contain #slider .left-slider .panel-download-game .menu-slider ul li a:hover {
  color: #d93601;
  font-weight: bold;
}
body .main-contain #slider .right-slider {
  width: calc(100% - 313px);
  min-height: 100px;
  float: left;
  padding: 35px 0 10px 10px;
}
body .main-contain #slider .right-slider img {
  width: 787px;
  height: 441px;
  object-fit: contain;
}
body .main-contain #slider .right-slider .owl-stage {
  overflow-y: hidden;
  max-height: 441px;
}
body .main-contain #slider .right-slider .owl-dots .owl-dot {
  outline: none;
}
body .main-contain #slider .right-slider .owl-dots .owl-dot span {
  background: url('../img/Images.png');
  height: 18px;
  width: 18px;
  background-position: -1180px -153px;
}
body .main-contain #slider .right-slider .owl-dots .active span {
  background-position: -1158px -153px;
}
body .main-contain #home-news {
  min-height: 100px;
  margin-bottom: 80px;
}
body .main-contain #home-news .content-home-news {
  min-height: 260px;
  background: rgba(216, 212, 210, 0.85);
  position: relative;
}
body .main-contain #home-news .content-home-news::before {
  content: '';
  width: 1px;
  height: 90%;
  position: absolute;
  left: 62%;
  top: 5%;
  background: #260f0f;
}
body .main-contain #home-news .content-home-news .tab-content {
  width: 100%;
  height: 100%;
  position: absolute;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane {
  width: 100%;
  height: 100%;
  position: absolute;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane .content-tab-pane-home-news {
  width: 100%;
  height: 100%;
  position: absolute;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .left-content-home-news > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .left-content-home-news {
  width: 62%;
  height: 100%;
  position: relative;
  float: left;
  padding: 0;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .left-content-home-news .avatar-large-news {
  width: 35%;
  position: relative;
  float: left;
  padding: 40px;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .left-content-home-news .avatar-large-news img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .left-content-home-news .info-large-news {
  width: 65%;
  position: relative;
  float: left;
  height: 260px;
  padding: 40px 40px 40px 0;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .left-content-home-news .info-large-news .title-large-news a {
  text-decoration: none;
  color: #260f0f;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .left-content-home-news .info-large-news .title-large-news a h2 {
  margin-top: 0;
  margin-bottom: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 26px;
  font-weight: bold;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .left-content-home-news .info-large-news .title-large-news a:hover {
  color: #a3620a;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .left-content-home-news .info-large-news .desc-large-news p {
  font-size: 20px;
  line-height: 40px;
  height: 140px;
  overflow: auto;
  color: #603913;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .right-content-home-news {
  width: 38%;
  height: 100%;
  position: relative;
  float: left;
  padding: 30px;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .right-content-home-news .info-small-news {
  height: 25%;
  width: 100%;
  position: relative;
  display: table;
  table-layout: fixed;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .right-content-home-news .info-small-news .avatar-small-news {
  display: table-cell;
  vertical-align: middle;
  width: 40px;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .right-content-home-news .info-small-news .avatar-small-news .icon-small-news {
  background: url('../img/Images.png');
  height: 31px;
  width: 30px;
  background-position: -1213px -138px;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .right-content-home-news .info-small-news .title-small-news {
  display: table-cell;
  vertical-align: middle;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .right-content-home-news .info-small-news .title-small-news a {
  text-decoration: none;
  color: #260f0f;
  font-size: 20px;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .right-content-home-news .info-small-news .title-small-news a h2 {
  font-size: 18px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
body .main-contain #home-news .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .right-content-home-news .info-small-news .title-small-news a:hover {
  color: #603913;
}
body .main-contain #fanpage-new {
  width: 100%;
  min-height: 700px;
}
body .main-contain #home-info-game {
  background: url('../img/tia-lua-Left.png.html'), url('../img/tia-lua-Right.png.html');
  background-position: left top, right top;
  background-repeat: no-repeat, no-repeat;
  min-height: 700px;
  width: 100%;
  position: relative;
  margin-top: -1px;
  margin-bottom: 80px;
}
body .main-contain #home-info-game .haft-top-info-game .top-bg-haft-info {
  background: url('../img/Images.png');
  width: 1170px;
  height: 227px;
  background-position: 0px -350px;
  background-size: 1704px;
  position: absolute;
  left: 48%;
  margin-left: calc(-585px);
}
body .main-contain #home-info-game .haft-top-info-game .content-haft-top-info-game {
  padding-top: 150px;
  margin-bottom: 50px;
  display: inline-block;
}
body .main-contain #home-info-game .haft-top-info-game .content-haft-top-info-game ul {
  margin: 0;
  list-style-type: none;
}
body .main-contain #home-info-game .haft-top-info-game .content-haft-top-info-game ul li {
  background: url('../img/Images.png');
  width: 311px;
  height: 364px;
  background-position: 623px -403px;
  float: left;
  position: relative;
  margin-left: -45px;
  /*&:nth-child(2) {
                                a {
                                    font-size: 18px;
                                    line-height: 25px;
                                    padding: 110px 115px;
                                }
                            }*/

}
body .main-contain #home-info-game .haft-top-info-game .content-haft-top-info-game ul li:nth-child(2n) {
  margin-top: 136px;
}
body .main-contain #home-info-game .haft-top-info-game .content-haft-top-info-game ul li:hover {
  background-position: 311.5px -403px;
}
body .main-contain #home-info-game .haft-top-info-game .content-haft-top-info-game ul li a {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 115px 100px;
  text-decoration: none;
  font-size: 24px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #fce4ca;
  line-height: 35px;
}
body .main-contain #home-info-game .haft-top-info-game .content-haft-top-info-game ul li a:hover {
  color: #790000;
}
body .main-contain #home-info-game .haft-bottom-info-game .left-bg-haft-bottom-info-game {
  background: url('../img/quan-vu-weapon.png.html');
  position: absolute;
  left: -250px;
  bottom: -100px;
  height: 776px;
  width: 308px;
  background-size: contain;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-bg-haft-bottom-info-game {
  background: url('../img/truong-phi-weapon.png.html');
  position: absolute;
  right: -250px;
  bottom: -100px;
  height: 776px;
  width: 308px;
  background-size: contain;
}
body .main-contain #home-info-game .haft-bottom-info-game .left-haft-bottom-info-game {
  width: 50%;
  float: left;
  min-height: 100px;
  padding-right: 5px;
}
body .main-contain #home-info-game .haft-bottom-info-game .left-haft-bottom-info-game .tb {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: url('../img/bang-dacsac-bangvang-thaithu.png.html');
  background-size: cover;
  height: 350px;
  padding: 5px;
}
body .main-contain #home-info-game .haft-bottom-info-game .left-haft-bottom-info-game .tb .tb-row {
  display: table-row;
  width: 100%;
  height: 40px;
}
body .main-contain #home-info-game .haft-bottom-info-game .left-haft-bottom-info-game .tb .tb-row .tb-cell {
  display: table-cell;
  width: calc(16.666666667%);
  position: relative;
}
body .main-contain #home-info-game .haft-bottom-info-game .left-haft-bottom-info-game .tb .tb-row .tb-cell a {
  width: 98%;
  height: 94%;
  position: absolute;
  top: 0;
  text-align: center;
  margin: 1%;
  background: #fef0e0;
  text-decoration: none;
  color: #362f2d;
  white-space: pre-wrap;
  line-height: 40px;
  text-transform: capitalize;
}
body .main-contain #home-info-game .haft-bottom-info-game .left-haft-bottom-info-game .tb .tb-row .tb-cell a.tb-h {
  font-weight: bold;
  color: #fff;
  background: url('../img/Images.png');
  background-position: -1px -110px;
  background-size: 2300px;
}
body .main-contain #home-info-game .haft-bottom-info-game .left-haft-bottom-info-game .tb .tb-row .tb-cell a.line-2 {
  line-height: 16px;
  padding: 3%;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game {
  width: 50%;
  float: left;
  min-height: 100px;
  padding-left: 5px;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: url('../img/bang-dacsac-bangvang-thaithu.png.html');
  background-size: cover;
  height: 350px;
  position: relative;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .bg-content-right-haft-bottom-info-game {
  width: 100%;
  height: 100%;
  position: absolute;
  padding-top: 67px;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .bg-content-right-haft-bottom-info-game ul {
  margin: 0;
  padding: 5px;
  list-style-type: none;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .bg-content-right-haft-bottom-info-game ul li {
  height: 24px;
  background-color: #e8dbcc;
  margin-bottom: 1px;
  /*&:first-child {
                                        background-color: unset;
                                        margin-bottom: 5px;
                                        height: 31px;

                                        ul {
                                            list-style-type: none;
                                            height: 100%;
                                            padding: 0;

                                            li {
                                                float: left;
                                                height: 100%;
                                                background: url('@{images}Images.png');
                                                background-position: -595px -95px;
                                                margin-right: 5px;
                                                margin-bottom: 0;

                                                span {
                                                    display: block;
                                                    text-align: center;
                                                    padding: 6px;
                                                    font-weight: bold;
                                                    font-size: 16px;
                                                    color: #d7d7d7;
                                                    text-shadow: -1px 1px #000, 0px -1px #000, -2px 0px #000, 1px 0px #000;
                                                }

                                                &:nth-child(1) {
                                                    width: 17.5%;
                                                }

                                                &:nth-child(2) {
                                                    width: 28%;
                                                }

                                                &:nth-child(3) {
                                                    width: 26%;
                                                }

                                                &:nth-child(4) {
                                                    width: 26%;
                                                    margin-right: 0;
                                                }
                                            }
                                        }
                                    }*/

}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .bg-content-right-haft-bottom-info-game ul li:nth-child(2n) {
  background-color: #fef0e0;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .bg-content-right-haft-bottom-info-game ul li:last-child {
  background: unset;
  text-align: right;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .title-right-haft-bottom-info-game {
  height: 31px;
  position: relative;
  width: 100%;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .title-right-haft-bottom-info-game ul {
  padding-left: unset;
  list-style-type: none;
  height: 31px;
  margin: 0;
  border-bottom: unset;
  width: 410px;
  float: left;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .title-right-haft-bottom-info-game ul li {
  height: 100%;
  float: left;
  position: relative;
  width: 200px;
  background: url('../img/Images.png');
  background-position: -105px -95px;
  margin-right: 5px;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .title-right-haft-bottom-info-game ul li a {
  width: 100%;
  height: 100%;
  padding: 5px;
  position: absolute;
  text-decoration: unset;
  line-height: 23px;
  font-size: 18px;
  text-align: center;
  color: #c7b299;
  text-transform: capitalize;
  background: unset;
  border: none;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .title-right-haft-bottom-info-game ul li a:hover {
  color: #fff;
  font-weight: bold;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .title-right-haft-bottom-info-game ul li.active {
  background: url('../img/Images.png');
  background-position: -350px -95px;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .title-right-haft-bottom-info-game ul li.active a {
  color: #fff;
  font-weight: bold;
  background: unset;
  border: none;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .tab-pane {
  height: 292px;
  z-index: 1;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .cover-table-info-game {
  padding: 0 5px;
  position: relative;
  width: 100%;
  min-height: 100px;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .cover-table-info-game .table-info-game {
  width: 100%;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .cover-table-info-game .table-info-game tr td {
  height: 25px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #362f2d;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .cover-table-info-game .table-info-game tr td:nth-child(1) {
  width: 17%;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .cover-table-info-game .table-info-game tr td:nth-child(2) {
  width: 28%;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .cover-table-info-game .table-info-game tr td:nth-child(3) {
  width: 26%;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .cover-table-info-game .table-info-game tr td:nth-child(4) {
  width: 26%;
  margin-right: 0;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .cover-table-info-game .table-info-game.type-2 td {
  width: 32.7% !important;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .cover-table-info-game .table-info-game.type-2 td:last-child {
  margin-right: 0;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .header-bottom-info-game {
  padding: 5px;
  height: 41px;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .header-bottom-info-game ul {
  list-style-type: none;
  height: 100%;
  padding: 0;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .header-bottom-info-game ul li {
  float: left;
  height: 100%;
  background: url('../img/Images.png');
  background-position: -595px -95px;
  margin-right: 5px;
  margin-bottom: 0;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .header-bottom-info-game ul li span {
  display: block;
  text-align: center;
  padding: 6px;
  font-weight: bold;
  font-size: 16px;
  color: #d7d7d7;
  text-shadow: -1px 1px #000, 0px -1px #000, -2px 0px #000, 1px 0px #000;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .header-bottom-info-game ul li:nth-child(1) {
  width: 17%;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .header-bottom-info-game ul li:nth-child(2) {
  width: 28%;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .header-bottom-info-game ul li:nth-child(3) {
  width: 26%;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .header-bottom-info-game ul li:nth-child(4) {
  width: 26%;
  margin-right: 0;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .header-bottom-info-game.type-2 ul li {
  background-size: 2400px;
  background-position: -707px -113px;
  width: 32.7%;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .header-bottom-info-game.type-2 ul li:last-child {
  margin-right: 0;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game select {
  right: 0;
  position: absolute;
  width: calc(100% - 21.615vw);
  margin-top: 3px;
  margin-right: 5px;
  height: 25px;
  z-index: 99;
  cursor: pointer;
  background: #fef0e0;
  color: #362f2d;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game select option {
  background: #736357;
  opacity: 0.95;
  color: #d7d7d7;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game select option:hover,
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game select option:checked {
  box-shadow: 0 0 10px 100px #534741 inset;
  background: #534741 !important;
}
body .main-contain #home-info-game .haft-bottom-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game select:focus option:checked {
  background: #534741 !important;
}
body .main-contain #home-game-character {
  min-height: 1080px;
  position: relative;
  margin-top: -1px;
}
body .main-contain #home-game-character .bg-game-character {
  background: url('../img/background-nhan-vat.png.html') bottom center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0px;
}
body .main-contain #home-game-character .content-game-character {
  width: 100%;
  position: relative;
}
body .main-contain #home-game-character .content-game-character .info-character {
  width: calc(33.333333333%);
  float: left;
  min-height: 100px;
}
body .main-contain #home-game-character .content-game-character .info-character .cover-content-info-character {
  background: url('../img/bang-thong-tin-nhan-vat.png.html');
  background-size: cover;
  width: 100%;
  height: 500px;
  padding: 15px;
}
body .main-contain #home-game-character .content-game-character .info-character .cover-content-info-character .content-info-character {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 0 15px;
}
body .main-contain #home-game-character .content-game-character .info-character .cover-content-info-character .content-info-character img {
  max-width: 100%;
  height: auto !important;
}
body .main-contain #home-game-character .content-game-character .choose-character {
  width: calc(25%);
  float: right;
  min-height: 100px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul {
  list-style-type: none;
  padding: 0;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li {
  padding-right: 100px;
  width: 230px;
  margin: 30px 0;
  cursor: pointer;
  position: relative;
  float: left;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(2n) {
  float: right;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li a {
  background: url('../img/Images.png');
  background-position: -894px -96px;
  height: 23px;
  width: 128px;
  display: block;
  padding: 0 15px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #603913;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li::after {
  content: '';
  position: absolute;
  background: url('../img/Images.png');
  width: 96px;
  height: 95px;
  right: 14px;
  top: -36px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(1)::after {
  background-position: -1px -140px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(1):hover::after {
  background-position: -97px -140px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(1).active::after {
  background-position: -97px -140px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(2)::after {
  background-position: -192px -140px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(2):hover::after {
  background-position: -288px -140px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(2).active::after {
  background-position: -288px -140px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(3)::after {
  background-position: -385px -140px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(3):hover::after {
  background-position: -481px -140px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(3).active::after {
  background-position: -481px -140px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(4)::after {
  background-position: -577px -140px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(4):hover::after {
  background-position: -673px -140px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(4).active::after {
  background-position: -673px -140px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(5)::after {
  background-position: -770px -140px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(5):hover::after {
  background-position: -866.5px -140px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(5).active::after {
  background-position: -866.5px -140px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(6)::after {
  background-position: -962px -140px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(6):hover::after {
  background-position: -1058px -140px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:nth-child(6).active::after {
  background-position: -1058px -140px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li:hover a {
  color: #fff;
  font-weight: bold;
  background-position: -765px -96px;
}
body .main-contain #home-game-character .content-game-character .choose-character ul li.active a {
  color: #fff;
  font-weight: bold;
  background-position: -765px -96px;
}
body .main-contain #home-game-character .content-game-character .img-character {
  width: 100%;
  float: left;
  height: 1080px;
  position: absolute;
  background: url('../img/vo-tuong.png.html');
  background-repeat: no-repeat !important;
  z-index: -99;
  transition: 1s ease;
}
body .main-contain #home-video {
  height: 100%;
  width: 100%;
  position: relative;
  margin-bottom: 250px;
}
body .main-contain #home-video iframe {
  width: 100%;
  height: 1000px;
}
body .main-contain #home-video .top-bg-home-video {
  background: url('../img/Khung-top.png.html') top center no-repeat;
  background-size: cover;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 553px;
  top: -410px;
}
body .main-contain #home-video .left-bg-home-video {
  background: url('../img/Khung-left.png.html') left no-repeat;
  z-index: 1;
  position: absolute;
  width: 30%;
  height: 1120px;
  top: -120px;
}
body .main-contain #home-video .right-bg-home-video {
  background: url('../img/Khung-right.png.html') right no-repeat;
  z-index: 1;
  position: absolute;
  right: 0;
  width: 30%;
  height: 1120px;
  top: -120px;
}
body .main-contain #home-video .bottom-bg-home-video {
  background: url('../img/Khung-bottom.png.html') bottom center no-repeat;
  background-size: cover;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 420px;
  bottom: -265px;
}
body .main-contain #home-video .bottom-bg-home-video:before {
  content: '';
  background: url('../img/Khung-bottom.png.html') bottom center no-repeat;
  background-size: cover;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 420px;
  bottom: -265px;
  top: -160px;
}
body .main-contain #home-video .list-video {
  position: absolute;
  z-index: 99;
  width: 1300px;
  left: 50%;
  margin-left: -650px;
  bottom: -18px;
  overflow: hidden;
}
@media (max-width: 1299px) {
  body .main-contain #home-video .list-video {
    width: 100%;
    left: unset;
    margin-left: unset;
  }
}
body .main-contain #home-video .list-video .content-list-video .item-list-video {
  float: left;
  padding: 0 5px;
  cursor: pointer;
  position: relative;
}
body .main-contain #home-video .list-video .content-list-video .item-list-video img {
  height: 200px;
  object-fit: cover;
  width: 100%;
}
@media (max-width: 1299px) {
  body .main-contain #home-video .list-video .content-list-video .item-list-video img {
    height: 180px;
  }
}
body .main-contain #home-video .list-video .content-list-video .item-list-video .title-item-list-video {
  position: absolute;
  bottom: 0;
  width: calc( 100% - 10px);
  padding: 0 15px;
  background: rgba(0, 0, 0, 0.8);
}
body .main-contain #home-video .list-video .content-list-video .item-list-video .title-item-list-video h4 {
  color: #e0e0e0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body .main-contain #home-wallpaper {
  min-height: 500px;
  margin-bottom: 10px;
}
body .main-contain #home-wallpaper .content-home-wallpaper .list-wallpaper .item-wallpaper {
  width: calc(12.5%);
  float: left;
  padding: 3px;
  cursor: pointer;
  -webkit-filter: opacity(85%);
  filter: opacity(85%);
}
body .main-contain #home-wallpaper .content-home-wallpaper .list-wallpaper .item-wallpaper img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}
body .main-contain #home-wallpaper .content-home-wallpaper .list-wallpaper .item-wallpaper.active {
  -webkit-filter: initial;
  filter: initial;
}
body .main-contain #home-fansite .left-home-fansite {
  width: 50%;
  float: left;
  padding-right: 5px;
}
body .main-contain #home-fansite .left-home-fansite .content-left-home-fansite {
  width: 100%;
  background: url('../img/bang-dacsac-bangvang-thaithu.png.html');
  background-size: cover;
  height: 200px;
  position: relative;
  padding: 15px;
}
body .main-contain #home-fansite .left-home-fansite .content-left-home-fansite .content-ruler {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 0 15px;
}
body .main-contain #home-fansite .right-home-fansite {
  width: 50%;
  float: left;
  padding-left: 5px;
}
body .main-contain #detail-content .content-detail-content {
  background: url('../img/background-bai-viet-start.png'), url('../img/background-bai-viet-end.png');
  background-position: top center, bottom center;
  background-repeat: repeat-y, no-repeat;
  background-size: cover;
  padding: 50px 0;
}
body .main-contain #detail-content .content-detail-content .breadcrumb {
  background: url('../img/Images.png');
  background-position: -9px 67px;
  background-size: 1980px;
  width: 100%;
  height: 65px;
  padding: 12px 80px 16px;
  position: relative;
}
body .main-contain #detail-content .content-detail-content .breadcrumb ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  height: 100%;
}
body .main-contain #detail-content .content-detail-content .breadcrumb ul li {
  height: 100%;
  position: relative;
  float: left;
  padding-right: 20px;
  margin-left: 10px;
}
body .main-contain #detail-content .content-detail-content .breadcrumb ul li a {
  line-height: 45px;
  color: #603913;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}
body .main-contain #detail-content .content-detail-content .breadcrumb ul li:first-child {
  background: url('../img/Images.png');
  background-position: -1256px -173px;
  width: 38px;
}
body .main-contain #detail-content .content-detail-content .breadcrumb ul li:first-child a {
  position: absolute;
}
body .main-contain #detail-content .content-detail-content .breadcrumb ul li:nth-child(n+1):after {
  content: '';
  background: url('../img/Images.png');
  background-position: -1157px -177px;
  right: 0px;
  top: 16px;
  position: absolute;
  width: 11px;
  height: 11px;
}
body .main-contain #detail-content .content-detail-content .breadcrumb ul li:last-child:after {
  display: none;
}
body .main-contain #detail-content .content-detail-content .breadcrumb .datetime-breadcrumb {
  background: url('../img/Images.png');
  background-position: 623px -12px;
  height: 27px;
  width: 180px;
  right: 80px;
  top: 19px;
  position: absolute;
}
body .main-contain #detail-content .content-detail-content .breadcrumb .datetime-breadcrumb:before {
  content: '';
  background: url('../img/Images.png');
  background-position: 623px -12px;
  height: 27px;
  width: 113px;
  right: 0;
  top: 0;
  position: absolute;
}
body .main-contain #detail-content .content-detail-content .breadcrumb .datetime-breadcrumb .content-datetime-breadcrumb {
  position: absolute;
  width: 180px;
}
body .main-contain #detail-content .content-detail-content .breadcrumb .datetime-breadcrumb .content-datetime-breadcrumb .total-view {
  padding-left: 25px;
  float: left;
  padding-right: 0;
  width: 75px;
  position: relative;
  text-align: center;
}
body .main-contain #detail-content .content-detail-content .breadcrumb .datetime-breadcrumb .content-datetime-breadcrumb .total-view:before {
  content: '';
  background: url('../img/view-icon.png.html');
  height: 15px;
  width: 22px;
  left: 5px;
  top: 7px;
  position: absolute;
}
body .main-contain #detail-content .content-detail-content .breadcrumb .datetime-breadcrumb .content-datetime-breadcrumb .total-view:after {
  content: '';
  background-color: #603913;
  height: 15px;
  width: 1px;
  right: 0;
  top: 7px;
  position: absolute;
}
body .main-contain #detail-content .content-detail-content .breadcrumb .datetime-breadcrumb .content-datetime-breadcrumb span {
  line-height: 30px;
  font-size: 16px;
  color: #603913;
  float: right;
  padding-right: 20px;
}
body .main-contain #detail-content .content-detail-content .breadcrumb .icon-breadcrumb {
  background: url('../img/Images.png');
  background-position: 440px -8px;
  height: 113px;
  width: 50px;
  right: 20px;
  top: -30px;
  position: absolute;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content {
  padding: 0 30px;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .list_item_detail_content #list_item .item-single {
  width: 10%;
  float: left;
  padding: 2px;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .list_item_detail_content #list_item .item-single a {
  padding: 2px;
  display: block;
  border: solid 1px #545454;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .list_item_detail_content #list_item .item-single a img {
  width: 35px;
  height: 35px;
  object-fit: cover;
  display: block;
  margin: auto;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .list_item_detail_content #list_item .item-single.active a {
  background: #721E04;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .list_item_detail_content .content-item img {
  max-width: 100% !important;
  height: auto !important;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .tlb-list-sub-item {
  width: unset;
  margin: 0 auto 20px;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .tlb-list-sub-item tr td {
  border-top: unset;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .tlb-list-sub-item tr td a {
  text-align: center;
  text-decoration: none;
  display: block;
  color: #eee;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .tlb-list-sub-item tr td a span {
  box-shadow: 1px 0 10px #202020 inset;
  -moz-box-shadow: 1px 0 10px #202020 inset;
  -webkit-box-shadow: 1px 0 10px #202020 inset;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #404040;
  font-weight: bold;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .tlb-list-sub-item tr td a.active {
  color: #EDC214;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .detail-post {
  width: 100%;
  position: relative;
  padding: 0 70px 25px;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .detail-post img {
  max-width: 100%;
  height: auto !important;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .detail-post:after {
  content: '';
  background: url('../img/Images.png');
  background-position: 0px -688px;
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .detail-post #list-img tr td {
  width: 25%;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .detail-post #list-img tr td img {
  width: 100%;
  height: 150px;
  object-fit: cover;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .detail-post .list_nav_rank {
  margin: 0px;
  padding: 0;
  float: left;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .detail-post .list_nav_rank li {
  float: left;
  margin-right: 30px;
  list-style: none;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .detail-post .list_nav_rank li a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post {
  padding: 0 15px;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post .title-relate-post h4 {
  color: #603913;
  font-size: 18px;
  font-weight: bold;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post .content-relate-post {
  padding-top: 5px;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post .content-relate-post .relate-post-item {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 15px 0px;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post .content-relate-post .relate-post-item .title-relate-post-item {
  display: table-cell;
  width: 80%;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post .content-relate-post .relate-post-item .title-relate-post-item a {
  padding-left: 20px;
  position: relative;
  color: #603913;
  font-weight: bold;
  text-decoration: none;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post .content-relate-post .relate-post-item .title-relate-post-item a:before {
  content: '';
  background: url('../img/Images.png');
  background-position: -1168px -171px;
  width: 20px;
  height: 20px;
  left: 0;
  position: absolute;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post .content-relate-post .relate-post-item .title-relate-post-item a:hover,
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post .content-relate-post .relate-post-item .title-relate-post-item a:focus {
  color: #a3620a;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post .content-relate-post .relate-post-item .datetime-relate-post-item {
  display: table-cell;
  width: 20%;
  text-align: right;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post .content-relate-post .relate-post-item .datetime-relate-post-item span {
  color: #603913;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post nav.paging .pagination .page-item .page-link {
  background-color: unset;
  border: unset;
  color: #603913;
  padding: 6px 6px;
  font-size: 16px;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post nav.paging .pagination .page-item.active .page-link {
  color: #362f2d;
  font-weight: bold;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post nav.paging .pagination .prev-start .page-link:before,
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post nav.paging .pagination .next-end .page-link:before {
  content: '';
  background: url('../img/Images.png');
  background-position: 304px -51px;
  background-size: 800px;
  height: 19px;
  width: 10px;
  position: absolute;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post nav.paging .pagination .prev .page-link span,
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post nav.paging .pagination .next .page-link span,
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post nav.paging .pagination .prev-start .page-link span,
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post nav.paging .pagination .next-end .page-link span {
  background: url('../img/Images.png');
  background-position: 304px -51px;
  background-size: 800px;
  height: 19px;
  width: 10px;
  display: flex;
}
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post nav.paging .pagination .next .page-link span,
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post nav.paging .pagination .next-end .page-link span,
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post nav.paging .pagination .next .page-link:before,
body .main-contain #detail-content .content-detail-content .cover-info-detail-content .relate-post nav.paging .pagination .next-end .page-link:before {
  transform: rotate(180deg);
}
body .main-contain footer {
  padding: 3.125vw 0;
}
body .main-contain footer .content-footer {
  display: table;
  table-layout: fixed;
}
body .main-contain footer .content-footer .f-item-1 {
  display: table-cell;
  vertical-align: middle;
}
body .main-contain footer .content-footer .f-item-1 .dzo-icon {
  background: url(../img/dzomenu-logo/dzogame-logo-light.png.html) no-repeat;
  background-size: cover;
  height: 4.688vw;
  position: relative;
  width: 13.125vw;
  float: left;
}
body .main-contain footer .content-footer .f-item-2 {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
body .main-contain footer .content-footer .f-item-2 .info-dzo {
  text-align: center;
  color: #959595;
}
body .main-contain footer .content-footer .f-item-3 {
  display: table-cell;
  vertical-align: middle;
}
body .main-contain footer .content-footer .f-item-3 .game-icon {
  background: url('../img/Images.png');
  background-position: -967px -241px;
  height: 4.167vw;
  position: relative;
  width: 13.646vw;
  float: left;
}
body .popup-ads {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44.58333333vw;
  height: max-content;
  padding: 0.260416vw;
  background-color: #000;
  z-index: 99;
}
body .popup-ads .close-popup {
  position: absolute;
  top: 0;
  right: 0;
}
body .popup-ads .close-popup span {
  position: relative;
  padding: 0 0.260416vw;
  min-width: 2.083333vw;
  height: 2.083333vw;
  color: #F43E1B;
  font-size: 16pt;
  font-weight: bold;
  vertical-align: text-top;
  text-decoration: unset;
  cursor: pointer;
}
body .popup-ads .close-popup span:focus {
  text-decoration: unset;
}
body .popup-ads .close-popup span:hover {
  color: #F43E1B;
  text-decoration: unset;
}
body .popup-ads .link-ads {
  position: absolute;
  width: 100%;
  height: 100%;
}
body .popup-ads .body-popup {
  width: 100%;
  height: 100%;
}
body .popup-ads .body-popup .screen {
  width: 100%;
  height: 100%;
  aspect-ratio: 1.777777778;
}
body .popup-ads .body-popup .title-ads {
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-family: 16pt;
  font-weight: 600;
  color: #fff;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
body .popup-ads .body-popup .title-ads .checkBox {
  position: relative;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: small;
}
body .popup-ads .body-popup .title-ads .checkBox #isShowDay {
  width: 20px;
  height: 20px;
  margin: 0 5px;
}
body .popup-ads .body-popup .title-ads .btn-download-game {
  position: relative;
  width: 254px;
  height: 66px;
  background: url("https://xd.dzogame.vn/Assets/Landing/Landing_ThienXaThanDieu/imgs/Page/btn-regis.png") no-repeat;
  background-size: 100% 200%;
  cursor: pointer;
}
@keyframes play-btn-download {
  100% {
    background-position: 0 5339px;
  }
}
::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}
/* Track */

::-webkit-scrollbar-track {
  background: #d7d7d7;
  box-shadow: inset 0 0 5px grey;
  border-radius: 50px;
}
/* Handle */

::-webkit-scrollbar-thumb {
  background: #acacac;
  box-shadow: inset 0 0 5px grey;
  border-radius: 50px;
}
/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background: #555;
}
/*::-webkit-scrollbar-thumb {
    background: #9c6d33;
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}*/

@media print {
  body,
  main-contain {
    padding: 0 !important;
  }
  header,
  aside,
  form,
  #cover-menu-dzo,
  .logo18,
  #slider,
  .title-section,
  .relate-post,
  .countUserIPLogin {
    display: none !important;
  }
  a:after {
    content: "(" attr(href) ")";
  }
}
@media (min-width: 1170px) {
  .container {
    width: 1170px;
  }
}
@media (max-width: 1170px) {
  .container {
    width: 100%;
  }
  .logo {
    left: 0 !important;
  }
  /*html{
          zoom:0.9;
      }*/
  
  /*#main-menu {
          padding-left: 50px;
      }*/
  
  /*.wrap-content,header {
          transform-origin:0 0;
      }*/
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
  .container {
    padding-right: unset !important;
    padding-left: unset !important;
    margin-right: unset !important;
    margin-left: unset !important;
    width: 100vw !important;
    margin-top: 11vw;
  }
  .menu {
    display: flex;
  }
  body #ChoosePaymentMethod {
    scale: 2;
    top: 50% !important;
    left: 50% !important;
    padding-left: unset !important;
  }
  body #ChoosePaymentMethod .modal-dialog .modal-content .modal-header {
    padding: 1.465vw 0.488vw 1.465vw 0.488vw;
  }
  body #ChoosePaymentMethod .modal-dialog .modal-content .modal-header .close {
    margin-top: -1.563vw;
  }
  body #ChoosePaymentMethod .modal-dialog .modal-content .modal-body {
    margin: 0px 1.953vw 0.977vw 1.953vw;
  }
  body .popup-alert-container .popup-alert .body-popup img {
    max-height: 66.79166667vw;
  }
  body .popup-ads {
    top: unset;
    bottom: 0;
    transform: translate(-50%, 0);
    width: 100%;
  }
  body .main-contain {
    padding-top: 1vw;
  }
  body .main-contain header #main-menu {
    width: 100vw !important;
    background-color: #bfbfbf;
    padding: 0.4vw;
    position: relative;
    z-index: 9900;
  }
  body .main-contain header #main-menu .container {
    background-color: #bfbfbf;
    width: 98vw !important;
    margin: auto !important;
  }
  body .main-contain header #main-menu .container .bg-menu {
    display: none;
  }
  body .main-contain header #main-menu .navbar-mb {
    width: 93.359vw;
    display: flex;
    justify-content: space-between;
  }
  body .main-contain header #main-menu .navbar-mb .title-mb {
    width: 20%;
    margin-left: 1%;
  }
  body .main-contain header #main-menu .navbar-mb .title-mb p {
    font-size: 2.3vw;
    font-weight: bold;
    margin: 0 0 0px !important;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box {
    display: flex;
    width: 30%;
    justify-content: space-around;
    align-items: center;
    /*.dropdown {
                                  
  
                                  .dropdown-menu-mb {
                                      background-color: black;
                                      top: 6.348vw;
                                      left: -9.668vw;
  
                                      li {
                                          a {
                                              color: white;
                                              font-size: 2.5vw;
                                          }
  
                                          .sub-menu-mb {
                                              background-color: black;
                                              position: absolute;
                                              left: -100px;
                                              top: -6px;
                                              display:none;
  
                                              &.active{
                                                  display:block;
                                              }
  
                                              .sub-menu-mb-item {
                                                  width: max-content;
                                                  height: max-content;
                                                  color: white;
  
                                                  a {
                                                      font-size: 2vw;
                                                  }
                                              }
                                          }
                                      }
                                  }
                              }*/
  
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .btn-mb-register {
    width: 15.625vw;
    height: 5.859vw;
    background: url('../img/nut-dky.png') no-repeat;
    background-size: 100% 100%;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .btn-mb-menu-nav {
    display: block;
    width: 5.859vw;
    height: 5.859vw;
    background: url('../img/nut-menu.png') no-repeat;
    background-size: 100% 100%;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .btn-mb-menu-nav.active {
    background: url('../img/nut-close.png') no-repeat;
    background-size: 100% 100%;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .header-nav {
    min-width: max-content;
    height: max-content;
    position: absolute;
    top: 5.3vh;
    right: 26.9vw;
    display: none;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: none;
    background: black;
    z-index: 3;
    padding: 0.9765625vh 0;
    transform: translateX(100%);
    transition: all ease 0.6s;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .header-nav.active {
    display: block;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .header-nav.show {
    transform: translateX(0);
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .header-nav .nav-links {
    width: max-content;
    height: max-content;
    display: flex;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0.9765625vh 0;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .header-nav .nav-links .link-nav {
    font-size: 3.1vw !important;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .header-nav .nav-links .sidebar-menu-header {
    position: relative;
    height: max-content;
    list-style: none;
    padding: 0.9765625vh;
    margin: 0;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .header-nav .nav-links .sidebar-menu-header li {
    position: relative;
    margin: 0;
    padding: 0.9765625vh 0;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .header-nav .nav-links .sidebar-menu-header li.treeview {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
    position: relative;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .header-nav .nav-links .sidebar-menu-header li.treeview a span {
    font-size: 3.1vw;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .header-nav .nav-links .sidebar-menu-header li.treeview .treeview-menu {
    margin: 0 1px;
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 5px;
    background-color: transparent;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .header-nav .nav-links .sidebar-menu-header li.treeview .treeview-menu.hd,
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .header-nav .nav-links .sidebar-menu-header li.treeview .treeview-menu.ds,
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .header-nav .nav-links .sidebar-menu-header li.treeview .treeview-menu.tv {
    overflow: auto;
    height: 20vh;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .header-nav .nav-links .sidebar-menu-header li.treeview .treeview-menu.active {
    display: block;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .header-nav .nav-links .sidebar-menu-header li.treeview .treeview-menu li {
    margin: 0;
    text-align: center;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .header-nav .nav-links .sidebar-menu-header li.treeview .treeview-menu li a {
    font-size: 2.2vw;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .header-nav .nav-links .link-nav {
    font-family: roboto;
    color: #fff;
    text-shadow: none;
    font-size: large;
    font-weight: bold;
    margin: 0 0.9765625vh;
    text-decoration: none;
    transition: all 0.3s linear;
    padding: 0.9765625vh;
    text-align: center;
  }
  body .main-contain header #main-menu .navbar {
    /*width: 100vw - 6.641vw;*/
    display: none;
  }
  body .main-contain header #main-menu .logo {
    background: url('../img/3K-icon.png') no-repeat;
    width: 6.641vw;
    height: 6.641vw;
    background-size: 100% 100%;
    position: relative;
    left: 0 !important;
    top: 0 !important;
  }
  body .main-contain .title-section.style-1 ul li.active::before,
  body .main-contain .title-section.style-2 ul li.active::before {
    display: none;
  }
  body .main-contain .wrap-content .countUserIPLogin {
    display: none;
  }
  body .main-contain .wrap-content #slider .container .left-slider {
    display: none;
  }
  body .main-contain .wrap-content #slider .container .right-slider {
    width: 100%;
    min-height: 100px;
    float: unset;
    padding: 0.733vh 0 0 0;
  }
  body .main-contain .wrap-content #slider .container .right-slider .owl-dots {
    margin-top: 2vh;
    margin-bottom: 1vh;
    scale: 2;
  }
  body .main-contain .wrap-content #home-news .container .title-section {
    background-color: #8A3E2E !important;
    height: 8.984vw;
    background: unset;
    background-position: unset;
  }
  body .main-contain .wrap-content #home-news .container .title-section ul {
    height: 8.984vw;
  }
  body .main-contain .wrap-content #home-news .container .title-section ul li {
    display: flex;
    justify-content: center;
  }
  body .main-contain .wrap-content #home-news .container .title-section ul li.active::before {
    background: unset;
    height: 8.984vw;
    background-color: #4E1C01 !important;
    width: 100%;
    left: unset;
    margin-left: unset;
  }
  body .main-contain .wrap-content #home-news .container .title-section ul li a {
    width: 40%;
    line-height: unset;
    font-size: 2.441vw;
    padding: 0.977vw;
    display: flex;
    justify-content: center;
  }
  body .main-contain .wrap-content #home-news .container .content-home-news {
    min-height: 51.758vw;
    background: unset;
  }
  body .main-contain .wrap-content #home-news .container .content-home-news::before {
    display: none;
  }
  body .main-contain .wrap-content #home-news .container .content-home-news .tab-content .tab-pane .content-tab-pane-home-news {
    display: flex;
    flex-direction: column;
  }
  body .main-contain .wrap-content #home-news .container .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .right-content-home-news {
    background: rgba(216, 212, 210, 0.85);
    width: 100%;
  }
  body .main-contain .wrap-content #home-news .container .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .left-content-home-news {
    background: rgba(216, 212, 210, 0.85);
    width: 100%;
    margin-bottom: 1%;
  }
  body .main-contain .wrap-content #home-news .container .content-home-news .tab-content .tab-pane .content-tab-pane-home-news .left-content-home-news .info-large-news .title-large-news a h2 {
    font-size: 3.354vw;
  }
  body .main-contain .wrap-content #home-info-game .haft-top-info-game .top-bg-haft-info {
    width: 100vw;
    height: 19.727vw;
    background-position: 0.684vw -84.082vw;
    background-size: 144%;
    position: absolute;
    left: 48%;
    margin-left: calc(-585px);
  }
  body .main-contain .wrap-content #home-info-game .haft-top-info-game .container .content-haft-top-info-game {
    display: unset;
    /* ul {
                                      margin: 0;
                                      list-style-type: none;
                                      padding: unset;
                                      grid-template-columns: 1fr 1fr;
                                      display: grid !important;
                                      grid-template-rows: 1fr 1fr;
                                      grid-auto-flow: column;
  
                                      li {
                                          float: unset;
                                          margin-left: unset;
                                          width: 65.198vw;
                                          height: 76.958vw;
                                          background-position: 130.448vw 77.01vw;
  
                                          &:nth-child(1) {
                                              top: 27%;
                                              left: 30%;
                                          }
  
                                          &:nth-child(2) {
                                              top: -25%;
                                              left: 30%;
                                          }
  
                                          &:nth-child(3) {
                                              top: 47%;
                                          }
  
                                          &:nth-child(4) {
                                              top: -4%;
                                          }
                                      }
                                  }*/
  
  }
  body .main-contain .wrap-content #home-info-game .haft-top-info-game .container .content-haft-top-info-game ul {
    position: relative;
    margin: auto;
    width: 84%;
    height: 110vw !important;
    padding: unset !important;
    display: flex !important;
    flex-wrap: wrap !important;
  }
  body .main-contain .wrap-content #home-info-game .haft-top-info-game .container .content-haft-top-info-game ul li {
    background: url(../img/Mobile/content-haft-top-info-game/frame-red.png.html) no-repeat !important;
    width: 37vw !important;
    height: 43vw !important;
    background-size: 100% 100% !important;
    float: left;
    margin: auto !important;
  }
  body .main-contain .wrap-content #home-info-game .haft-top-info-game .container .content-haft-top-info-game ul li:nth-child(1) {
    top: unset !important;
    left: unset !important;
  }
  body .main-contain .wrap-content #home-info-game .haft-top-info-game .container .content-haft-top-info-game ul li:nth-child(2) {
    top: unset !important;
    left: unset !important;
  }
  body .main-contain .wrap-content #home-info-game .haft-top-info-game .container .content-haft-top-info-game ul li:nth-child(3) {
    top: unset !important;
  }
  body .main-contain .wrap-content #home-info-game .haft-top-info-game .container .content-haft-top-info-game ul li:nth-child(4) {
    top: unset !important;
  }
  body .main-contain .wrap-content #home-info-game .haft-top-info-game .container .content-haft-top-info-game ul li a {
    padding: 12.667vw 12.417vw;
    text-decoration: none;
    font-size: 3.125vw;
    line-height: 4.167vw;
  }
  body .main-contain .wrap-content #home-info-game .haft-bottom-info-game .container #half-bottom-game {
    display: flex;
    flex-direction: column;
  }
  body .main-contain .wrap-content #home-info-game .haft-bottom-info-game .container #half-bottom-game .left-bg-haft-bottom-info-game {
    display: none;
  }
  body .main-contain .wrap-content #home-info-game .haft-bottom-info-game .container #half-bottom-game .right-bg-haft-bottom-info-game {
    display: none;
  }
  body .main-contain .wrap-content #home-info-game .haft-bottom-info-game .container #half-bottom-game .left-haft-bottom-info-game {
    width: 100%;
    padding: unset;
  }
  body .main-contain .wrap-content #home-info-game .haft-bottom-info-game .container #half-bottom-game .left-haft-bottom-info-game .tb .tb-row .tb-cell:nth-child(1) a:nth-child(1) {
    background: unset;
    background-position: unset;
    background-size: unset;
    background-color: #5D280C !important;
  }
  body .main-contain .wrap-content #home-info-game .haft-bottom-info-game .container #half-bottom-game .right-haft-bottom-info-game {
    width: 100%;
    margin-top: 2%;
    padding: unset;
  }
  body .main-contain .wrap-content #home-info-game .haft-bottom-info-game .container #half-bottom-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game select {
    width: calc(18.385%);
  }
  body .main-contain .wrap-content #home-info-game .haft-bottom-info-game .container #half-bottom-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .header-bottom-info-game ul li {
    background: unset;
    background-position: unset;
    background-color: #DDA652;
  }
  body .main-contain .wrap-content #home-game-character .container .content-game-character .info-character {
    width: calc(60%);
  }
  body .main-contain .wrap-content #home-game-character .container .content-game-character .choose-character {
    width: calc(35%);
  }
  body .main-contain .wrap-content #home-game-character .container .content-game-character .img-character {
    display: none;
  }
  body .main-contain .wrap-content #home-wallpaper {
    min-height: unset !important;
  }
  body .main-contain .wrap-content #home-wallpaper .container .home-wallpaper-col .content-home-wallpaper .list-wallpaper {
    display: none;
  }
  body .main-contain .wrap-content #home-wallpaper .container .home-wallpaper-col .content-home-wallpaper center a {
    font-size: 2.441vw;
  }
  body .main-contain .wrap-content #home-wallpaper .container .home-wallpaper-col .content-home-wallpaper center a::after {
    right: -0.586vw;
  }
  body .main-contain .wrap-content #home-fansite .container .home-fansite-col {
    display: flex;
    flex-direction: column;
  }
  body .main-contain .wrap-content #home-fansite .container .home-fansite-col .left-home-fansite {
    display: none;
  }
  body .main-contain .wrap-content #home-fansite .container .home-fansite-col .right-home-fansite {
    width: 100vw;
    float: unset;
    padding: unset;
  }
  body .main-contain footer .container {
    background-color: black;
  }
  body .main-contain footer .container .content-footer {
    display: flex !important;
    flex-wrap: wrap;
  }
  body .main-contain footer .container .content-footer .f-item {
    margin: 1vh 0 1vh 0 !important;
  }
  body .main-contain footer .container .content-footer .f-item.f-item-1 {
    order: 1;
    width: 50% !important;
  }
  body .main-contain footer .container .content-footer .f-item.f-item-1 .dzo-icon {
    margin: auto !important;
    float: unset !important;
    height: 10.688vw !important;
    width: 29.125vw !important;
  }
  body .main-contain footer .container .content-footer .f-item.f-item-2 {
    order: 3;
    width: 100% !important;
  }
  body .main-contain footer .container .content-footer .f-item.f-item-3 {
    order: 2;
    width: 50% !important;
  }
  body .main-contain footer .container .content-footer .f-item.f-item-3 .game-icon {
    margin: auto !important;
    float: unset !important;
    height: 10.167vw !important;
    width: 34.646vw !important;
    background: url(../img/Mobile/footer/UserJoy.png.html) no-repeat;
    background-size: cover !important;
  }
  body .combo-4-box {
    width: 100vw;
    height: 12.695vw;
    display: flex;
    background-color: #5D280C;
    position: fixed;
    bottom: 0;
    z-index: 100;
  }
  body .combo-4-box .box-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  body .combo-4-box .box-container.container-line {
    border-right: 0.098vw solid white;
  }
  body .combo-4-box .box-container.cash-container {
    width: 25%;
  }
  body .combo-4-box .box-container.cash-container .cash-img {
    background: url('../img/Mobile/nap-cash.png.html') no-repeat;
    background-size: contain;
    width: 12.695vw;
    height: 4.297vw;
    scale: 1.5;
  }
  body .combo-4-box .box-container.gc-container {
    width: 25%;
  }
  body .combo-4-box .box-container.gc-container .gc-img {
    background: url('../img/Mobile/giftcode.png.html') no-repeat;
    background-size: contain;
    width: 12.695vw;
    height: 4.297vw;
    scale: 1.5;
  }
  body .combo-4-box .box-container.ip-bonus-container {
    width: 25%;
  }
  body .combo-4-box .box-container.ip-bonus-container .ip-bonus-img {
    background: url('../img/Mobile/IP-bonus.png.html') no-repeat;
    background-size: contain;
    width: 12.695vw;
    height: 4.297vw;
    scale: 1.5;
  }
  body .combo-4-box .box-container.ip-check-container {
    width: 25%;
  }
  body .combo-4-box .box-container.ip-check-container .ip-check-img {
    background: url('../img/Mobile/IP-check.png.html') no-repeat;
    background-size: contain;
    width: 12.695vw;
    height: 4.297vw;
    scale: 1.5;
  }
}
@media screen and (max-width: 480px) and (orientation: portrait) {
  .container {
    margin-top: 11vh !important;
  }
  body #ChoosePaymentMethod {
    scale: 1 !important;
    top: 0 !important;
    left: 0 !important;
    padding-left: unset;
  }
  body #ChoosePaymentMethod .modal-dialog {
    height: 100% !important;
    display: flex !important;
  }
  body #ChoosePaymentMethod .modal-dialog .modal-content {
    margin: auto !important;
  }
  body #ChoosePaymentMethod .modal-dialog .modal-content .modal-header {
    padding: 1.465vw 0.488vw 3.465vw 0.488vw;
  }
  body #ChoosePaymentMethod .modal-dialog .modal-content .modal-header .close {
    margin-top: -1.563vw;
  }
  body #ChoosePaymentMethod .modal-dialog .modal-content .modal-body {
    margin: 0px 4.953vw 0.977vw 4.953vw;
  }
  body #countUserIPLogin {
    top: 30% !important;
    left: 0% !important;
  }
  body #countUserIPLogin .modal-dialog .modal-content .modal-body .parent .imgLogoPopup {
    width: 35vw;
    height: 20vw;
    top: 3vw;
  }
  body #countUserIPLogin .modal-dialog .modal-content .modal-body .parent .imgBackPopup {
    width: 100%;
    height: 39vh;
  }
  body #countUserIPLogin .modal-dialog .modal-content .modal-body .parent .imgTitlePopup {
    width: 60vw !important;
    height: 15vw !important;
    top: 23vw !important;
  }
  body #countUserIPLogin .modal-dialog .modal-content .modal-body .parent .ipPopup {
    top: 40vw;
    width: 80%;
  }
  body #countUserIPLogin .modal-dialog .modal-content .modal-body .parent .resultPopup {
    top: 50vw;
    width: 80%;
  }
  body #countUserIPLogin .modal-dialog .modal-content .modal-body .parent .btViewIP {
    top: 59vw;
    scale: 0.7;
  }
  body .main-contain .title-section.style1 ul li.active::before,
  body .main-contain .title-section.style-2 ul li.active::before {
    display: none;
  }
  body .main-contain header #main-menu .logo {
    width: 13.641vw;
    height: 10.641vw;
  }
  body .main-contain header #main-menu .navbar-mb .title-mb {
    width: 26%;
  }
  body .main-contain header #main-menu .navbar-mb .title-mb p {
    font-size: 3.3vw;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box {
    width: 41%;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .btn-mb-register {
    width: 23.625vw;
    height: 8.859vw;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .btn-mb-menu-nav {
    width: 9.859vw;
    height: 8.859vw;
  }
  body .main-contain header #main-menu .navbar-mb .btn-mb-box .header-nav {
    top: 5.7vh;
    right: 31vw;
  }
  body .main-contain footer .container {
    background-color: black;
  }
  body .main-contain footer .container .content-footer {
    display: flex !important;
    flex-wrap: wrap;
  }
  body .main-contain footer .container .content-footer .f-item {
    margin: 1vh 0 1vh 0 !important;
  }
  body .main-contain footer .container .content-footer .f-item.f-item-1 {
    order: 1;
    width: 50% !important;
  }
  body .main-contain footer .container .content-footer .f-item.f-item-1 .dzo-icon {
    margin: auto !important;
    float: unset !important;
    height: 10.688vw !important;
    width: 29.125vw !important;
  }
  body .main-contain footer .container .content-footer .f-item.f-item-2 {
    order: 3;
    width: 100% !important;
  }
  body .main-contain footer .container .content-footer .f-item.f-item-3 {
    order: 2;
    width: 50% !important;
  }
  body .main-contain footer .container .content-footer .f-item.f-item-3 .game-icon {
    margin: auto !important;
    float: unset !important;
    height: 10.167vw !important;
    width: 34.646vw !important;
    background: url(../img/Mobile/footer/UserJoy.png.html) no-repeat;
    background-size: cover !important;
  }
  body .main-contain .wrap-content #slider {
    margin-top: -5vh !important;
  }
  body .main-contain .wrap-content #slider .container .right-slider .owl-dots {
    scale: 1.2 !important;
  }
  body .main-contain .wrap-content #slider .container .right-slider #slider_banner .owl-stage-outer .owl-stage .owl-item a img {
    height: 45vw;
  }
  body .main-contain .wrap-content #home-news {
    margin-bottom: unset !important;
    margin-top: -5%;
    width: 100vw !important;
  }
  body .main-contain .wrap-content #home-news .container {
    height: 46vh !important;
  }
  body .main-contain .wrap-content #home-news .title-section ul li.active::before {
    width: 23.4vw;
    left: 0%;
    margin-left: unset;
  }
  body .main-contain .wrap-content #home-news .content-home-news .tab-content .tab-pane .left-content-home-news .avatar-large-news,
  body .main-contain .wrap-content #home-news .content-home-news .tab-content .tab-pane .left-content-home-news .info-large-news {
    padding: 0.833vw !important;
    height: auto !important;
  }
  body .main-contain .wrap-content #home-news .content-home-news .tab-content .tab-pane .left-content-home-news .info-large-news .title-large-news a h2 {
    font-size: 3.354vw !important;
    white-space: normal !important;
  }
  body .main-contain .wrap-content #home-news .content-home-news .tab-content .tab-pane .left-content-home-news .info-large-news .desc-large-news p {
    font-size: 3vw !important;
    height: auto !important;
  }
  body .main-contain .wrap-content #home-news .content-home-news .tab-content .tab-pane .right-content-home-news {
    padding: 0.833vw 0.833vw 4vw 0.833vw !important;
  }
  body .main-contain .wrap-content #home-news .content-home-news .tab-content .tab-pane .right-content-home-news .info-small-news .title-small-news a {
    font-size: 3vw !important;
  }
  body .main-contain .wrap-content #home-info-game {
    margin: unset !important;
  }
  body .main-contain .wrap-content #home-info-game .haft-top-info-game .top-bg-haft-info {
    left: 49% !important;
    top: -2% !important;
    height: 18.727vw !important;
  }
  body .main-contain .wrap-content #home-info-game .haft-top-info-game .container .content-haft-top-info-game {
    padding: unset !important;
  }
  body .main-contain .wrap-content #home-info-game .haft-top-info-game .container .content-haft-top-info-game ul {
    margin: auto;
    width: 100%;
    /*padding: unset !important;
                                      display: flex !important;
                                      flex-wrap: wrap !important;*/
  
  }
  body .main-contain .wrap-content #home-info-game .haft-top-info-game .container .content-haft-top-info-game ul li {
    background: url(../img/Mobile/content-haft-top-info-game/frame-red.png.html) no-repeat !important;
    width: 37vw !important;
    height: 43vw !important;
    background-size: 100% 100% !important;
    float: left;
    margin: auto !important;
  }
  body .main-contain .wrap-content #home-info-game .haft-top-info-game .container .content-haft-top-info-game ul li:nth-child(1) {
    top: unset !important;
    left: unset !important;
  }
  body .main-contain .wrap-content #home-info-game .haft-top-info-game .container .content-haft-top-info-game ul li:nth-child(2) {
    top: unset !important;
    left: unset !important;
  }
  body .main-contain .wrap-content #home-info-game .haft-top-info-game .container .content-haft-top-info-game ul li:nth-child(3) {
    top: unset !important;
  }
  body .main-contain .wrap-content #home-info-game .haft-top-info-game .container .content-haft-top-info-game ul li:nth-child(4) {
    top: unset !important;
  }
  body .main-contain .wrap-content #home-info-game .haft-top-info-game .container .content-haft-top-info-game ul li a {
    padding: 12.667vw 12.417vw;
    text-decoration: none;
    font-size: 3.125vw;
    line-height: 4.167vw;
  }
  body .main-contain .wrap-content #home-info-game .left-haft-bottom-info-game {
    width: 100% !important;
    padding: unset !important;
  }
  body .main-contain .wrap-content #home-info-game .right-haft-bottom-info-game {
    width: 100% !important;
    padding: unset !important;
  }
  body .main-contain .wrap-content #home-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game select {
    width: calc(23.385%) !important;
  }
  body .main-contain .wrap-content #home-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .tab-content #bangvang .tab-content .title-right-haft-bottom-info-game ul li {
    width: 33.333vw !important;
  }
  body .main-contain .wrap-content #home-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .tab-content #bangvang .tab-content .title-right-haft-bottom-info-game ul li a {
    font-size: 2.917vw !important;
  }
  body .main-contain .wrap-content #home-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .tab-content #bangvang .tab-content .tab-pane .header-bottom-info-game ul li {
    width: auto !important;
  }
  body .main-contain .wrap-content #home-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .tab-content #bangvang .tab-content .tab-pane .header-bottom-info-game ul li span {
    font-size: 2.083vw !important;
    padding: 1.875vw !important;
  }
  body .main-contain .wrap-content #home-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .tab-content #thaithu .header-bottom-info-game ul li {
    width: auto !important;
  }
  body .main-contain .wrap-content #home-info-game .right-haft-bottom-info-game .content-right-haft-bottom-info-game .tab-content #thaithu .header-bottom-info-game ul li span {
    font-size: 2.083vw !important;
    padding: 1.875vw !important;
  }
  body .main-contain .wrap-content #home-info-game .left-haft-bottom-info-game .tb {
    font-size: 2.083vw !important;
  }
  body .main-contain .wrap-content #home-game-character {
    height: 145.833vw !important;
    min-height: 145.833vw !important;
    z-index: 99;
    margin: unset !important;
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .info-character {
    width: calc(65%);
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .choose-character {
    position: relative;
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .choose-character ul {
    position: relative !important;
    top: -2vw !important;
    right: 10vw !important;
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .choose-character ul li {
    margin: 9.167vw -2.083vw !important;
    width: 47.917vw !important;
    padding-right: unset !important;
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .choose-character ul li a {
    display: none;
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .choose-character ul li::after {
    width: 19.792vw !important;
    height: 20.417vw !important;
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .choose-character ul li.active::after {
    width: 19.792vw !important;
    height: 20.417vw !important;
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .choose-character ul li:nth-child(1)::after {
    background: url(../img/Mobile/home-game-character/vo-tuong.png.html) no-repeat;
    background-size: 100% 200%;
    background-position-y: 0%;
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .choose-character ul li:nth-child(1).active::after {
    background-size: 100% 200%;
    background-position-y: 100%;
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .choose-character ul li:nth-child(2)::after {
    background: url(../img/Mobile/home-game-character/phuong-si.png.html) no-repeat;
    background-size: 100% 200%;
    background-position-y: 0%;
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .choose-character ul li:nth-child(2).active::after {
    background-size: 100% 200%;
    background-position-y: 100%;
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .choose-character ul li:nth-child(3)::after {
    background: url(../img/Mobile/home-game-character/quan-su.png.html) no-repeat;
    background-size: 100% 200%;
    background-position-y: 0%;
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .choose-character ul li:nth-child(3).active::after {
    background-size: 100% 200%;
    background-position-y: 100%;
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .choose-character ul li:nth-child(4)::after {
    background: url(../img/Mobile/home-game-character/hao-kiet.png.html) no-repeat;
    background-size: 100% 200%;
    background-position-y: 0%;
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .choose-character ul li:nth-child(4).active::after {
    background-size: 100% 200%;
    background-position-y: 100%;
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .choose-character ul li:nth-child(5)::after {
    background: url(../img/Mobile/home-game-character/ve-si.png.html) no-repeat;
    background-size: 100% 200%;
    background-position-y: 0%;
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .choose-character ul li:nth-child(5).active::after {
    background-size: 100% 200%;
    background-position-y: 100%;
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .choose-character ul li:nth-child(6)::after {
    background: url(../img/Mobile/home-game-character/co-quan-su.png.html) no-repeat;
    background-size: 100% 200%;
    background-position-y: 0%;
  }
  body .main-contain .wrap-content #home-game-character .container .col-xs-12 .content-game-character .choose-character ul li:nth-child(6).active::after {
    background-size: 100% 200%;
    background-position-y: 100%;
  }
  body .main-contain .wrap-content #home-game-character .bg-game-character {
    background: unset !important;
  }
  body .main-contain .wrap-content #home-video {
    margin-bottom: unset !important;
    width: 100vw !important;
    margin-top: 3vh !important;
  }
  body .main-contain .wrap-content #home-video .title-mb-home-video h2 {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
  }
  body .main-contain .wrap-content #home-video .top-bg-home-video,
  body .main-contain .wrap-content #home-video .left-bg-home-video,
  body .main-contain .wrap-content #home-video .right-bg-home-video,
  body .main-contain .wrap-content #home-video .bottom-bg-home-video {
    background: unset !important;
    display: none !important;
  }
  body .main-contain .wrap-content #home-video .top-bg-home-video::before,
  body .main-contain .wrap-content #home-video .left-bg-home-video::before,
  body .main-contain .wrap-content #home-video .right-bg-home-video::before,
  body .main-contain .wrap-content #home-video .bottom-bg-home-video::before {
    display: none !important;
  }
  body .main-contain .wrap-content #home-video #if-video {
    height: 80.167vw !important;
    scale: 0.9;
  }
  body .main-contain .wrap-content #home-video .list-video {
    bottom: 0 !important;
    scale: 0.9;
  }
  body .main-contain .wrap-content #home-video .list-video .content-list-video .item-list-video img {
    height: 18.75vw !important;
  }
  body .main-contain .wrap-content #home-wallpaper .container .home-wallpaper-col .content-home-wallpaper .slider-wallpaper #thumbnail-slider .inner ul li.active {
    scale: 1.2 !important;
  }
  body .main-contain .wrap-content #home-wallpaper .container .home-wallpaper-col .content-home-wallpaper center a {
    font-size: 3.441vw !important;
    top: -11.458vw;
  }
  body .main-contain .wrap-content #home-fansite .container .home-fansite-col .right-home-fansite {
    width: 100% !important;
  }
  body .main-contain .wrap-content #home-fansite .container .home-fansite-col .right-home-fansite .content-right-home-fansite {
    scale: 0.9;
  }
  body .main-contain .wrap-content #detail-content .container .title-section.style-3 {
    background-color: #8A3E2E !important;
    height: 8.984vw;
    background: unset;
    background-position: unset;
  }
  body .main-contain .wrap-content #detail-content .container .title-section.style-3 ul {
    height: 8.984vw;
  }
  body .main-contain .wrap-content #detail-content .container .title-section.style-3 ul li {
    display: flex;
    justify-content: center;
  }
  body .main-contain .wrap-content #detail-content .container .title-section.style-3 ul li.active::before {
    background: unset;
    height: 8.984vw;
    background-color: #4E1C01 !important;
    width: 100% !important;
    margin-left: unset;
    left: unset;
  }
  body .main-contain .wrap-content #detail-content .container .title-section.style-3 ul li a {
    width: 33.3333%;
    line-height: unset;
    font-size: 2.6vw;
    padding: 0.977vw;
    display: flex;
    justify-content: center;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content article .breadcrumb {
    background-position: -7.5vw 13.958vw;
    background-size: 418%;
    width: 100%;
    height: 13.542vw;
    padding: 2.5vw 6.25vw 3.333vw;
    left: 0;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content article .breadcrumb ul li {
    margin-left: unset;
    padding-right: 4.167vw;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content article .breadcrumb ul li:first-child {
    display: none;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content article .breadcrumb .datetime-breadcrumb {
    right: 0;
    top: -5.5vw;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content article .icon-breadcrumb {
    display: none;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content article .cover-info-detail-content {
    padding: 0 2.083vw;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content article .cover-info-detail-content .detail-post {
    padding: unset;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content article .cover-info-detail-content .tlb-list-sub-item {
    margin: unset;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content article .cover-info-detail-content .tlb-list-sub-item tbody {
    display: grid;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content article .cover-info-detail-content .tlb-list-sub-item tbody tr {
    width: 100%;
    flex-flow: wrap;
    display: flex;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content article .cover-info-detail-content .tlb-list-sub-item tbody tr td a {
    font-size: 3vw;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content article .cover-info-detail-content .list_item_detail_content {
    display: flex;
    flex-direction: column;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content article .cover-info-detail-content .list_item_detail_content .col-xs-6 {
    width: 100% !important;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content article .cover-info-detail-content .list_item_detail_content .col-xs-6 #list_item .item-single {
    width: 12%;
    float: left;
    padding: 1vw;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content .breadcrumb {
    width: 106%;
    left: -6%;
    padding: 2.5vw 8.333vw 3.333vw;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content .breadcrumb .icon-breadcrumb {
    display: none;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content .cover-info-detail-content {
    padding: 0 10.417vw;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content .cover-info-detail-content .relate-post {
    padding: unset;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content .cover-info-detail-content .relate-post .content-relate-post {
    padding: unset;
  }
  body .main-contain .wrap-content #detail-content .container .content-detail-content .cover-info-detail-content .relate-post .content-relate-post .relate-post-item {
    font-size: 3vw;
  }
}
@media screen and (max-width: 400px) and (orientation: portrait) {
  body .main-contain header #main-menu {
    top: 14.176vw;
  }
  body .main-contain header .navbar-mb .btn-mb-box .header-nav {
    top: 5.1vh;
  }
  body .main-contain .wrap-content #home-fansite .container .home-fansite-col .right-home-fansite .content-right-home-fansite {
    scale: 0.72;
  }
}
@media screen and (max-width: 281px) and (orientation: portrait) {
  .container {
    margin-top: 10vh !important;
  }
  body .main-contain header #main-menu {
    top: 21vw !important;
  }
  body .main-contain header .navbar-mb .btn-mb-box .header-nav {
    top: 11.2vw !important;
    right: 36.2vw !important;
  }
  body .main-contain .wrap-content #home-fansite .container .home-fansite-col .right-home-fansite .content-right-home-fansite {
    scale: 0.55;
  }
  body .main-contain #home-game-character .container .col-xs-12 .content-game-character .info-character {
    width: calc(80%) !important;
  }
  body .main-contain #home-game-character .container .col-xs-12 .content-game-character .info-character .cover-content-info-character {
    height: 126vw !important;
    padding: unset !important;
  }
  body .main-contain #home-game-character .container .col-xs-12 .content-game-character .info-character .cover-content-info-character .content-info-character {
    padding: 6vw !important;
  }
  body .main-contain #home-game-character .container .col-xs-12 .content-game-character .choose-character {
    width: calc(20%) !important;
  }
  body .main-contain #home-game-character .container .col-xs-12 .content-game-character .choose-character ul {
    top: 0vw !important;
    right: 6vw !important;
  }
  body .main-contain #home-game-character .container .col-xs-12 .content-game-character .choose-character ul li {
    margin: 12.167vw -15.083vw !important;
  }
  body .main-contain #detail-content .container .title-section.style-3 {
    background-color: #8A3E2E !important;
    height: 8.984vw;
    background: unset;
    background-position: unset;
  }
  body .main-contain #detail-content .container .title-section.style-3 ul {
    height: 8.984vw;
  }
  body .main-contain #detail-content .container .title-section.style-3 ul li {
    display: flex;
    justify-content: center;
  }
  body .main-contain #detail-content .container .title-section.style-3 ul li.active::before {
    background: unset;
    height: 8.984vw;
    background-color: #4E1C01 !important;
    width: 100% !important;
    margin-left: unset;
    left: unset;
  }
  body .main-contain #detail-content .container .title-section.style-3 ul li a {
    width: 33.3333%;
    line-height: unset;
    font-size: 2.6vw;
    padding: 0.977vw;
    display: flex;
    justify-content: center;
  }
  body .main-contain #detail-content .container .content-detail-content article .breadcrumb {
    background-position: -7.5vw 16.958vw;
    background-size: 418%;
    height: 15.542vw;
  }
  body .main-contain #detail-content .container .content-detail-content article .breadcrumb .datetime-breadcrumb {
    right: 0;
    top: -4.5vw;
  }
  body .main-contain #detail-content .container .content-detail-content .breadcrumb {
    width: 106%;
    left: -6%;
    padding: 2.5vw 8.333vw 3.333vw;
  }
  body .main-contain #detail-content .container .content-detail-content .breadcrumb .icon-breadcrumb {
    display: none;
  }
  body .main-contain #detail-content .container .content-detail-content .cover-info-detail-content {
    padding: 0 10.417vw;
  }
  body .main-contain #detail-content .container .content-detail-content .cover-info-detail-content .relate-post {
    padding: unset;
  }
  body .main-contain #detail-content .container .content-detail-content .cover-info-detail-content .relate-post .content-relate-post {
    padding: unset;
  }
  body .main-contain #detail-content .container .content-detail-content .cover-info-detail-content .relate-post .content-relate-post .relate-post-item {
    font-size: 3vw;
  }
}
.owl-theme .owl-nav [class*='owl-'] {
  position: absolute;
  top: 45%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  margin: 0;
  background: rgba(236, 148, 25, 0.7) !important;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100%;
  padding: 0;
  transition: all ease 0.35s;
  -webkit-transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
  text-indent: -80px;
  color: #ffffff !important;
  overflow: hidden;
  outline: none;
}
.owl-theme .owl-nav .owl-prev {
  left: -50px;
}
.owl-theme:hover .owl-nav .owl-prev {
  left: 10px;
}
.owl-theme .owl-nav .owl-next {
  left: inherit;
  right: -50px;
}
.owl-theme:hover .owl-nav .owl-next {
  right: 10px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
  background: rgba(0, 0, 0, 0.5) !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.owl-theme .owl-nav [class*='owl-']:before {
  content: "";
  /*font-family: fontawesome;*/
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  font-size: 30px;
  text-align: center;
  text-indent: -5px;
  font-weight: 900;
}
.owl-theme .owl-nav .owl-prev:before {
  content: "\f104";
}
.owl-theme .owl-nav .owl-next:before {
  content: "\f105";
  text-indent: 0;
}