/* line 5, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 376, layout/*.png */
.layout-sprite, .layout-app-icon, .layout-btn-choingay, .layout-btn-chonsanpham, .layout-btn-close, .layout-btn-copylink, .layout-btn-facebook-hov, .layout-btn-facebook, .layout-btn-fanpage, .layout-btn-napthe, .layout-btn-nhanngay, .layout-btn-phanthuong, .layout-btn-quay, .layout-btn-share-fb, .layout-btn-thamgia, .layout-btn-thele, .layout-btn-top-fanpage, .layout-btn-top-home, .layout-btn-top-purchase, .layout-btn-trangchu, .layout-btn-vetrangchinh, .layout-btn-zalo-hov, .layout-btn-zalo, .layout-btn-zingid-hov, .layout-btn-zingid, .layout-close, .layout-luot-quay-bg, .layout-menu-item-bg, .layout-mui-ten, .layout-next-hov, .layout-next, .layout-open, .layout-prev-hov, .layout-prev, .layout-select, .layout-title-1, .layout-title-2, .layout-title-lichsu, .layout-title-lsqs, .layout-title-moiban, .layout-title-nlmd, .layout-title-ntnl, .layout-title-sharefb, .popup-container .module.sharemodule .form-share .head-title, .popup-container .module.sharemodule .form-share .btn-share-facebook, .popup-container .module.sharemodule .text-header, .popup-container .module.invitemodule .head-title, .popup-container .module.invitemodule .btn-copy, .popup-container .module.history .text-header, .popup-container .module.history .condition-form .title-ntnl, .popup-container .module.history .condition-form .title-nlmd, .popup-container .module.history .condition-form .btn-form, .btn-close, .btn-login.facebook, .btn-login.facebook:hover, .btn-login.zing, .btn-login.zing:hover, .btn-login.zalo, .btn-login.zalo:hover, .btn-login.email, .right-bar.open .btn-switch, .right-bar__content .btn-switch, .right-bar .btn-trangchu, .right-bar .btn-napthe, .right-bar .btn-fanpage, .top-bar .app-icon, .top-bar .top-home, .top-bar .top-purchase, .top-bar .top-fanpage, .top-bar .top-vetrangchinh, .btn-thele, .btn-thamgia, .btn-phanthuong, .btn-chonsanpham {
  background-image: url('../images/layout-scad244a159.png');
  background-repeat: no-repeat;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-app-icon {
  background-position: 0 -1124px;
  height: 61px;
  width: 208px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-choingay {
  background-position: 0 -487px;
  height: 77px;
  width: 256px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-chonsanpham {
  background-position: 0 -950px;
  height: 80px;
  width: 250px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-close {
  background-position: -180px 0;
  height: 53px;
  width: 52px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-copylink {
  background-position: -130px -1030px;
  height: 94px;
  width: 292px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-facebook-hov {
  background-position: -263px -102px;
  height: 77px;
  width: 256px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-facebook {
  background-position: 0 -564px;
  height: 77px;
  width: 256px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-fanpage {
  background-position: -191px -53px;
  height: 38px;
  width: 115px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-napthe {
  background-position: -76px -53px;
  height: 38px;
  width: 115px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-nhanngay {
  background-position: 0 -1218px;
  height: 94px;
  width: 292px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-phanthuong {
  background-position: -250px -950px;
  height: 80px;
  width: 250px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-quay {
  background-position: -292px -1218px;
  height: 231px;
  width: 210px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-share-fb {
  background-position: -208px -1124px;
  height: 94px;
  width: 292px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-thamgia {
  background-position: -256px -564px;
  height: 80px;
  width: 250px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-thele {
  background-position: -250px -870px;
  height: 80px;
  width: 250px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-top-fanpage {
  background-position: -22px 0;
  height: 45px;
  width: 130px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-top-home {
  background-position: 0 -1030px;
  height: 45px;
  width: 130px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-top-purchase {
  background-position: -306px -53px;
  height: 45px;
  width: 130px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-trangchu {
  background-position: 0 -102px;
  height: 38px;
  width: 115px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-vetrangchinh {
  background-position: -232px 0;
  height: 45px;
  width: 170px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-zalo-hov {
  background-position: 0 -410px;
  height: 77px;
  width: 256px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-zalo {
  background-position: -256px -410px;
  height: 77px;
  width: 256px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-zingid-hov {
  background-position: -256px -487px;
  height: 77px;
  width: 256px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-btn-zingid {
  background-position: -28px -179px;
  height: 77px;
  width: 256px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-close {
  background-position: 0 0;
  height: 40px;
  width: 22px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-luot-quay-bg {
  background-position: 0 -644px;
  height: 38px;
  width: 160px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-menu-item-bg {
  background-position: 0 -870px;
  height: 80px;
  width: 250px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-mui-ten {
  background-position: -284px -179px;
  height: 231px;
  width: 210px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-next-hov {
  background-position: 0 -179px;
  height: 53px;
  width: 28px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-next {
  background-position: -152px 0;
  height: 53px;
  width: 28px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-open {
  background-position: 0 -53px;
  height: 40px;
  width: 22px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-prev-hov {
  background-position: -49px -53px;
  height: 49px;
  width: 27px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-prev {
  background-position: -22px -53px;
  height: 49px;
  width: 27px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-select {
  background-position: 0 -1913px;
  height: 318px;
  width: 319px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-title-1 {
  background-position: 0 -790px;
  height: 80px;
  width: 440px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-title-2 {
  background-position: 0 -710px;
  height: 80px;
  width: 530px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-title-lichsu {
  background-position: -115px -102px;
  height: 69px;
  width: 148px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-title-lsqs {
  background-position: -160px -644px;
  height: 66px;
  width: 338px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-title-moiban {
  background-position: 0 -1671px;
  height: 117px;
  width: 466px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-title-nlmd {
  background-position: 0 -1559px;
  height: 112px;
  width: 395px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-title-ntnl {
  background-position: 0 -1788px;
  height: 125px;
  width: 431px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-title-sharefb {
  background-position: 0 -1449px;
  height: 110px;
  width: 374px;
}

/* misc styles */
/* =========== */
/* color styles */
/* ======navigation top===== */
/*Common Tab*/
/*list post*/
/*subpage post*/
/***paging*****/
/*hot event subpage*/
/* CSS CONTENT */
/* title detail page*/
/* ----- TABLE STYLE ----- */
/* =========== */
/* form elements */
/* =========== */
/* ----- UserInfo ----- */
/* ----- Popup ----- */
/* off-canvas menu */
/* =========== */
/* line 2, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/neat-compass-1.6.0/stylesheets/neat/grid/_grid.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1, ../sass/block/_popup.scss */
.popup-container {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
}
/* line 7, ../sass/block/_popup.scss */
.popup-container .popup-wrapper {
  height: 100%;
  position: relative;
}
/* line 11, ../sass/block/_popup.scss */
.popup-container .wrap-table {
  overflow-y: auto;
}
/* line 14, ../sass/block/_popup.scss */
.popup-container table {
  width: 100%;
  border: 1px solid #996c29;
}
/* line 17, ../sass/block/_popup.scss */
.popup-container table th, .popup-container table td {
  height: 36px;
  text-align: center;
}
/* line 21, ../sass/block/_popup.scss */
.popup-container table th {
  background: #523d26;
  color: #fff;
  font-weight: bold;
}
/* line 26, ../sass/block/_popup.scss */
.popup-container table td {
  border: 1px solid #996c29;
  color: #381919;
}
/* line 32, ../sass/block/_popup.scss */
.popup-container table tr:nth-child(odd) {
  background: #f4d9b3;
}
/* line 35, ../sass/block/_popup.scss */
.popup-container table tr:nth-child(even) {
  background: #fce6c7;
}
/* line 41, ../sass/block/_popup.scss */
.popup-container .module {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0 30px;
}
/* line 47, ../sass/block/_popup.scss */
.popup-container .module button {
  border: none;
  background-color: transparent;
  text-indent: -9999px;
  cursor: pointer;
}
/* line 53, ../sass/block/_popup.scss */
.popup-container .module .text-info {
  text-align: center;
  color: #7f3600;
  font-size: 20px;
  margin: 10px 0 20px;
}
/* line 59, ../sass/block/_popup.scss */
.popup-container .module.login {
  background: url(../images/theme/popup-menu.png) center top no-repeat;
  width: 679px;
  height: 678px;
}
/* line 63, ../sass/block/_popup.scss */
.popup-container .module.login .list-login {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* line 68, ../sass/block/_popup.scss */
.popup-container .module.login .list-login li {
  margin: 12px 0;
}
/* line 73, ../sass/block/_popup.scss */
.popup-container .module.profileinfomodule {
  background: url(../images/theme/popup-menu.png) center top no-repeat;
  width: 679px;
  height: 678px;
}
/* line 77, ../sass/block/_popup.scss */
.popup-container .module.profileinfomodule .text-header {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 40px;
  font-weight: bold;
  color: #a4432e;
}
/* line 86, ../sass/block/_popup.scss */
.popup-container .module.profileinfomodule form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* line 91, ../sass/block/_popup.scss */
.popup-container .module.profileinfomodule form li {
  margin: 12px 0;
}
/* line 94, ../sass/block/_popup.scss */
.popup-container .module.profileinfomodule form select, .popup-container .module.profileinfomodule form input {
  width: 470px;
  height: 50px;
  border: 1px solid #888;
  padding-left: 20px;
  border-radius: 5px;
  font-size: 18px;
  color: #555;
}
/* line 103, ../sass/block/_popup.scss */
.popup-container .module.profileinfomodule form .btn-form {
  width: 100%;
  height: 50px;
  border: none;
  background: #e49a33;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  text-indent: 0px;
}
/* line 115, ../sass/block/_popup.scss */
.popup-container .module.sharemodule {
  background: url(../images/theme/popup-menu.png) center top no-repeat;
  width: 679px;
  height: 678px;
}
/* line 120, ../sass/block/_popup.scss */
.popup-container .module.sharemodule .form-share .head-title {
  background-position: 0 -1449px;
  height: 110px;
  width: 374px;
  margin: 20px auto 0;
  text-indent: -9999px;
}
/* line 125, ../sass/block/_popup.scss */
.popup-container .module.sharemodule .form-share .btn-share-facebook {
  display: block;
  text-indent: -9999px;
  background-position: -208px -1124px;
  height: 94px;
  width: 292px;
}
/* line 131, ../sass/block/_popup.scss */
.popup-container .module.sharemodule .text-header {
  background-position: -115px -102px;
  height: 69px;
  width: 148px;
  margin: 0 auto;
  text-indent: -9999px;
}
/* line 136, ../sass/block/_popup.scss */
.popup-container .module.sharemodule .wrap-table {
  max-height: 200px;
}
/* line 140, ../sass/block/_popup.scss */
.popup-container .module.invitemodule {
  background: url(../images/theme/popup-menu.png) center top no-repeat;
  width: 679px;
  height: 678px;
}
/* line 144, ../sass/block/_popup.scss */
.popup-container .module.invitemodule .head-title {
  background-position: 0 -1671px;
  height: 117px;
  width: 466px;
  margin: 15px auto 0 !important;
  text-indent: -9999px;
}
/* line 149, ../sass/block/_popup.scss */
.popup-container .module.invitemodule .content {
  text-align: center;
}
/* line 152, ../sass/block/_popup.scss */
.popup-container .module.invitemodule .text-invite {
  height: 50px;
  background: #edcda8;
  color: #9c2707;
  border: 1px solid #fcedd8;
  font-weight: bold;
  font-size: 19px;
  width: 80%;
  text-align: center;
}
/* line 162, ../sass/block/_popup.scss */
.popup-container .module.invitemodule .btn-copy {
  display: block;
  background-position: -130px -1030px;
  height: 94px;
  width: 292px;
  margin: 20px auto;
}
/* line 167, ../sass/block/_popup.scss */
.popup-container .module.invitemodule .wrap-table {
  max-height: 220px;
}
/* line 171, ../sass/block/_popup.scss */
.popup-container .module.history {
  background: url(../images/theme/popup-menu.png) center top no-repeat;
  width: 679px;
  height: 678px;
  padding-top: 30px;
}
/* line 176, ../sass/block/_popup.scss */
.popup-container .module.history .captcha {
  display: flex;
  justify-content: center;
}
/* line 180, ../sass/block/_popup.scss */
.popup-container .module.history .text-header {
  background-position: -115px -102px;
  height: 69px;
  width: 148px;
  text-indent: -9999px;
  margin: 15px auto 0;
}
/* line 185, ../sass/block/_popup.scss */
.popup-container .module.history .wrap-table {
  overflow-y: visible;
}
/* line 189, ../sass/block/_popup.scss */
.popup-container .module.history .condition-form .title-ntnl {
  background-position: 0 -1788px;
  height: 125px;
  width: 431px;
  text-indent: -9999px;
  margin: 0 auto;
}
/* line 194, ../sass/block/_popup.scss */
.popup-container .module.history .condition-form .title-nlmd {
  background-position: 0 -1559px;
  height: 112px;
  width: 395px;
  text-indent: -9999px;
  margin: 0 auto;
}
/* line 199, ../sass/block/_popup.scss */
.popup-container .module.history .condition-form .text-info {
  margin: 5px 0;
  font-weight: bold;
}
/* line 203, ../sass/block/_popup.scss */
.popup-container .module.history .condition-form .btn-form {
  background-position: 0 -1218px;
  height: 94px;
  width: 292px;
  text-indent: -9999px;
  margin: 0 auto;
}
/* line 208, ../sass/block/_popup.scss */
.popup-container .module.history .condition-form .turn {
  color: #bd2102;
}
/* line 213, ../sass/block/_popup.scss */
.popup-container .module.conditionmodule {
  background: url(../images/theme/popup-menu.png) center top no-repeat;
  width: 679px;
  height: 678px;
  padding-top: 30px;
}
/* line 218, ../sass/block/_popup.scss */
.popup-container .module.conditionmodule .captcha {
  display: flex;
  justify-content: center;
}
/* line 222, ../sass/block/_popup.scss */
.popup-container .module.conditionmodule .head-title {
  font-size: 34px;
  text-align: center;
  color: #a4432e;
  text-transform: uppercase;
  font-weight: bold;
  margin: 40px 0 10px 0;
}
/* line 230, ../sass/block/_popup.scss */
.popup-container .module.conditionmodule .btn-submit {
  height: 50px;
  width: 150px;
  border: none;
  text-indent: -9999px;
  display: block;
  background: url(../images/layout/btn-nhanngay.png) center top no-repeat;
  background-size: cover;
  text-align: center;
  margin: 0 auto;
}
/* line 241, ../sass/block/_popup.scss */
.popup-container .module.conditionmodule .captcha-code {
  display: flex;
  justify-content: center;
}
/* line 244, ../sass/block/_popup.scss */
.popup-container .module.conditionmodule .captcha-code input[type="text"] {
  display: table;
  height: 50px;
  border: 1px solid #000;
  font-size: 19px;
  padding-left: 20px;
  margin-right: 20px;
}
/* line 255, ../sass/block/_popup.scss */
.popup-container #sso-login-form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* line 260, ../sass/block/_popup.scss */
.popup-container #sso-login-form .form-group {
  margin-bottom: 20px;
}
/* line 262, ../sass/block/_popup.scss */
.popup-container #sso-login-form .form-group label {
  color: #7f3600;
  font-size: 22px;
}
/* line 266, ../sass/block/_popup.scss */
.popup-container #sso-login-form .form-group input {
  background: #edcda8;
  border: none;
  height: 50px;
  width: 350px;
  padding-left: 20px;
  font-size: 20px;
}
/* line 275, ../sass/block/_popup.scss */
.popup-container #sso-login-form .btn-submit, .popup-container #sso-login-form .btn-reset {
  text-indent: 0px;
  background: #59190d;
  padding: 12px 30px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}
/* line 285, ../sass/block/_popup.scss */
.popup-container #sso-login-form > .row .col-xs-6 a {
  font-size: 18px;
  line-height: 40px;
  color: #337ab7;
  text-decoration: underline;
}
/* line 295, ../sass/block/_popup.scss */
.popup-container .selectgame {
  background: url(../images/theme/popup-chongame.png) center top no-repeat;
  width: 679px;
  height: 678px;
  box-sizing: border-box;
  padding-top: 150px;
}

/* line 305, ../sass/block/_popup.scss */
.popup-info {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
}
/* line 311, ../sass/block/_popup.scss */
.popup-info iframe {
  width: 100%;
  height: 100%;
}
/* line 315, ../sass/block/_popup.scss */
.popup-info .popup-wrap {
  height: 100%;
  position: relative;
}
/* line 319, ../sass/block/_popup.scss */
.popup-info .popup-content {
  background: url(../images/theme/popup-content.png) center top no-repeat;
  width: 829px;
  height: 928px;
  padding: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 30px 10px;
  /* breakpoint: smartphone | desktop; */
  /* between desktop ~ smartphone */
}
@media (max-width: 1024px) {
  /* line 319, ../sass/block/_popup.scss */
  .popup-info .popup-content {
    width: 100%;
    height: 90%;
  }
}
/* line 334, ../sass/block/_popup.scss */
.popup-info .popup-content .btn-close {
  right: 0;
}

/* line 340, ../sass/block/_popup.scss */
.Input-error, .flash-fail {
  color: red;
}

/* line 344, ../sass/block/_popup.scss */
.white-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
}
/* line 350, ../sass/block/_popup.scss */
.white-popup__content {
  background: url(../images/theme/popup-reward.png) center top no-repeat;
  width: 678px;
  height: 680px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-top: calc(-680px/2);
  margin-left: calc(-678px/2);
}
/* line 360, ../sass/block/_popup.scss */
.white-popup #rewardImg {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 368, ../sass/block/_popup.scss */
.btn-close {
  background-position: -180px 0;
  height: 53px;
  width: 52px;
  position: absolute;
  right: 14px;
  top: 13px;
}

/* line 375, ../sass/block/_popup.scss */
.btn-login {
  display: block;
}
/* line 377, ../sass/block/_popup.scss */
.btn-login.facebook {
  background-position: 0 -564px;
  height: 77px;
  width: 256px;
}
/* line 379, ../sass/block/_popup.scss */
.btn-login.facebook:hover {
  background-position: -263px -102px;
  height: 77px;
  width: 256px;
}
/* line 383, ../sass/block/_popup.scss */
.btn-login.zing {
  background-position: -28px -179px;
  height: 77px;
  width: 256px;
}
/* line 385, ../sass/block/_popup.scss */
.btn-login.zing:hover {
  background-position: -256px -487px;
  height: 77px;
  width: 256px;
}
/* line 389, ../sass/block/_popup.scss */
.btn-login.zalo {
  background-position: -256px -410px;
  height: 77px;
  width: 256px;
}
/* line 391, ../sass/block/_popup.scss */
.btn-login.zalo:hover {
  background-position: 0 -410px;
  height: 77px;
  width: 256px;
}
/* line 395, ../sass/block/_popup.scss */
.btn-login.email {
  background-position: 0 -487px;
  height: 77px;
  width: 256px;
}
/* line 397, ../sass/block/_popup.scss */
.btn-login.email:hover {
  filter: brightness(120%);
}

/* line 403, ../sass/block/_popup.scss */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
/* line 408, ../sass/block/_popup.scss */
.pagination .page-item {
  width: 30px;
  height: 30px;
  margin: 0 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e8c79a;
  color: #563614;
  border: 1px solid #e8c79a;
}
/* line 419, ../sass/block/_popup.scss */
.pagination .page-item.active {
  border: 1px solid #a54a41;
  color: #ac1c00;
}
/* line 422, ../sass/block/_popup.scss */
.pagination .page-item.active a {
  color: #ac1c00;
}
/* line 426, ../sass/block/_popup.scss */
.pagination .page-item a {
  color: #563614;
}
/* line 429, ../sass/block/_popup.scss */
.pagination .page-item:first-child, .pagination .page-item:last-child {
  width: auto;
  background: none;
  border: none;
  font-weight: bold;
}

/* line 1, ../sass/block/_floating-download.scss */
.right-bar {
  position: fixed;
  right: 0;
  top: 20%;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  /* breakpoint: smartphone | desktop; */
  /* between desktop ~ smartphone */
}
@media (max-width: 1024px) {
  /* line 1, ../sass/block/_floating-download.scss */
  .right-bar {
    display: none;
  }
}
/* line 10, ../sass/block/_floating-download.scss */
.right-bar.open {
  transform: translateX(0);
}
/* line 12, ../sass/block/_floating-download.scss */
.right-bar.open .btn-switch {
  background-position: 0 0;
  height: 40px;
  width: 22px;
  left: -10px;
}
/* line 17, ../sass/block/_floating-download.scss */
.right-bar__content {
  background: url(../images/theme/right-bar-bg.png) center top no-repeat;
  width: 163px;
  height: 173px;
  padding: 10px 0 10px 30px;
}
/* line 22, ../sass/block/_floating-download.scss */
.right-bar__content li {
  margin: 8px 0;
}
/* line 25, ../sass/block/_floating-download.scss */
.right-bar__content .btn-switch {
  position: absolute;
  background-position: 0 -53px;
  height: 40px;
  width: 22px;
  left: -30px;
  top: 0;
}
/* line 33, ../sass/block/_floating-download.scss */
.right-bar .btn-trangchu {
  background-position: 0 -102px;
  height: 38px;
  width: 115px;
}
/* line 36, ../sass/block/_floating-download.scss */
.right-bar .btn-napthe {
  background-position: -76px -53px;
  height: 38px;
  width: 115px;
}
/* line 39, ../sass/block/_floating-download.scss */
.right-bar .btn-fanpage {
  background-position: -191px -53px;
  height: 38px;
  width: 115px;
}

/* line 1, ../sass/block/_top-bar.scss */
.top-bar {
  /* breakpoint: smartphone | desktop; */
  position: fixed;
  background: #340404;
  width: 768px;
  z-index: 5;
}
@media (min-width: 1025px) {
  /* line 1, ../sass/block/_top-bar.scss */
  .top-bar {
    display: none;
  }
}
/* line 9, ../sass/block/_top-bar.scss */
.top-bar__content {
  height: 80px;
  padding: 0 30px;
  display: flex;
  align-items: center;
}
/* line 15, ../sass/block/_top-bar.scss */
.top-bar__list-btn {
  display: flex;
  margin-left: auto;
}
/* line 18, ../sass/block/_top-bar.scss */
.top-bar__list-btn li {
  margin: 0 5px;
}
/* line 20, ../sass/block/_top-bar.scss */
.top-bar__list-btn li:last-child {
  margin-right: 0;
}
/* line 25, ../sass/block/_top-bar.scss */
.top-bar .app-icon {
  background-position: 0 -1124px;
  height: 61px;
  width: 208px;
}
/* line 29, ../sass/block/_top-bar.scss */
.top-bar .top-home {
  background-position: 0 -1030px;
  height: 45px;
  width: 130px;
}
/* line 32, ../sass/block/_top-bar.scss */
.top-bar .top-purchase {
  background-position: -306px -53px;
  height: 45px;
  width: 130px;
}
/* line 35, ../sass/block/_top-bar.scss */
.top-bar .top-fanpage {
  background-position: -22px 0;
  height: 45px;
  width: 130px;
}
/* line 38, ../sass/block/_top-bar.scss */
.top-bar .top-vetrangchinh {
  background-position: -232px 0;
  height: 45px;
  width: 170px;
}

/* line 2, ../sass/content/_content-css.scss */
.article-detail {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  font-size: 16px;
  line-height: 26px;
  color: #381919;
  font-family: arial, "Roboto", sans-serif;
  padding: 30px;
  /* for table */
}
/* line 11, ../sass/content/_content-css.scss */
.article-detail .post__title,
.article-detail .article__title {
  margin-bottom: 20px;
  text-align: center;
  color: #790000;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: bold;
}
/* line 19, ../sass/content/_content-css.scss */
.article-detail .post__title span,
.article-detail .article__title span {
  line-height: 34px;
}
/* line 22, ../sass/content/_content-css.scss */
.article-detail .post__title .ptitle,
.article-detail .article__title .ptitle {
  font-weight: bold;
  font-size: 20px;
  color: #ff7800;
  padding: 0px 0 20px 0;
}
/* line 28, ../sass/content/_content-css.scss */
.article-detail .post__title .ptime,
.article-detail .article__title .ptime {
  font-size: 14px;
  color: #fdf3e1;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
/* line 38, ../sass/content/_content-css.scss */
.article-detail a {
  color: #d93007;
  text-decoration: none;
}
/* line 41, ../sass/content/_content-css.scss */
.article-detail a:hover {
  text-decoration: underline;
}
/* line 47, ../sass/content/_content-css.scss */
.article-detail p {
  padding: 10px 0;
}
/* line 51, ../sass/content/_content-css.scss */
.article-detail p.center img, .article-detail p.TextCenter img {
  display: block;
  text-align: center;
  margin: 0px auto;
}
/* line 58, ../sass/content/_content-css.scss */
.article-detail .FirstChar {
  padding: 4px 4px 0 0;
  line-height: 30px;
  font-size: 40px;
  float: left;
}
/* line 65, ../sass/content/_content-css.scss */
.article-detail .center, .article-detail .TextCenter {
  text-align: center;
}
/* line 68, ../sass/content/_content-css.scss */
.article-detail .strong {
  font-weight: bold;
  color: #ff7800;
}
/* line 73, ../sass/content/_content-css.scss */
.article-detail .strong02, .article-detail .Strong02 {
  font-weight: bold;
  color: #b0090b;
}
/* line 80, ../sass/content/_content-css.scss */
.article-detail img {
  max-width: 100%;
  height: auto;
}
/* line 83, ../sass/content/_content-css.scss */
.article-detail img.BorderImg, .article-detail img.border {
  background-color: #ff7800;
  border: 1px solid #ff7800;
  padding: 1px;
}
/* line 89, ../sass/content/_content-css.scss */
.article-detail img.NoBorderImg, .article-detail img.no-boder {
  border: none;
  background: none;
  padding: 0;
}
/* line 97, ../sass/content/_content-css.scss */
.article-detail img.ImgLeft, .article-detail img.left {
  float: left;
  margin: 5px 10px 5px 0;
}
/* line 102, ../sass/content/_content-css.scss */
.article-detail img.ImgRight, .article-detail img.right {
  float: right;
  margin: 5px 0 5px 10px;
}
/* line 107, ../sass/content/_content-css.scss */
.article-detail img ~ .center, .article-detail img.ImgCenter, .article-detail img.center {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  font-style: italic;
}
/* line 121, ../sass/content/_content-css.scss */
.article-detail ul#tabHeader {
  width: 100%;
  clear: both;
  margin: 20px 0;
  display: block;
  background: transparent;
  border-bottom: red;
}
/* line 128, ../sass/content/_content-css.scss */
.article-detail ul#tabHeader ~ .tab__detail {
  display: none;
}
/* line 131, ../sass/content/_content-css.scss */
.article-detail ul#tabHeader:after {
  display: block;
  clear: both;
  content: "";
}
/* line 136, ../sass/content/_content-css.scss */
.article-detail ul#tabHeader > li {
  float: left;
  white-space: nowrap;
}
/* line 139, ../sass/content/_content-css.scss */
.article-detail ul#tabHeader > li > a {
  display: block;
  font: 16px/16px normal tahoma, arial, sans-serif;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  padding: 20px;
  color: #4a4a4c;
  background: #fbd66d;
  border: transparent;
}
/* line 149, ../sass/content/_content-css.scss */
.article-detail ul#tabHeader > li > a:hover:not(.off), .article-detail ul#tabHeader > li > a.active:not(.off) {
  color: #e9e9e9;
  background: #b42d17;
  border: transparent;
}
/* line 160, ../sass/content/_content-css.scss */
.article-detail ul.anchor-link, .article-detail ul.AnchorLink {
  display: block;
  clear: both;
  min-height: 50px;
  overflow: hidden;
  padding: 5px 20px;
  margin: 0 0 10px;
  border: 1px solid #92641e;
}
/* line 168, ../sass/content/_content-css.scss */
.article-detail ul.anchor-link > li, .article-detail ul.AnchorLink > li {
  width: 50%;
  float: left;
  padding: 0 20px 0 10px;
  background: url("../images/article/anchorlink.gif") no-repeat 0 12px;
  /* breakpoint: smartphone | desktop; */
}
@media screen and (max-width: 666px) {
  /* line 168, ../sass/content/_content-css.scss */
  .article-detail ul.anchor-link > li, .article-detail ul.AnchorLink > li {
    width: 100%;
  }
}
/* line 176, ../sass/content/_content-css.scss */
.article-detail ul.anchor-link > li > a, .article-detail ul.AnchorLink > li > a {
  font-weight: bold;
  color: #92641e;
  text-decoration: none;
}
/* line 180, ../sass/content/_content-css.scss */
.article-detail ul.anchor-link > li > a:hover, .article-detail ul.anchor-link > li > a.active, .article-detail ul.anchor-link > li > a.Active, .article-detail ul.AnchorLink > li > a:hover, .article-detail ul.AnchorLink > li > a.active, .article-detail ul.AnchorLink > li > a.Active {
  color: #be490f;
  text-decoration: underline;
}
/* line 189, ../sass/content/_content-css.scss */
.article-detail ul {
  list-style-position: inside;
  clear: both;
}
/* line 192, ../sass/content/_content-css.scss */
.article-detail ul.icon, .article-detail ul.Icon, .article-detail ul.disc, .article-detail ul.Disc, .article-detail ul.dash, .article-detail ul.Dash, .article-detail ul.decimal, .article-detail ul.Decimal, .article-detail ul.UpperAlpha, .article-detail ul.upper-alpha, .article-detail ul.lower-alpha, .article-detail ul.LowerCase {
  margin-bottom: 20px;
}
/* line 199, ../sass/content/_content-css.scss */
.article-detail ul.icon li, .article-detail ul.Icon li, .article-detail ul.disc li, .article-detail ul.Disc li, .article-detail ul.dash li, .article-detail ul.Dash li, .article-detail ul.decimal li, .article-detail ul.Decimal li, .article-detail ul.UpperAlpha li, .article-detail ul.upper-alpha li, .article-detail ul.lower-alpha li, .article-detail ul.LowerCase li {
  list-style-type: none;
  text-align: justify;
}
/* line 202, ../sass/content/_content-css.scss */
.article-detail ul.icon li ul, .article-detail ul.Icon li ul, .article-detail ul.disc li ul, .article-detail ul.Disc li ul, .article-detail ul.dash li ul, .article-detail ul.Dash li ul, .article-detail ul.decimal li ul, .article-detail ul.Decimal li ul, .article-detail ul.UpperAlpha li ul, .article-detail ul.upper-alpha li ul, .article-detail ul.lower-alpha li ul, .article-detail ul.LowerCase li ul {
  margin: 0 0 0 18px;
}
/* line 207, ../sass/content/_content-css.scss */
.article-detail ul.icon li, .article-detail ul.Icon li {
  background: url(../images/article/icon.gif) 0 8px no-repeat;
  text-indent: 14px;
}
/* line 212, ../sass/content/_content-css.scss */
.article-detail ul.disc li, .article-detail ul.Disc li {
  text-indent: 10px;
  background: url(../images/article/icon_disc.gif) 0 10px no-repeat;
}
/* line 217, ../sass/content/_content-css.scss */
.article-detail ul.dash li, .article-detail ul.Dash li {
  text-indent: 10px;
  background: url(../images/article/icon_dash.gif) 0 11px no-repeat;
}
/* line 222, ../sass/content/_content-css.scss */
.article-detail ul.decimal li, .article-detail ul.Decimal li {
  list-style-type: decimal;
}
/* line 225, ../sass/content/_content-css.scss */
.article-detail ul.UpperAlpha li, .article-detail ul.upper-alpha li {
  list-style-type: upper-alpha;
}
/* line 228, ../sass/content/_content-css.scss */
.article-detail ul.lower-alpha li, .article-detail ul.LowerCase li {
  list-style-type: lower-alpha;
}
/* line 234, ../sass/content/_content-css.scss */
.article-detail ol.Icon ol.Disc {
  margin-left: 27px;
}
/* line 237, ../sass/content/_content-css.scss */
.article-detail ol.Icon ol.Disc ol.Dash {
  margin-left: 24px;
}
/* line 242, ../sass/content/_content-css.scss */
.article-detail ol li {
  margin-bottom: 20px;
  line-height: 30px;
}
/* line 247, ../sass/content/_content-css.scss */
.article-detail .notice-box, .article-detail .NoticeBox {
  width: 100%;
  padding: calc(20px * 2) 20px 20px 20px;
  margin-top: 40px;
  border: 1px solid #846336;
  background: #d4c9bd;
  position: relative;
}
/* line 254, ../sass/content/_content-css.scss */
.article-detail .notice-box p.legend, .article-detail .notice-box .Legend, .article-detail .NoticeBox p.legend, .article-detail .NoticeBox .Legend {
  background: #523d26;
  color: #fff;
  float: left;
  font-size: 16px;
  font-weight: bold;
  margin-top: calc(-80px - calc(-20px / 2));
  padding: 10px 20px;
  position: absolute;
}
/* line 269, ../sass/content/_content-css.scss */
.article-detail table {
  margin: 20px auto;
  border-collapse: collapse;
}
/* line 273, ../sass/content/_content-css.scss */
.article-detail table.no-border th, .article-detail table.no-border td {
  border: none;
}
/* line 279, ../sass/content/_content-css.scss */
.article-detail table.no-bg tr:nth-child(odd), .article-detail table.no-bg tr.OddRow, .article-detail table.no-bg tr.odd, .article-detail table.no-bg tr:nth-child(even), .article-detail table.no-bg tr.EvenRow, .article-detail table.no-bg tr.even {
  background: none;
}
/* line 288, ../sass/content/_content-css.scss */
.article-detail table.no-bg th, .article-detail table.no-bg td {
  background: none;
}
/* line 294, ../sass/content/_content-css.scss */
.article-detail table tr:nth-child(odd), .article-detail table tr.OddRow, .article-detail table tr.odd {
  background: #d4c9bd;
}
/* line 299, ../sass/content/_content-css.scss */
.article-detail table tr:nth-child(even), .article-detail table tr.EvenRow, .article-detail table tr.even {
  background: #afa59a;
}
/* line 305, ../sass/content/_content-css.scss */
.article-detail table th {
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #523d26;
}
/* line 312, ../sass/content/_content-css.scss */
.article-detail table td, .article-detail table th {
  border: 1px solid #92641e;
  padding: 3px 5px;
}
/* line 315, ../sass/content/_content-css.scss */
.article-detail table td.right, .article-detail table td.HorzRight, .article-detail table td.horz-right, .article-detail table th.right, .article-detail table th.HorzRight, .article-detail table th.horz-right {
  text-align: right;
}
/* line 318, ../sass/content/_content-css.scss */
.article-detail table td.center, .article-detail table td.HorzCenter, .article-detail table td.horz-center, .article-detail table th.center, .article-detail table th.HorzCenter, .article-detail table th.horz-center {
  text-align: center;
}
/* line 321, ../sass/content/_content-css.scss */
.article-detail table td.top, .article-detail table td.VertTop, .article-detail table td.vert-top, .article-detail table th.top, .article-detail table th.VertTop, .article-detail table th.vert-top {
  vertical-align: top;
}
/* line 324, ../sass/content/_content-css.scss */
.article-detail table td.middle, .article-detail table td.VertMiddle, .article-detail table td.vert-middle, .article-detail table th.middle, .article-detail table th.VertMiddle, .article-detail table th.vert-middle {
  vertical-align: middle;
}
/* line 330, ../sass/content/_content-css.scss */
.article-detail h4, .article-detail h2 {
  clear: both;
  margin-top: 15px;
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  text-indent: 30px;
  color: #ff7800;
  background: url("../images/article/icon_h4.png") no-repeat 0 4px;
}
/* line 339, ../sass/content/_content-css.scss */
.article-detail h4 ~ p, .article-detail h4 ~ ul, .article-detail h4 ~ ol, .article-detail h4 ~ table, .article-detail h4 ~ div, .article-detail h2 ~ p, .article-detail h2 ~ ul, .article-detail h2 ~ ol, .article-detail h2 ~ table, .article-detail h2 ~ div {
  margin-left: 30px;
  max-width: calc(100% - 30px);
  /* breakpoint: smartphone | desktop; */
}
@media screen and (max-width: 666px) {
  /* line 339, ../sass/content/_content-css.scss */
  .article-detail h4 ~ p, .article-detail h4 ~ ul, .article-detail h4 ~ ol, .article-detail h4 ~ table, .article-detail h4 ~ div, .article-detail h2 ~ p, .article-detail h2 ~ ul, .article-detail h2 ~ ol, .article-detail h2 ~ table, .article-detail h2 ~ div {
    margin-left: 0;
    max-width: 100%;
  }
}
/* line 349, ../sass/content/_content-css.scss */
.article-detail h5, .article-detail h3 {
  clear: both;
  margin-top: 15px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  text-indent: 25px;
  margin-left: 30px;
  color: #ff7800;
  background: url("../images/article/icon_h5.png") no-repeat 0 5px;
  /* breakpoint: smartphone | desktop; */
}
/* line 359, ../sass/content/_content-css.scss */
.article-detail h5 ~ p, .article-detail h5 ~ ul, .article-detail h5 ~ ol, .article-detail h5 ~ table, .article-detail h5 ~ div, .article-detail h3 ~ p, .article-detail h3 ~ ul, .article-detail h3 ~ ol, .article-detail h3 ~ table, .article-detail h3 ~ div {
  margin-left: 55px;
  max-width: calc(100% - 30px - 25px);
  /* breakpoint: smartphone | desktop; */
}
@media screen and (max-width: 666px) {
  /* line 359, ../sass/content/_content-css.scss */
  .article-detail h5 ~ p, .article-detail h5 ~ ul, .article-detail h5 ~ ol, .article-detail h5 ~ table, .article-detail h5 ~ div, .article-detail h3 ~ p, .article-detail h3 ~ ul, .article-detail h3 ~ ol, .article-detail h3 ~ table, .article-detail h3 ~ div {
    margin-left: 0;
    max-width: 100%;
  }
}
@media screen and (max-width: 666px) {
  /* line 349, ../sass/content/_content-css.scss */
  .article-detail h5, .article-detail h3 {
    margin-left: 0;
  }
}

/* line 375, ../sass/content/_content-css.scss */
.Popup {
  background: #851204;
  border: 1px solid #ff7800;
  color: #fbf6f5;
  display: block;
  position: absolute;
  padding: 27px 0 0;
  width: 640px;
  z-index: 100;
}
/* line 384, ../sass/content/_content-css.scss */
.Popup a.PopupClose {
  color: #fbf6f5;
  font-weight: bold;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 0;
  right: 9px;
  width: 50px;
  height: 27px;
  line-height: 27px;
}
/* line 395, ../sass/content/_content-css.scss */
.Popup a.PopupClose:hover {
  color: #fbf6f5;
  text-decoration: none;
}
/* line 400, ../sass/content/_content-css.scss */
.Popup .InnerContent {
  background: #e6cf9d;
  border: 1px solid #ff7800;
  color: #333;
  height: auto;
  padding: 10px;
  width: auto;
}

/* line 410, ../sass/content/_content-css.scss */
.tags {
  margin: 20px 0;
}
/* line 412, ../sass/content/_content-css.scss */
.tags span, .tags a {
  display: inline-block;
  margin-right: 5px;
  color: #fad467;
  font: normal 16px/16px arial, "Roboto", sans-serif;
}
/* line 418, ../sass/content/_content-css.scss */
.tags span {
  font-weight: bold;
}

/* line 423, ../sass/content/_content-css.scss */
.block-relate-news {
  width: 100%;
  padding-top: 40px;
}
/* line 427, ../sass/content/_content-css.scss */
.block-relate-news > h2 {
  display: block;
  color: #292d49;
  font-size: 22px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px 0 30px;
  padding: 10px 0;
}
/* line 432, ../sass/content/_content-css.scss */
.block-relate-news .posts__list {
  clear: both;
  position: relative;
  z-index: 1;
}
/* line 389, ../sass/core/_mixins.scss */
.block-relate-news .posts__list::after {
  display: block;
  content: "";
  clear: both;
}
/* line 396, ../sass/core/_mixins.scss */
.block-relate-news .posts__list > li {
  display: block;
  padding: 7px 0px;
  cursor: pointer;
  border-bottom: 1px solid #d9dce1;
  border-left: 2px solid transparent;
}
/* line 402, ../sass/core/_mixins.scss */
.block-relate-news .posts__list > li:hover {
  background-color: #e5ecf2;
  border-left: 2px solid #83a1bc;
}
/* line 406, ../sass/core/_mixins.scss */
.block-relate-news .posts__list > li:hover > a h3 {
  color: #646464;
}
/* line 411, ../sass/core/_mixins.scss */
.block-relate-news .posts__list > li:last-child {
  border-bottom: none;
}
/* line 414, ../sass/core/_mixins.scss */
.block-relate-news .posts__list > li::after {
  display: block;
  content: "";
  clear: both;
}
/* line 419, ../sass/core/_mixins.scss */
.block-relate-news .posts__list > li p {
  line-height: 20px;
}
/* line 508, ../sass/core/_mixins.scss */
.block-relate-news .posts__list > li p .search__cate,
.block-relate-news .posts__list > li p .posts__cate {
  display: inline-block;
  color: #6f6f6f;
  font-size: 14px;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 517, ../sass/core/_mixins.scss */
.block-relate-news .posts__list > li p .search__time,
.block-relate-news .posts__list > li p .posts__time {
  color: #6f6f6f;
  margin-left: 5px;
  font-size: 14px;
}
/* line 423, ../sass/core/_mixins.scss */
.block-relate-news .posts__list > li a {
  text-decoration: none;
}
/* line 425, ../sass/core/_mixins.scss */
.block-relate-news .posts__list > li a h3 {
  display: block;
  color: #646464;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  padding: 0;
}
/* line 532, ../sass/core/_mixins.scss */
.block-relate-news .posts__list > li a h3:hover {
  color: #646464;
}
/* line 429, ../sass/core/_mixins.scss */
.block-relate-news .posts__list > li a.post__img {
  width: 198px;
  height: 110px;
  display: block;
  overflow: hidden;
  float: left;
  margin-right: 10px;
  display: table-cell;
  vertical-align: middle;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
/* line 547, ../sass/core/_mixins.scss */
.block-relate-news .posts__list > li a.post__img img {
  height: 100%;
}

/* line 23, ../sass/layout/_screen.scss */
.btn-thele {
  background-position: -250px -870px;
  height: 80px;
  width: 250px;
}

/* line 23, ../sass/layout/_screen.scss */
.btn-thamgia {
  background-position: -256px -564px;
  height: 80px;
  width: 250px;
}

/* line 23, ../sass/layout/_screen.scss */
.btn-phanthuong {
  background-position: -250px -950px;
  height: 80px;
  width: 250px;
}

/* line 23, ../sass/layout/_screen.scss */
.btn-chonsanpham {
  background-position: 0 -950px;
  height: 80px;
  width: 250px;
}

/* line 28, ../sass/layout/_screen.scss */
html, body {
  width: 100%;
  height: 100%;
  font: 16px arial, "Roboto", sans-serif;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  /* prevent safari in ios auto scale font-size */
}
/* line 35, ../sass/layout/_screen.scss */
html a, body a {
  text-decoration: none;
}

/* line 40, ../sass/layout/_screen.scss */
.btn-img {
  display: block;
  text-indent: -9999px;
}

/* line 45, ../sass/layout/_screen.scss */
.outer {
  position: absolute;
  width: 1920px;
  top: 0;
  left: 50%;
  margin-left: -960px;
  /* breakpoint: smartphone | desktop; */
  /* between desktop ~ smartphone */
}
@media (max-width: 1024px) {
  /* line 45, ../sass/layout/_screen.scss */
  .outer {
    width: 768px;
    top: 0;
    left: 0;
    margin-left: 0;
    overflow-x: hidden;
  }
}

/* line 60, ../sass/layout/_screen.scss */
.img-pc {
  display: block;
  /* breakpoint: smartphone | desktop; */
  /* between desktop ~ smartphone */
}
@media (max-width: 1024px) {
  /* line 60, ../sass/layout/_screen.scss */
  .img-pc {
    display: none;
  }
}

/* line 67, ../sass/layout/_screen.scss */
.img-mobile {
  display: block;
  /* breakpoint: smartphone | desktop; */
}
@media (min-width: 1025px) {
  /* line 67, ../sass/layout/_screen.scss */
  .img-mobile {
    display: none;
  }
}

/* line 74, ../sass/layout/_screen.scss */
.footer {
  text-align: center;
  color: #baba9c;
  border-top: 2px solid #57140b;
  padding: 20px 0;
  background: #310803;
}
/* line 80, ../sass/layout/_screen.scss */
.footer .text {
  margin-top: 15px;
  line-height: 25px;
}
/* line 84, ../sass/layout/_screen.scss */
.footer br:nth-child(2) {
  display: none;
  /* breakpoint: smartphone | desktop; */
  /* between desktop ~ smartphone */
}
@media (max-width: 1024px) {
  /* line 84, ../sass/layout/_screen.scss */
  .footer br:nth-child(2) {
    display: block;
  }
}

/* line 92, ../sass/layout/_screen.scss */
.btn-shine {
  overflow: hidden;
  position: relative;
}
/* line 96, ../sass/layout/_screen.scss */
.btn-shine:hover:before {
  transform: translateX(300px) skewX(-15deg);
  opacity: 0.6;
  transition: .7s;
}
/* line 101, ../sass/layout/_screen.scss */
.btn-shine:hover:after {
  transform: translateX(300px) skewX(-15deg);
  opacity: 1;
  transition: .7s;
}
/* line 107, ../sass/layout/_screen.scss */
.btn-shine:before {
  content: '';
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
  width: 80px;
  height: 100%;
  left: 0;
  top: 0;
  opacity: .5;
  filter: blur(30px);
  transform: translateX(-150px) skewX(-15deg);
}
/* line 120, ../sass/layout/_screen.scss */
.btn-shine:after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  width: 80px;
  height: 100%;
  left: 30px;
  top: 0;
  opacity: 0;
  filter: blur(5px);
  transform: translateX(-150px) skewX(-15deg);
}
@keyframes shineloop {
  100% {
    transform: translateX(500px) skewX(-15deg);
    opacity: 1;
  }
}
/* line 141, ../sass/layout/_screen.scss */
.list-game {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
/* line 145, ../sass/layout/_screen.scss */
.list-game li {
  margin-top: 25px;
}
/* line 147, ../sass/layout/_screen.scss */
.list-game li:not(:nth-child(3n)) {
  margin-right: 20px;
}
/* line 150, ../sass/layout/_screen.scss */
.list-game li a {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 17px;
  display: flex;
  flex-direction: column;
  text-align: center;
  color: #8c2e00;
}
/* line 158, ../sass/layout/_screen.scss */
.list-game li a img {
  margin-bottom: 10px;
}

/* line 3, ../sass/style.scss */
.page-header {
  background: url(../images/theme/header-bg.jpg) center top no-repeat;
  height: 1079px;
  position: relative;
  /* breakpoint: smartphone | desktop; */
  /* between desktop ~ smartphone */
}
@media (max-width: 1024px) {
  /* line 3, ../sass/style.scss */
  .page-header {
    background: url(../images/theme/m-header-bg.jpg) center top no-repeat;
    height: 1370px;
  }
}
/* line 11, ../sass/style.scss */
.page-header .group-btn {
  display: flex;
  position: absolute;
  left: 50%;
  bottom: 150px;
  transform: translateX(-50%);
  /* breakpoint: smartphone | desktop; */
  /* between desktop ~ smartphone */
}
@media (max-width: 1024px) {
  /* line 11, ../sass/style.scss */
  .page-header .group-btn {
    bottom: 300px;
    transform: translateX(-50%) scale(0.9);
  }
}
/* line 21, ../sass/style.scss */
.page-header .group-btn li {
  margin: 0 15px;
}
/* line 25, ../sass/style.scss */
.page-header .bg-vi-frame-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  /* breakpoint: smartphone | desktop; */
  /* between desktop ~ smartphone */
}
@media (max-width: 1024px) {
  /* line 25, ../sass/style.scss */
  .page-header .bg-vi-frame-1 {
    display: none;
  }
}

/*# sourceMappingURL=style.css.map */