header {
  max-height: 830px;
}
main{
  padding: 100px 0 50px 0;
}
main:not(.not-mw){
  background: #f9fff1 url("../images/bg_girl.jpg") no-repeat center;
  background-size: cover;
}
body.noscroll {
  width: 100%;
}
.home main {
  padding: 0;
  background: unset;
}
main:not(.not-mw){
  background: url(../images/line_01.jpg) no-repeat top center,
    url(../images/line_03.jpg) no-repeat bottom center,
    url(../images/line_02.jpg) repeat-y center center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 85px 30px 5px 30px;
}
.main-content{
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 1000px;
  padding-top: 20px;
}
.pass-checklist .check-item {
    color: #999;
    margin-bottom: 5px;
    transition: all 0.3s;
}
.pass-checklist .check-item i::before {
    content: "\f00d";
    color: rgb(207, 42, 58);
}
.pass-checklist .check-item.on i::before {
    content: "\f00c";
    color: #28a745;
}
.ImageAlert{
  color: rgb(207, 42, 58);
  font-size: 12px;
}
.avatar{
  border-radius: 999px;
}
.main-content .large-10 {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
    padding: 20px 30px;
}
.main-content::-webkit-scrollbar,
.main-content::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}
.main-content::-webkit-scrollbar-thumb,
.main-content::-webkit-scrollbar-thumb {
  background-color: #000000;
}
.main-content::-webkit-scrollbar-track,
.main-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
.home main #content {
  background: unset;
  max-width: unset;
  margin: 0 auto;
  padding: unset;
  overflow-y: unset;
  overflow-x: unset;
  max-height: unset;
}
.post-sidebar {
  margin-bottom: 30px;
}
#post-list .post-item:last-child {
  padding-bottom: 0;
}
#post-list .post-item .box {
  border-bottom: dotted 1px #908070;
  padding-bottom: 30px;
}
#post-list .post-item:last-child .box {
  border-bottom: none;
  padding-bottom: 0;
}
header#header .header-nav-main > li:not(:last-child) {
  padding: 0 30px;
  margin: 0;
}
#logo {
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 3;
  margin-left: -27.5px;
}
#logo a > img,
.stuck #logo a > img {
  max-height: 115px !important;
  margin: 0 auto;
}
header#header .header-nav-main {
  flex-wrap: nowrap;
}
header#header .header-nav-main > li:nth-child(3) {
  margin-right: 200px;
}
header#header .header-nav-main > li a {
  font-size: 18px;
  text-wrap: nowrap;
}
header#header .age18 {
  position: absolute;
  top: 70px;
  left: 10px;
  width: 290px;
  height: 90px;
  z-index: 6;
  background: url("./../images/18+.png") no-repeat;
}
header#header .bg-header {
  min-height: 840px;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0 20px;
}
header#header .bg-header .animatedParent {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 0;
}
header#header .bg-header .animatedParent .animated.fadeInDownShort {
  position: relative;
}
header#header .bg-header .animatedParent .play-video {
  position: absolute;
  bottom: 55px;
  left: 35px;
}
body.home #content > section:first-child {
  position: relative;
  padding-top: 100px;
}
header .bg-header:before {
  position: absolute;
  content: "";
  background: url("./../images/top-bgmain.png") no-repeat;
  top: 90%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-size: contain;
  pointer-events: none;
}
.buttons-block {
  display: flex;
  width: 100%;
  height: 175px;
  z-index: 2;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  padding: 15px;
  background-size: 100% 100%;
}
.buttons-block > .server-plan {
  flex: 0 0 415px;
  max-width: 415px;
}
.buttons-block > .block-2 {
  flex: 0 0 280px;
  max-width: 280px;
}
.buttons-block > .napthe-btn img {
  height: 100%;
}
.buttons-block .taigame {
  width: 300px;
  display: block;
  margin-top: -35px;
}
.buttons-block .server-plan-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 35px;
  margin: 0 0 5px;
}
.buttons-block .server-plan-list li.new {
  background: url("./../images/icon-new.png") no-repeat right 5px;
}
.buttons-block .server-plan-list li {
  width: calc(100% / 3);
  border-bottom: dashed 1px #f2eaca;
  padding: 2px 0 2px 20px;
  color: #694f32;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
}
.buttons-block .server-plan-list li a {
  display: block;
  padding: 0 35px 0 25px;
  background: url("./../images/icon-dot.png") no-repeat left center;
  color: #694f32;
}
.buttons-block .server-plan .title {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  background: #88551d;
  background: -webkit-linear-gradient(
    legacy-direction(0deg),
    #88551d,
    #88551d,
    #452b0e
  );
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#88551d),
    color-stop(#88551d),
    to(#452b0e)
  );
  background: -webkit-linear-gradient(bottom, #88551d, #88551d, #452b0e);
  background: -o-linear-gradient(bottom, #88551d, #88551d, #452b0e);
  background: linear-gradient(0deg, #88551d, #88551d, #452b0e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(1px 1px 1px rgba(51, 51, 51, 0.6));
  filter: drop-shadow(1px 1px 1px rgba(51, 51, 51, 0.6));
}
.buttons-block .login {
  position: relative;
  color: #201f1f;
  font-size: 12px;
  margin: 9px 0 0 0;
}
.buttons-block .login-form {
  width: 100%;
  overflow: hidden;
  margin-bottom: 0;
}
.buttons-block .block-2 .box-input {
  float: left;
  margin: 0 0 0px;
  width: 175px;
}
.buttons-block .login-form-input {
  background: #dcdcdc;
  border: none;
  width: 165px;
  border: solid 1px #a49a90;
  padding: 6px 5px;
  height: 31px;
  color: #1f1e1e;
  font-size: 14px;
  margin-bottom: 0;
}
.buttons-block .form-submit {
  float: left;
  width: 83px;
  height: 64px;
  font-size: 0;
  border: none;
}
.buttons-block .error {
  color: #ba4442;
  font-size: 12px;
  height: 18px;
}
.buttons-block .login .forgot-pass {
  color: #201f1f;
  text-transform: inherit;
  text-align: inherit;
  font-weight: normal;
  font-size: 12px;
}
.buttons-block .login .forgot-pass:hover {
  color: #ba4442;
}
.buttons-block .login a:hover {
  text-decoration: underline !important;
}
.buttons-block .login a {
  color: #ba4442;
  text-transform: inherit;
  text-align: inherit;
  font-weight: normal;
  font-size: 12px;
}
.buttons-block .social-btn {
  position: absolute;
  top: 70px;
  right: 32px;
}
.buttons-block .social-btn a:first-child {
  margin-right: 7px;
}
footer#footer {
  padding: 0;
}
footer#footer > div:first-child {
  padding-top: 20px;
}
footer#footer .footer-widgets {
  padding-top: 0;
}
footer#footer .footer-widgets .widget_nav_menu {
  margin: 0;
  padding: 0;
}
footer#footer .footer-widgets .widget_nav_menu ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
footer#footer .footer-widgets .widget_nav_menu ul li {
  line-height: 1;
  border-top: 0;
}
footer#footer .footer-widgets .widget_nav_menu ul li:not(:last-child) {
  padding-right: 8px;
  border-right: 1px solid #7a7a7a;
  margin-right: 8px;
}
footer#footer .footer-widgets .widget_nav_menu ul li a {
  font-size: 14px;
  color: #7a7a7a;
  font-weight: 600;
  padding: 0;
}
footer#footer .footer-widgets .widget_nav_menu ul li a:hover {
  color: #f03200;
}
footer#footer .footer.footer-2 .textwidget {
  padding-top: 10px;
  font-size: 12px;
  color: #7a7a7a;
}
footer#footer .footer.footer-2 > .row > div.widget_text {
  margin-bottom: 10px;
}
footer#footer
  .footer.footer-2
  > .row
  > div.widget_text:first-child
  .textwidget {
  display: flex;
  justify-content: center;
}
footer#footer .footer.footer-2 > .row > div.widget_text:last-child .textwidget {
  text-align: center;
}
footer#footer
  .footer.footer-2
  > .row
  > div.widget_text:last-child
  .textwidget
  p {
  margin-bottom: 0;
  color: #7a7a7a;
}
footer#footer
  .footer.footer-2
  > .row
  > div.widget_text:first-child
  .textwidget
  > p {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
footer#footer
  .footer.footer-2
  > .row
  > div.widget_text:first-child
  .textwidget
  > p
  img {
  margin: 0 8px;
}
footer#footer
  .footer.footer-2
  > .row
  > div.widget_text:first-child
  .textwidget
  a,
footer#footer
  .footer.footer-2
  > .row
  > div.widget_text:first-child
  .textwidget
  span {
  color: #fff;
  padding: 0 8px;
}
.absolute-footer {
  display: none;
}
/* .bgrow-sec1{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 60px !important;
    padding: 4px 4px !important;
    background: url(./../images/bg_slider.png) no-repeat 0 0;
    background-size: 100% 100%;
    min-height: 362px;
} */
.bgrow-sec1 > .col-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.bgrow-sec1 > .col-inner > .row-panel {
  padding: 15px 10px 15px 10px;
}
.bgrow-sec1 > .col-inner > .slider-wrapper {
  width: 100%;
}
.bgrow-sec1 > .col-inner > .slider-wrapper > div,
.bgrow-sec1
  > .col-inner
  > .slider-wrapper
  > div
  *:not(.flickity-page-dots, .dot) {
  height: 100% !important;
}
.tabs-home {
  flex-direction: column !important;
  height: 100%;
}
.tabs-home .tab-panels .post-item,
.tabs-home .tab-panels .post-item .box-text {
  padding: 0;
}
.tabs-home .tab-panels .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.tabs-home .nav {
  border-bottom: solid 1px #35353c;
}
.tabs-home .nav .tab {
  min-width: 95px;
  text-align: center;
}
.tabs-home .nav .tab a {
  font-size: 14px;
  color: #35353c;
  font-weight: 400;
}
.tabs-home .nav .tab:hover a,
.tabs-home .nav .tab.active a,
.tabs-home .tab-panels .post-item .box-text .box-text-inner:hover h5 a,
.tabs-home .tab-panels .post-item .box-text .box-text-inner:hover .post-meta {
  color: #b48300;
}
.tabs-home .tab-panels .post-item:not(:last-child) {
  border-bottom: 1px solid #ece5db;
}
.tabs-home .tab-panels .post-item {
  padding: 6px 10px;
  margin: 0 0 2px 0;
}
.tabs-home .nav .tab a:before {
  background-color: #694f32;
  height: 4px;
}
.tabs-home .tab-panels {
  padding: 10px 0;
}
.tabs-home .tab-panels .post-item .box-text .is-divider {
  display: none !important;
}
.tabs-home .tab-panels .post-item .box-text .box-text-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tabs-home .tab-panels .post-item .box-text .box-text-inner h5 {
  margin: 0;
}
.tabs-home .tab-panels .post-item .box-text .box-text-inner h5 a,
.tabs-home .tab-panels .post-item .box-text .box-text-inner .post-meta {
  color: #35353c;
  font-size: 15px;
  margin: 0;
  display: flex;
  font-weight: 400;
}
.tabs-home .tab-panels .post-item .box-text .box-text-inner .post-meta {
  opacity: 1;
}
.home .sec-01 .tabbed-content {
  min-height: 295px;
}
.slider-home {
  background: url("../images/bg_slider.png") no-repeat;
  background-position: center;
  background-size: cover;
  height: 500px;
  min-width: 1300px;
}
.slider-home > div:last-child img {
  max-width: 100px;
  max-height: 100px;
}
.slider-home > div:last-child .img.has-hover a:hover {
  -webkit-filter: brightness(130%);
  filter: brightness(130%);
}
.tabs-home .panel .row .post-item:first-of-type {
  background: #35353c;
  padding: 0 10px 0 0;
}
.tabs-home .panel .row .post-item:first-of-type .box-text .box-text-inner h5 a {
  line-height: 48px;
}
.tabs-home .panel .row .post-item:first-of-type .box-text .box-text-inner h5 a,
.tabs-home
  .tab-panels
  .post-item:first-of-type
  .box-text
  .box-text-inner
  .post-meta {
  color: #b48300;
  font-weight: 600;
}
.tabs-home
  .panel
  .row
  .post-item:first-of-type
  .box-text
  .box-text-inner:hover
  h5
  a,
.tabs-home
  .tab-panels
  .post-item:first-of-type
  .box-text
  .box-text-inner:hover
  .post-meta {
  color: #ba060f;
}
.tabs-home .tab-panels .panel .img .img-inner {
  text-align: right;
}
.tabs-home .tab-panels .panel .img .img-inner img {
  max-width: 80px;
}
.tabs-home .panel .row .post-item:first-of-type .box-text .box-text-inner h5 {
  position: relative;
  padding-left: 80px;
}
.tabs-home
  .panel
  .row
  .post-item:first-of-type
  .box-text
  .box-text-inner
  h5:before {
  content: "";
  position: absolute;
  background: url("./../images/news-new-icon.jpg") no-repeat;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.slider-home a.btn-border {
  background: url("./../images/border2.png") no-repeat;
  background-size: 100% 100%;
  min-width: 190px !important;
  padding: 5px 0;
  color: #f5e9af !important;
  text-transform: none;
  margin-bottom: 0;
}
.text-border p {
  background: url("./../images/border3.png") no-repeat;
  background-size: 100% 100%;
  padding: 5px 0;
  color: #f5e9af !important;
  text-transform: uppercase;
  width: 770px;
  height: 210px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60px;
  font-family: "ThanhPhonang" !important;
  text-shadow: 2px 2px 0px #8b4513, 3px 3px 0px #8b4513, 4px 4px 0px #8b4513,
    5px 5px 10px rgba(0, 0, 0, 0.5);
}
.slider-home > div:first-child {
  flex-basis: 89%;
  max-width: 89%;
}
.slider-home > div:last-child {
  flex-basis: 11%;
  max-width: 11%;
}
.slider-home a.btn-border i {
  font-family: "Font Awesome 5 Pro" !important;
}
.slider-home a.btn-border.support i::before {
  content: "\f0e0";
}
.slider-home a.btn-border.tel i::before {
  content: "\f879";
}
.slider-home a.btn-border:hover {
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
}
.slider-wrapper:not(.slider-character)
  .flickity-enabled
  .flickity-page-dots
  .dot {
  width: 28px !important;
  height: 28px !important;
  background: url("./../images/dacsac-paging.png") no-repeat 0 0 !important;
  opacity: 1;
  margin: 5px;
  border: unset;
}
.slider-wrapper .flickity-enabled .flickity-button svg {
  display: none !important;
}
.slider-wrapper:not(.slider-character) .flickity-enabled .flickity-button {
  width: 83px;
  height: 83px;
  opacity: 1;
}
.slider-wrapper .flickity-enabled .flickity-button.next {
  background: url("./../images/dacsac-next.png") no-repeat 0 0 !important;
}
.slider-wrapper .flickity-enabled .flickity-button.previous {
  background: url("./../images/dacsac-prev.png") no-repeat 0 0 !important;
}
.slider-wrapper:not(.slider-character)
  .flickity-enabled
  .flickity-page-dots
  .dot.is-selected {
  background: url("./../images/dacsac-paging-hover.png") no-repeat 0 0 !important;
}
.slider-wrapper.slider-dacsac {
  max-width: 852px;
  max-height: 524px;
  margin: 0 auto;
  margin-bottom: 100px !important;
}
.slider-dacsac .slider {
  padding: 49px 31px 35px 53px;
  background: url("./../images/dacsac-bg.png") center / 100% no-repeat;
  position: relative;
  margin-bottom: 80px;
}
.slider-dacsac .slider:before {
  content: "";
  width: 370px;
  height: 72px;
  background: url("./../images/rubang.png") no-repeat 0 0;
  position: absolute;
  bottom: 0;
  left: 90px;
  z-index: 2;
}
.slider-dacsac .flickity-page-dots {
  bottom: -40px;
}
.slider-character .flickity-page-dots {
  position: absolute;
  right: 0;
  top: 50%;
  bottom: unset;
  left: unset;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.slider-character .flickity-page-dots .dot {
  width: 225px;
  height: 225px;
  background-size: cover !important;
  background-position: center !important;
  opacity: 1 !important;
  margin: 0 5px;
  -webkit-filter: grayscale(70%);
  filter: grayscale(70%);
  border: 0;
}
.slider-character .flickity-page-dots .dot.is-selected {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  background-color: transparent !important;
}
.slider-character .flickity-page-dots:before {
  content: "";
  width: 11px;
  height: 50px;
  background: url("./../images/char-nav-line.png") no-repeat center top;
  z-index: 2;
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.slider-character .flickity-page-dots:after {
  content: "";
  width: 11px;
  height: 50px;
  background: url("./../images/char-nav-line.png") no-repeat center top;
  z-index: 2;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(180deg);
  -ms-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg);
}
.account-user {
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
  border-bottom: 1px solid #4a4a4a;
}
.account-user .user-name {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.account-user .user-name h4 {
  width: unset;
  margin-bottom: 0;
  margin-right: 5px;
}
.buttons-block .list-item {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-direction: row;
  flex-wrap: nowrap;
}
.buttons-block .list-item .qr {
  background-image: url("./../images/frame.png");
  background-position: -139px 0;
  width: 114px;
  height: 133px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.buttons-block .list-item a:hover,
.sticky-right .section_content a:hover {
  filter: brightness(1.1);
  cursor: pointer;
}
.buttons-block .list-item .qr:before {
  width: 120px;
  height: 2px;
  box-shadow: 0 0 5px #e2510c, 0 0 5px #e2510c, 0 0 5px #e2510c;
  background: #e2510c;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: block;
  animation: qr 2.5s linear infinite;
}
.buttons-block .list-item .list-btn {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#popup-recharge {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000a;
  z-index: 1003;
}
#popup-recharge .modal-content {
  background: #fff;
  margin: 5% auto;
  padding: 20px;
  width: 90%;
  max-width: 600px;
  border-radius: 8px;
}

.title-box {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.tab-header {
  display: flex;
}
.tab-btn {
  flex: 1;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  font-weight: bold;
  background: #222;
  color: #fff;
}
.tab-btn.active {
  background: #333;
}

.tabcontent {
  padding: 15px;
  display: none;
}
.qr {
  width: 200px;
  margin: auto;
  display: block;
}
.bank-info,
.momo-box,
.note {
  margin-top: 10px;
  font-size: 15px;
}
.note p {
  color: #d7b800;
  font-weight: bold;
}
.close-popup-btn {
  margin-top: 15px;
  width: 100%;
  padding: 10px;
  font-weight: bold;
  background: #0055ff;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

.sticky-right {
  position: fixed;
  z-index: 1002;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sticky-right .section_content {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  right: 30%;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.buttons-block .logged {
  padding: 10px 5px;
  color: #1f1e1e;
}
.buttons-block .logged p {
  margin: 0;
  padding: 0 0 2px;
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.buttons-block .logged .username {
  width: 130px;
  display: inline-block;
  padding: 0 0 0 10px;
  color: #c8441b;
  font-weight: bold;
  font-size: 14px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.buttons-block .logged .logout {
  display: inline-block;
  padding: 0 10px;
  color: #1f1e1e;
  font-weight: bold;
  font-size: 14px;
  font-style: italic;
}
.d-flex{
  display: flex;
}
.btn-account-edit{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.btn-account-edit > button{
  color: white;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 14px;
  min-width: 42px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  font-weight: 400;
  white-space: nowrap;
  vertical-align: inherit;
  text-shadow: none;
  margin-right: 0;
}
.btn-account-edit > button[data-action="duclo"]{
  background-color: #852b99;
  background-image: -moz-linear-gradient(top, #852b99, #852b99);
  background-image: -ms-linear-gradient(top, #852b99, #852b99);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#852b99), to(#852b99));
  background-image: -webkit-linear-gradient(top, #852b99, #852b99);
  background-image: -o-linear-gradient(top, #852b99, #852b99);
  background-image: linear-gradient(top, #852b99, #852b99);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#852b99', endColorstr='#852b99', GradientType=0);
}
.btn-account-edit > button[data-action="reset_ketmap"]{
  background-color: #4d90fe;
  background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
  background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed));
  background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
  background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
  background-image: linear-gradient(top, #4d90fe, #4787ed);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe', endColorstr='#4787ed', GradientType=0);
}
.btn-account-edit > button[data-action="unlock_char"]{
  background-color: #d84a38;
  background-image: -moz-linear-gradient(top, #dd4b39, #d14836);
  background-image: -ms-linear-gradient(top, #dd4b39, #d14836);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#d14836));
  background-image: -webkit-linear-gradient(top, #dd4b39, #d14836);
  background-image: -o-linear-gradient(top, #dd4b39, #d14836);
  background-image: linear-gradient(top, #dd4b39, #d14836);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4b39', endColorstr='#d14836', GradientType=0);
}
.btn-account-edit > button[data-action="reset_time"]{
  background-color: #35aa47;
  background-image: -moz-linear-gradient(top, #35aa47, #35aa47);
  background-image: -ms-linear-gradient(top, #35aa47, #35aa47);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#35aa47), to(#35aa47));
  background-image: -webkit-linear-gradient(top, #35aa47, #35aa47);
  background-image: -o-linear-gradient(top, #35aa47, #35aa47);
  background-image: linear-gradient(top, #35aa47, #35aa47);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35aa47', endColorstr='#35aa47', GradientType=0);
}
.btn-account-edit > button[data-action="fix_char"]{
  background-color: #852b99;
  background-image: -moz-linear-gradient(top, #852b99, #852b99);
  background-image: -ms-linear-gradient(top, #852b99, #852b99);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#852b99), to(#852b99));
  background-image: -webkit-linear-gradient(top, #852b99, #852b99);
  background-image: -o-linear-gradient(top, #852b99, #852b99);
  background-image: linear-gradient(top, #852b99, #852b99);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#852b99', endColorstr='#852b99', GradientType=0);
}
.auth-box { max-width: 400px; margin: 20px auto; padding: 30px; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); background: #fff; }
.auth-field { margin-bottom: 15px; }
.auth-field label { display: block; margin-bottom: 5px; font-weight: 600; }
.auth-field input { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; }
.auth-btn { width: 100%; padding: 12px; background: #28a745; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; font-weight: bold; }
.auth-btn:hover { background: #218838; }
.auth-alert { padding: 10px; margin-bottom: 15px; border-radius: 4px; text-align: center; }
.auth-success { background: #d4edda; color: #155724; }
.auth-error { background: #f8d7da; color: #721c24; }
@keyframes qr {
  0% {
    top: 10%;
  }

  50% {
    top: 90%;
  }
  100% {
    top: 10%;
  }
}