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;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: FontTitle;
  src: url(../fonts/RobotoCondensed-Regular.ttf);
}
/* ----- content ----- */
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #ff7e00;
}

input {
  margin: 0px;
  padding: 0px;
  color: #414141;
}
input::-webkit-input-placeholder {
  color: #414141;
}
input:-moz-placeholder {
  /* Firefox 18- */
  color: #414141;
}
input::-moz-placeholder {
  /* Firefox 19+ */
  color: #414141;
}
input:-ms-input-placeholder {
  color: #414141;
}

strong {
  font-weight: bold;
}

fieldset legend {
  display: none;
}

.loading {
  background: url(../images/loading.gif) no-repeat center;
  width: 100%;
  height: 200px;
  margin: 0px auto;
}

/* ----- tabHeader ----- */
/* ----- AnchorLink ----- */
/* ----- table ----- */
/* ----- NoticeBox ----- */
/* ----- Popup ----- */
/* ----- UserInfo ----- */
/* ----- form ----- */
.wrapper-out .wrapper {
  display: block;
  overflow: hidden;
}

.bg-nav ul li:nth-child(1) a, .bg-nav ul li:nth-child(2) a, .bg-nav ul li:nth-child(3) a, .bg-nav ul li:nth-child(4) a, .bg-nav ul li:nth-child(5) a, .bg-nav ul li:nth-child(6) a, .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(1), .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(2), .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(3), .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(4), .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(1), .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(2), .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(3), .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(4), .landing .frame-5-content .swiper-pagination-bullet, .sticky-right .bg-link a {
  display: block;
  text-indent: -9999px;
}

body {
  background: #000;
  color: #414141;
  font: 16px/24px FontTitle, Roboto, Tahoma, Verdana, sans-serif;
  overflow-x: hidden;
}

.Rating_vng_18 {
  top: 0;
}

.layout-sprite, .layout-bt-play-2, .layout-bt-play-3, .layout-bt-play-4, .layout-bt-play, .layout-bt-top, .layout-f2-arrow, .layout-f2-bgvideo, .layout-f2-bt-chitiet, .layout-f2-skill-1-hov, .layout-f2-skill-1, .layout-f2-skill-2-hov, .layout-f2-skill-2, .layout-f2-skill-3-hov, .layout-f2-skill-3, .layout-f2-skill-4-hov, .layout-f2-skill-4, .layout-f2-skill-5-hov, .layout-f2-skill-5, .layout-f2-title-hov, .layout-f3-bgtab, .layout-f3-tab-hov, .layout-f4-bgtab, .layout-f4-khienquyen-tab-1-hov, .layout-f4-khienquyen-tab-1, .layout-f4-khienquyen-tab-2-hov, .layout-f4-khienquyen-tab-2, .layout-f4-khienquyen-tab-3-hov, .layout-f4-khienquyen-tab-3, .layout-f4-khienquyen-tab-4-hov, .layout-f4-khienquyen-tab-4, .layout-f4-khienvan-tab-1-hov, .layout-f4-khienvan-tab-1, .layout-f4-khienvan-tab-2-hov, .layout-f4-khienvan-tab-2, .layout-f4-khienvan-tab-3-hov, .layout-f4-khienvan-tab-3, .layout-f4-khienvan-tab-4-hov, .layout-f4-khienvan-tab-4, .layout-f4-tab-hov, .layout-f6-tab-1, .layout-f6-tab-2, .layout-f6-tab-3, .layout-f6-tab-4, .layout-f6-tab-5, .layout-f6-tab-6, .layout-footer-android, .layout-footer-app, .layout-footer-hotro, .layout-footer-nhapcode, .layout-footer-youtube, .layout-label-ramat, .layout-nameskill1, .layout-nameskill2, .layout-nameskill3, .layout-nameskill4, .layout-nameskill5, .layout-nav-1-hov, .layout-nav-1, .layout-nav-2-hov, .layout-nav-2, .layout-nav-3-hov, .layout-nav-3, .layout-nav-4-hov, .layout-nav-4, .layout-nav-5-hov, .layout-nav-5, .layout-nav-6-hov, .layout-nav-6, .layout-right-android, .layout-right-apk, .layout-right-close, .layout-right-fanpage, .layout-right-home, .layout-right-ios, .layout-right-napthe, .layout-right-nhapcode, .layout-right-open, .layout-right-youtube, .bg-nav ul li:nth-child(1) a, .bg-nav ul li:nth-child(1) a:hover, .bg-nav ul li:nth-child(1) a.active, .bg-nav ul li:nth-child(2) a, .bg-nav ul li:nth-child(2) a:hover, .bg-nav ul li:nth-child(2) a.active, .bg-nav ul li:nth-child(3) a, .bg-nav ul li:nth-child(3) a:hover, .bg-nav ul li:nth-child(3) a.active, .bg-nav ul li:nth-child(4) a, .bg-nav ul li:nth-child(4) a:hover, .bg-nav ul li:nth-child(4) a.active, .bg-nav ul li:nth-child(5) a, .bg-nav ul li:nth-child(5) a:hover, .bg-nav ul li:nth-child(5) a.active, .bg-nav ul li:nth-child(6) a, .bg-nav ul li:nth-child(6) a:hover, .bg-nav ul li:nth-child(6) a.active, .landing .page-header .bt-play, .landing .page-header .label-srm, .landing .frame-2-content .f2-video, .landing .frame-2-content .f2-video:after, .landing .frame-2-content .bt-chitiet, .landing .frame-2-content .list-skill li:nth-child(1) a, .landing .frame-2-content .list-skill li:nth-child(1) a span, .landing .frame-2-content .list-skill li:nth-child(2) a, .landing .frame-2-content .list-skill li:nth-child(2) a span, .landing .frame-2-content .list-skill li:nth-child(3) a, .landing .frame-2-content .list-skill li:nth-child(3) a span, .landing .frame-2-content .list-skill li:nth-child(4) a, .landing .frame-2-content .list-skill li:nth-child(4) a span, .landing .frame-2-content .list-skill li:nth-child(5) a, .landing .frame-2-content .list-skill li:nth-child(5) a span, .landing .frame-4-content .f4-tab, .landing .frame-4-content #f4-tab-1.f4-tab-content .video:after, .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(1), .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(1):hover, .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1), .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(2), .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(2):hover, .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2), .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(3), .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(3):hover, .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3), .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(4), .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(4):hover, .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4), .landing .frame-4-content #f4-tab-2.f4-tab-content .video:after, .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(1), .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(1):hover, .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1), .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(2), .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(2):hover, .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2), .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(3), .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(3):hover, .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3), .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(4), .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(4):hover, .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4), .landing .frame-4-content #f4-tab-3.f4-tab-content .video:after, .landing .frame-4-content #f4-tab-4.f4-tab-content .video:after, .sticky-right a.bt-control.open, .sticky-right a.bt-control.close, .sticky-right .bg-link .right-napthe, .sticky-right .bg-link .right-ios, .sticky-right .bg-link .right-google-play, .sticky-right .bg-link .right-pc, .sticky-right .bg-link .right-nhapcode, .sticky-right .bg-link .right-top, .sticky-right .bg-link .right-home, .sticky-right .bg-link .right-youtube, .sticky-right .bg-link .right-fanpage {
  background-image: url('../images/layout-sf04d4199e8.png');
  background-repeat: no-repeat;
}

.layout-bt-play-2 {
  background-position: -422px -534px;
  height: 121px;
  width: 154px;
}

.layout-bt-play-3 {
  background-position: -451px -1081px;
  height: 179px;
  width: 179px;
}

.layout-bt-play-4 {
  background-position: -630px -1081px;
  height: 179px;
  width: 179px;
}

.layout-bt-play {
  background-position: 0 -1081px;
  height: 141px;
  width: 140px;
}

.layout-bt-top {
  background-position: -52px 0;
  height: 87px;
  width: 41px;
}

.layout-f2-arrow {
  background-position: 0 -87px;
  height: 20px;
  width: 40px;
}

.layout-f2-bgvideo {
  background-position: 0 -1456px;
  height: 747px;
  width: 955px;
}

.layout-f2-bt-chitiet {
  background-position: -82px -778px;
  height: 187px;
  width: 82px;
}

.layout-f2-skill-1-hov {
  background-position: -117px -656px;
  height: 118px;
  width: 117px;
}

.layout-f2-skill-1 {
  background-position: 0 -656px;
  height: 118px;
  width: 117px;
}

.layout-f2-skill-2-hov {
  background-position: -584px -656px;
  height: 118px;
  width: 116px;
}

.layout-f2-skill-2 {
  background-position: -700px -656px;
  height: 118px;
  width: 116px;
}

.layout-f2-skill-3-hov {
  background-position: 0 -534px;
  height: 118px;
  width: 116px;
}

.layout-f2-skill-3 {
  background-position: -116px -534px;
  height: 118px;
  width: 116px;
}

.layout-f2-skill-4-hov {
  background-position: -234px -656px;
  height: 118px;
  width: 117px;
}

.layout-f2-skill-4 {
  background-position: -351px -656px;
  height: 118px;
  width: 117px;
}

.layout-f2-skill-5-hov {
  background-position: -232px -534px;
  height: 118px;
  width: 116px;
}

.layout-f2-skill-5 {
  background-position: -468px -656px;
  height: 118px;
  width: 116px;
}

.layout-f2-title-hov {
  background-position: -811px -87px;
  height: 48px;
  width: 110px;
}

.layout-f3-bgtab {
  background-position: 0 -1384px;
  height: 72px;
  width: 762px;
}

.layout-f3-tab-hov {
  background-position: -165px 0;
  height: 50px;
  width: 174px;
}

.layout-f4-bgtab {
  background-position: 0 -159px;
  height: 72px;
  width: 1282px;
}

.layout-f4-khienquyen-tab-1-hov {
  background-position: -1186px -656px;
  height: 122px;
  width: 74px;
}

.layout-f4-khienquyen-tab-1 {
  background-position: -1112px -656px;
  height: 122px;
  width: 74px;
}

.layout-f4-khienquyen-tab-2-hov {
  background-position: -1038px -656px;
  height: 122px;
  width: 74px;
}

.layout-f4-khienquyen-tab-2 {
  background-position: -964px -656px;
  height: 122px;
  width: 74px;
}

.layout-f4-khienquyen-tab-3-hov {
  background-position: -890px -656px;
  height: 122px;
  width: 74px;
}

.layout-f4-khienquyen-tab-3 {
  background-position: -816px -656px;
  height: 122px;
  width: 74px;
}

.layout-f4-khienquyen-tab-4-hov {
  background-position: -1168px -534px;
  height: 122px;
  width: 74px;
}

.layout-f4-khienquyen-tab-4 {
  background-position: -1094px -534px;
  height: 122px;
  width: 74px;
}

.layout-f4-khienvan-tab-1-hov {
  background-position: -1020px -534px;
  height: 122px;
  width: 74px;
}

.layout-f4-khienvan-tab-1 {
  background-position: -946px -534px;
  height: 122px;
  width: 74px;
}

.layout-f4-khienvan-tab-2-hov {
  background-position: -872px -534px;
  height: 122px;
  width: 74px;
}

.layout-f4-khienvan-tab-2 {
  background-position: -798px -534px;
  height: 122px;
  width: 74px;
}

.layout-f4-khienvan-tab-3-hov {
  background-position: -724px -534px;
  height: 122px;
  width: 74px;
}

.layout-f4-khienvan-tab-3 {
  background-position: -650px -534px;
  height: 122px;
  width: 74px;
}

.layout-f4-khienvan-tab-4-hov {
  background-position: -576px -534px;
  height: 122px;
  width: 74px;
}

.layout-f4-khienvan-tab-4 {
  background-position: -348px -534px;
  height: 122px;
  width: 74px;
}

.layout-f4-tab-hov {
  background-position: 0 -231px;
  height: 50px;
  width: 294px;
}

.layout-f6-tab-1 {
  background-position: -731px -231px;
  height: 303px;
  width: 221px;
}

.layout-f6-tab-2 {
  background-position: -510px -231px;
  height: 303px;
  width: 221px;
}

.layout-f6-tab-3 {
  background-position: -955px -1456px;
  height: 303px;
  width: 221px;
}

.layout-f6-tab-4 {
  background-position: -1030px -1081px;
  height: 303px;
  width: 221px;
}

.layout-f6-tab-5 {
  background-position: -1034px -778px;
  height: 303px;
  width: 221px;
}

.layout-f6-tab-6 {
  background-position: -809px -1081px;
  height: 303px;
  width: 221px;
}

.layout-footer-android {
  background-position: -668px -87px;
  height: 42px;
  width: 143px;
}

.layout-footer-app {
  background-position: -291px -1081px;
  height: 160px;
  width: 160px;
}

.layout-footer-hotro {
  background-position: -164px -778px;
  height: 270px;
  width: 290px;
}

.layout-footer-nhapcode {
  background-position: -744px -778px;
  height: 270px;
  width: 290px;
}

.layout-footer-youtube {
  background-position: -454px -778px;
  height: 270px;
  width: 290px;
}

.layout-label-ramat {
  background-position: 0 -778px;
  height: 187px;
  width: 82px;
}

.layout-nameskill1 {
  background-position: -471px 0;
  height: 51px;
  width: 132px;
}

.layout-nameskill2 {
  background-position: -339px 0;
  height: 51px;
  width: 132px;
}

.layout-nameskill3 {
  background-position: -939px 0;
  height: 51px;
  width: 132px;
}

.layout-nameskill4 {
  background-position: -735px 0;
  height: 51px;
  width: 132px;
}

.layout-nameskill5 {
  background-position: -603px 0;
  height: 51px;
  width: 132px;
}

.layout-nav-1-hov {
  background-position: -1071px 0;
  height: 72px;
  width: 72px;
}

.layout-nav-1 {
  background-position: -1065px -87px;
  height: 72px;
  width: 72px;
}

.layout-nav-2-hov {
  background-position: -993px -87px;
  height: 72px;
  width: 72px;
}

.layout-nav-2 {
  background-position: -921px -87px;
  height: 72px;
  width: 72px;
}

.layout-nav-3-hov {
  background-position: -867px 0;
  height: 72px;
  width: 72px;
}

.layout-nav-3 {
  background-position: -93px 0;
  height: 72px;
  width: 72px;
}

.layout-nav-4-hov {
  background-position: -294px -231px;
  height: 72px;
  width: 72px;
}

.layout-nav-4 {
  background-position: -1209px -87px;
  height: 72px;
  width: 72px;
}

.layout-nav-5-hov {
  background-position: -1137px -87px;
  height: 72px;
  width: 72px;
}

.layout-nav-5 {
  background-position: -366px -231px;
  height: 72px;
  width: 72px;
}

.layout-nav-6-hov {
  background-position: -1143px 0;
  height: 72px;
  width: 72px;
}

.layout-nav-6 {
  background-position: -438px -231px;
  height: 72px;
  width: 72px;
}

.layout-right-android {
  background-position: -541px -87px;
  height: 40px;
  width: 127px;
}

.layout-right-apk {
  background-position: -160px -87px;
  height: 40px;
  width: 127px;
}

.layout-right-close {
  background-position: -26px 0;
  height: 60px;
  width: 26px;
}

.layout-right-fanpage {
  background-position: -80px -87px;
  height: 30px;
  width: 40px;
}

.layout-right-home {
  background-position: -40px -87px;
  height: 30px;
  width: 40px;
}

.layout-right-ios {
  background-position: -414px -87px;
  height: 40px;
  width: 127px;
}

.layout-right-napthe {
  background-position: -140px -1081px;
  height: 148px;
  width: 151px;
}

.layout-right-nhapcode {
  background-position: -287px -87px;
  height: 40px;
  width: 127px;
}

.layout-right-open {
  background-position: 0 0;
  height: 60px;
  width: 26px;
}

.layout-right-youtube {
  background-position: -120px -87px;
  height: 30px;
  width: 40px;
}

@font-face {
  font-family: FontTitle;
  src: url(../fonts/RobotoCondensed-Regular.ttf);
}
.bg-nav {
  width: 72px;
  background: url(../images/bg-nav.png) 0 0 no-repeat;
  top: 15%;
  left: 30px;
  position: fixed;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  z-index: 10;
  padding: 0;
}
.bg-nav ul {
  width: 72px;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.bg-nav ul li {
  width: 100%;
  float: left;
  margin: 0 auto 18px;
  position: relative;
}
.bg-nav ul li:nth-child(1) {
  margin-bottom: 20px;
}
.bg-nav ul li:nth-child(1) a {
  margin: 0;
  background-position: -1065px -87px;
  height: 72px;
  width: 72px;
}
.bg-nav ul li:nth-child(1) a:hover, .bg-nav ul li:nth-child(1) a.active {
  background-position: -1071px 0;
  height: 72px;
  width: 72px;
}
.bg-nav ul li:nth-child(1) a.off {
  filter: grayscale(1);
  cursor: not-allowed;
}
.bg-nav ul li:nth-child(2) a {
  margin: 0;
  background-position: -921px -87px;
  height: 72px;
  width: 72px;
}
.bg-nav ul li:nth-child(2) a:hover, .bg-nav ul li:nth-child(2) a.active {
  background-position: -993px -87px;
  height: 72px;
  width: 72px;
}
.bg-nav ul li:nth-child(2) a.off {
  filter: grayscale(1);
  cursor: not-allowed;
}
.bg-nav ul li:nth-child(3) a {
  margin: 0;
  background-position: -93px 0;
  height: 72px;
  width: 72px;
}
.bg-nav ul li:nth-child(3) a:hover, .bg-nav ul li:nth-child(3) a.active {
  background-position: -867px 0;
  height: 72px;
  width: 72px;
}
.bg-nav ul li:nth-child(3) a.off {
  filter: grayscale(1);
  cursor: not-allowed;
}
.bg-nav ul li:nth-child(4) a {
  margin: 0;
  background-position: -1209px -87px;
  height: 72px;
  width: 72px;
}
.bg-nav ul li:nth-child(4) a:hover, .bg-nav ul li:nth-child(4) a.active {
  background-position: -294px -231px;
  height: 72px;
  width: 72px;
}
.bg-nav ul li:nth-child(4) a.off {
  filter: grayscale(1);
  cursor: not-allowed;
}
.bg-nav ul li:nth-child(5) a {
  margin: 0;
  background-position: -366px -231px;
  height: 72px;
  width: 72px;
}
.bg-nav ul li:nth-child(5) a:hover, .bg-nav ul li:nth-child(5) a.active {
  background-position: -1137px -87px;
  height: 72px;
  width: 72px;
}
.bg-nav ul li:nth-child(5) a.off {
  filter: grayscale(1);
  cursor: not-allowed;
}
.bg-nav ul li:nth-child(6) a {
  margin: 0;
  background-position: -438px -231px;
  height: 72px;
  width: 72px;
}
.bg-nav ul li:nth-child(6) a:hover, .bg-nav ul li:nth-child(6) a.active {
  background-position: -1143px 0;
  height: 72px;
  width: 72px;
}
.bg-nav ul li:nth-child(6) a.off {
  filter: grayscale(1);
  cursor: not-allowed;
}

.landing {
  position: relative;
  background: #000;
  width: 2000px;
  margin: 0 auto;
  left: 50%;
  margin-left: -1000px;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
}
.landing .page-header {
  height: 1200px;
  width: 100%;
  margin: 0px auto;
  position: relative;
  background: url(../images/bg-landing-f1.jpg) center top no-repeat;
}
.landing .page-header .rating {
  width: 190px;
  height: 100px;
  position: absolute;
  top: 20px;
  left: 20px;
  display: block;
  text-indent: -9999px;
  background: url(../images/rating.png) 0 0 no-repeat;
  z-index: 10;
}
.landing .page-header .logo {
  width: 271px;
  height: 125px;
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -640px;
  display: block;
  text-indent: -9999px;
  background: url(../images/logo.png) 0 0 no-repeat;
}
.landing .page-header .logo:hover {
  filter: brightness(1.3);
}
.landing .page-header .bt-play {
  background-position: 0 -1081px;
  height: 141px;
  width: 140px;
  display: block;
  text-indent: -9999px;
  text-decoration: none;
  position: absolute;
  top: 740px;
  left: 50%;
  margin-left: -305px;
  z-index: 5;
}
.landing .page-header .bt-play:hover {
  filter: brightness(1.3);
}
.landing .page-header .label-srm {
  background-position: 0 -778px;
  height: 187px;
  width: 82px;
  display: block;
  text-indent: -9999px;
  text-decoration: none;
  position: absolute;
  top: 515px;
  left: 50%;
  margin-left: 240px;
  z-index: 5;
}
.landing .page-header .btn-home {
  position: absolute;
  left: 50%;
  top: 20px;
  margin-left: 350px;
  background: url(../images/btn-home-fan.png) 0 0 no-repeat;
  width: 175px;
  height: 50px;
  text-indent: -9999px;
}
.landing .page-header .btn-home:hover {
  filter: brightness(1.3);
}
.landing .page-header .btn-fanpage {
  position: absolute;
  left: 50%;
  top: 20px;
  margin-left: 525px;
  background: url(../images/btn-home-fan.png) -175px 0 no-repeat;
  width: 165px;
  height: 50px;
  text-indent: -9999px;
}
.landing .page-header .btn-fanpage:hover {
  filter: brightness(1.3);
}
.landing .frame-2 {
  width: 100%;
  height: 1043px;
  background: url(../images/bg-landing-f2.jpg) center 0 no-repeat #cfebda;
  position: relative;
  margin-top: 0px;
}
.landing .frame-2-content {
  width: 1400px;
  margin: 0 auto;
  position: relative;
  padding-top: 265px;
}
.landing .frame-2-content .f2-video {
  background-position: 0 -1456px;
  height: 747px;
  width: 955px;
  margin: 0 0 20px 10px;
  position: relative;
  display: block;
}
.landing .frame-2-content .f2-video img {
  max-width: 100%;
  padding: 20px;
  display: block;
}
.landing .frame-2-content .f2-video:after {
  content: "";
  background-position: -422px -534px;
  height: 121px;
  width: 154px;
  position: absolute;
  top: 40%;
  left: 40%;
  z-index: 2;
  display: block;
  text-indent: -9999px;
  text-decoration: none;
}
.landing .frame-2-content .f2-video:hover:after {
  filter: brightness(1.3);
}
.landing .frame-2-content .bt-chitiet {
  background-position: -82px -778px;
  height: 187px;
  width: 82px;
  display: block;
  text-indent: -9999px;
  text-decoration: none;
  position: absolute;
  top: 310px;
  left: 50%;
  margin-left: -35px;
}
.landing .frame-2-content .bt-chitiet:hover {
  filter: brightness(1.3);
}
.landing .frame-2-content .list-skill {
  clear: left;
  width: 605px;
  display: block;
  text-align: center;
  position: relative;
}
.landing .frame-2-content .list-skill li:nth-child(1) {
  display: inline-block;
  margin: 0 7px;
}
.landing .frame-2-content .list-skill li:nth-child(1) a {
  display: block;
  background-position: 0 -656px;
  height: 118px;
  width: 117px;
  position: relative;
}
.landing .frame-2-content .list-skill li:nth-child(1) a span {
  position: absolute;
  top: 120px;
  left: -10px;
  display: block;
  font-size: 0;
  background-position: -471px 0;
  height: 51px;
  width: 132px;
}
.landing .frame-2-content .list-skill li:nth-child(2) {
  display: inline-block;
  margin: 0 7px;
}
.landing .frame-2-content .list-skill li:nth-child(2) a {
  display: block;
  background-position: -700px -656px;
  height: 118px;
  width: 116px;
  position: relative;
}
.landing .frame-2-content .list-skill li:nth-child(2) a span {
  position: absolute;
  top: 120px;
  left: -10px;
  display: block;
  font-size: 0;
  background-position: -339px 0;
  height: 51px;
  width: 132px;
}
.landing .frame-2-content .list-skill li:nth-child(3) {
  display: inline-block;
  margin: 0 7px;
}
.landing .frame-2-content .list-skill li:nth-child(3) a {
  display: block;
  background-position: -116px -534px;
  height: 118px;
  width: 116px;
  position: relative;
}
.landing .frame-2-content .list-skill li:nth-child(3) a span {
  position: absolute;
  top: 120px;
  left: -10px;
  display: block;
  font-size: 0;
  background-position: -939px 0;
  height: 51px;
  width: 132px;
}
.landing .frame-2-content .list-skill li:nth-child(4) {
  display: inline-block;
  margin: 0 7px;
}
.landing .frame-2-content .list-skill li:nth-child(4) a {
  display: block;
  background-position: -351px -656px;
  height: 118px;
  width: 117px;
  position: relative;
}
.landing .frame-2-content .list-skill li:nth-child(4) a span {
  position: absolute;
  top: 120px;
  left: -10px;
  display: block;
  font-size: 0;
  background-position: -735px 0;
  height: 51px;
  width: 132px;
}
.landing .frame-2-content .list-skill li:nth-child(5) {
  display: inline-block;
  margin: 0 7px;
}
.landing .frame-2-content .list-skill li:nth-child(5) a {
  display: block;
  background-position: -468px -656px;
  height: 118px;
  width: 116px;
  position: relative;
}
.landing .frame-2-content .list-skill li:nth-child(5) a span {
  position: absolute;
  top: 120px;
  left: -10px;
  display: block;
  font-size: 0;
  background-position: -603px 0;
  height: 51px;
  width: 132px;
}
.landing .frame-2-content .list-skill .tooltip {
  width: 580px;
  position: absolute;
  top: 200px;
  left: 0;
  border: 1px solid #9da7ae;
  color: #fefefe;
  padding: 10px;
  display: none;
}
.landing .frame-2-content .list-skill .tooltip p {
  background: #3c5272;
  border: 1px solid #9da7ae;
  font-size: 18px;
  padding: 10px;
  text-align: left;
}
.landing .frame-2-content .list-skill li.active .tooltip {
  display: block;
}
.landing .frame-3 {
  width: 100%;
  height: 1000px;
  background: url(../images/bg-landing-f3.jpg) center top no-repeat;
  position: relative;
  overflow: hidden;
  margin-top: -1px;
}
.landing .frame-3-content {
  margin: 0 auto;
  position: relative;
}
.landing .frame-3-content .f3-tab {
  position: absolute;
  left: 280px;
  top: 370px;
}
.landing .frame-3-content .f3-tab .f3-btn2 {
  position: absolute;
  top: 230px;
}
.landing .frame-3-content .f3-tab-content {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 250px;
  display: none;
}
.landing .frame-3-content .f3-tab-content.active {
  display: block;
}
.landing .frame-4 {
  width: 100%;
  height: 1140px;
  background: url(../images/bg-landing-f4-1.png) center top no-repeat;
  position: relative;
  overflow: hidden;
  margin-top: -50px;
}
.landing .frame-4-content {
  width: 1290px;
  height: 820px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding-top: 278px;
}
.landing .frame-4-content .f4-tab {
  background-position: 0 -159px;
  height: 72px;
  width: 1282px;
  margin: 0 auto 40px;
  text-align: center;
}
.landing .frame-4-content .f4-tab li {
  width: 315px;
  display: inline-block;
  margin: 0;
}
.landing .frame-4-content .f4-tab li a {
  width: 315px;
  height: 50px;
  color: #fff;
  line-height: 50px;
  padding: 11px 0;
  text-align: center;
  font-size: 18px;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
}
.landing .frame-4-content .f4-tab li a:hover, .landing .frame-4-content .f4-tab li a.active {
  background: url(../images/layout/f4-tab-hov.png) center 10px no-repeat;
  color: #3b283e;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content {
  width: 1282px;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 390px;
  left: 0;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content.active {
  opacity: 1;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .video {
  width: 762px;
  height: 430px;
  background: url(../images/frame-4/f4-bgvideo-1.png) no-repeat;
  margin: 0 0 20px;
  display: block;
  position: relative;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .video img {
  max-width: 100%;
  width: 689px;
  display: block;
  padding: 30px 37px;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .video:after {
  content: "";
  background-position: -451px -1081px;
  height: 179px;
  width: 179px;
  position: absolute;
  top: 30%;
  left: 40%;
  z-index: 2;
  display: block;
  text-indent: -9999px;
  text-decoration: none;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .video:hover:after {
  filter: brightness(1.3);
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .tooltip {
  width: 740px;
  border: 1px solid #bbb6e1;
  color: #fefefe;
  padding: 10px;
  display: block;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .tooltip p {
  background: #5f5dc6;
  border: 1px solid #bbb6e1;
  font-size: 18px;
  padding: 15px 10px;
  text-align: left;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat {
  width: 413px;
  margin: 0;
  height: 650px;
  position: absolute;
  right: 50px;
  top: 0;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-container {
  width: 100%;
  height: 650px;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 413px;
  height: 650px;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-slide img {
  display: block;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination {
  width: 74px;
  height: 525px;
  top: 25px;
  right: -50px;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(1) {
  border-radius: 0;
  background-color: transparent;
  margin: 0 0 10px;
  background-position: -1112px -656px;
  height: 122px;
  width: 74px;
  opacity: 1;
  outline: none;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(1):hover, .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active:nth-child(1) {
  background-position: -1186px -656px;
  height: 122px;
  width: 74px;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(2) {
  border-radius: 0;
  background-color: transparent;
  margin: 0 0 10px;
  background-position: -964px -656px;
  height: 122px;
  width: 74px;
  opacity: 1;
  outline: none;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(2):hover, .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active:nth-child(2) {
  background-position: -1038px -656px;
  height: 122px;
  width: 74px;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(3) {
  border-radius: 0;
  background-color: transparent;
  margin: 0 0 10px;
  background-position: -816px -656px;
  height: 122px;
  width: 74px;
  opacity: 1;
  outline: none;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(3):hover, .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active:nth-child(3) {
  background-position: -890px -656px;
  height: 122px;
  width: 74px;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(4) {
  border-radius: 0;
  background-color: transparent;
  margin: 0 0 10px;
  background-position: -1094px -534px;
  height: 122px;
  width: 74px;
  opacity: 1;
  outline: none;
}
.landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(4):hover, .landing .frame-4-content #f4-tab-1.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active:nth-child(4) {
  background-position: -1168px -534px;
  height: 122px;
  width: 74px;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content {
  width: 1282px;
  margin: 0;
  position: absolute;
  top: 390px;
  left: 0;
  opacity: 0;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content.active {
  opacity: 1;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .video {
  width: 762px;
  height: 430px;
  background: url(../images/frame-4/f4-bgvideo-2.png) no-repeat;
  margin: 0 0 20px;
  display: block;
  position: relative;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .video img {
  max-width: 100%;
  width: 689px;
  display: block;
  padding: 30px 37px;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .video:after {
  content: "";
  background-position: -630px -1081px;
  height: 179px;
  width: 179px;
  position: absolute;
  top: 30%;
  left: 40%;
  z-index: 2;
  display: block;
  text-indent: -9999px;
  text-decoration: none;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .video:hover:after {
  filter: brightness(1.3);
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .tooltip {
  width: 740px;
  border: 1px solid #f1cee2;
  color: #fefefe;
  padding: 10px;
  display: block;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .tooltip p {
  background: #a35a96;
  border: 1px solid #f1cee2;
  font-size: 18px;
  padding: 15px 10px;
  text-align: left;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat {
  width: 425px;
  margin: 0;
  height: 635px;
  position: absolute;
  right: 50px;
  top: 0;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-container {
  width: 100%;
  height: 635px;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 413px;
  height: 635px;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-slide img {
  display: block;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination {
  width: 74px;
  height: 525px;
  top: 25px;
  right: -50px;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(1) {
  border-radius: 0;
  background-color: transparent;
  margin: 0 0 10px;
  background-position: -946px -534px;
  height: 122px;
  width: 74px;
  opacity: 1;
  outline: none;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(1):hover, .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active:nth-child(1) {
  background-position: -1020px -534px;
  height: 122px;
  width: 74px;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(2) {
  border-radius: 0;
  background-color: transparent;
  margin: 0 0 10px;
  background-position: -798px -534px;
  height: 122px;
  width: 74px;
  opacity: 1;
  outline: none;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(2):hover, .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active:nth-child(2) {
  background-position: -872px -534px;
  height: 122px;
  width: 74px;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(3) {
  border-radius: 0;
  background-color: transparent;
  margin: 0 0 10px;
  background-position: -650px -534px;
  height: 122px;
  width: 74px;
  opacity: 1;
  outline: none;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(3):hover, .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active:nth-child(3) {
  background-position: -724px -534px;
  height: 122px;
  width: 74px;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(4) {
  border-radius: 0;
  background-color: transparent;
  margin: 0 0 10px;
  background-position: -348px -534px;
  height: 122px;
  width: 74px;
  opacity: 1;
  outline: none;
}
.landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(4):hover, .landing .frame-4-content #f4-tab-2.f4-tab-content .nhan-vat .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active:nth-child(4) {
  background-position: -576px -534px;
  height: 122px;
  width: 74px;
}
.landing .frame-4-content #f4-tab-3.f4-tab-content {
  width: 762px;
  margin: 0;
  position: absolute;
  top: 390px;
  right: 0;
  opacity: 0;
}
.landing .frame-4-content #f4-tab-3.f4-tab-content.active {
  opacity: 1;
}
.landing .frame-4-content #f4-tab-3.f4-tab-content .video {
  width: 762px;
  height: 430px;
  background: url(../images/frame-4/f4-bgvideo-1.png) no-repeat;
  filter: hue-rotate(340deg);
  margin: 0 0 20px;
  display: block;
  position: relative;
}
.landing .frame-4-content #f4-tab-3.f4-tab-content .video img {
  max-width: 100%;
  width: 689px;
  display: block;
  padding: 30px 37px;
  filter: hue-rotate(-340deg);
}
.landing .frame-4-content #f4-tab-3.f4-tab-content .video:after {
  content: "";
  background-position: -451px -1081px;
  height: 179px;
  width: 179px;
  position: absolute;
  top: 30%;
  left: 40%;
  z-index: 2;
  display: block;
  text-indent: -9999px;
  text-decoration: none;
}
.landing .frame-4-content #f4-tab-3.f4-tab-content .video:hover:after {
  filter: brightness(1.3);
}
.landing .frame-4-content #f4-tab-3.f4-tab-content .tooltip {
  width: 740px;
  border: 1px solid #bbb6e1;
  color: #fefefe;
  padding: 10px;
  display: block;
}
.landing .frame-4-content #f4-tab-3.f4-tab-content .tooltip p {
  background: #4c449b;
  border: 1px solid #bbb6e1;
  font-size: 18px;
  padding: 15px 10px;
  text-align: left;
}
.landing .frame-4-content #f4-tab-4.f4-tab-content {
  width: 762px;
  margin: 0;
  position: absolute;
  top: 390px;
  right: 0;
  opacity: 0;
}
.landing .frame-4-content #f4-tab-4.f4-tab-content.active {
  opacity: 1;
}
.landing .frame-4-content #f4-tab-4.f4-tab-content .video {
  width: 762px;
  height: 430px;
  background: url(../images/frame-4/f4-bgvideo-4.png) no-repeat;
  margin: 0 0 20px;
  display: block;
  position: relative;
}
.landing .frame-4-content #f4-tab-4.f4-tab-content .video img {
  max-width: 100%;
  width: 689px;
  display: block;
  padding: 30px 37px;
}
.landing .frame-4-content #f4-tab-4.f4-tab-content .video:after {
  content: "";
  background-position: -451px -1081px;
  height: 179px;
  width: 179px;
  position: absolute;
  top: 30%;
  left: 40%;
  z-index: 2;
  display: block;
  text-indent: -9999px;
  text-decoration: none;
}
.landing .frame-4-content #f4-tab-4.f4-tab-content .video:hover:after {
  filter: brightness(1.3);
}
.landing .frame-4-content #f4-tab-4.f4-tab-content .tooltip {
  width: 740px;
  border: 1px solid #bbb6e1;
  color: #fefefe;
  padding: 10px;
  display: block;
}
.landing .frame-4-content #f4-tab-4.f4-tab-content .tooltip p {
  background: #547291;
  border: 1px solid #bbb6e1;
  font-size: 18px;
  padding: 15px 10px;
  text-align: left;
}
.landing .frame-5 {
  width: 100%;
  height: 1000px;
  background: url(../images/bg-landing-f5.jpg) center top no-repeat;
  position: relative;
  overflow: hidden;
  margin-top: -60px;
}
.landing .frame-5-content {
  width: 1490px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding-top: 225px;
  height: 100%;
}
.landing .frame-5-content .swiper-slide {
  width: 1280px;
  height: 720px;
}
.landing .frame-5-content .swiper-slide img {
  width: 1280px;
  height: 720px;
  display: block;
  margin: 0 auto;
}
.landing .frame-5-content .swiper-slide .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.7)), to(transparent));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.7), transparent);
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.7), transparent);
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.7), transparent);
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.7), transparent);
}
.landing .frame-5-content .swiper-slide .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.7)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.7), transparent);
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.7), transparent);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.7), transparent);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), transparent);
}
.landing .frame-5-content .swiper-button-next {
  width: 62px;
  height: 134px;
  background: url(../images/frame-5/bt-next.png) no-repeat 0 0/cover;
  outline: none;
  right: 0;
  top: 520px !important;
}
.landing .frame-5-content .swiper-button-next:hover {
  filter: brightness(1.3);
}
.landing .frame-5-content .swiper-button-next:after {
  display: none;
}
.landing .frame-5-content .swiper-button-prev {
  width: 62px;
  height: 134px;
  background: url(../images/frame-5/bt-prev.png) no-repeat 0 0/cover;
  outline: none;
  left: 0;
  top: 520px !important;
}
.landing .frame-5-content .swiper-button-prev:hover {
  filter: brightness(1.3);
}
.landing .frame-5-content .swiper-button-prev:after {
  display: none;
}
.landing .frame-5-content .swiper-pagination {
  width: 1000px;
  height: 45px;
  top: 950px;
  left: 50%;
  margin-left: -500px;
}
.landing .frame-5-content .swiper-pagination-bullet {
  display: inline-block;
  width: 45px;
  height: 45px;
  border-radius: 0;
  margin: 0 15px;
  opacity: 1;
  outline: none;
  background: url(../images/frame-5/paging.png) no-repeat;
}
.landing .frame-5-content .swiper-pagination-bullet:hover, .landing .frame-5-content .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: url(../images/frame-5/paging-hov.png) no-repeat;
}
.landing .frame-6 {
  height: 1173px;
  background: url(../images/bg-landing-f6.jpg) center top no-repeat;
  position: relative;
  overflow: hidden;
  margin-top: -1px;
}
.landing .frame-6-content {
  width: 1500px;
  margin: 0 auto;
  position: relative;
  padding-top: 200px;
  margin-left: 160px;
}
.landing .frame-6-content ul .swiper-slide {
  opacity: 0;
  pointer-events: none;
}
.landing .frame-6-content ul .swiper-slide.visible {
  opacity: 1;
  pointer-events: auto;
}

footer {
  width: 100%;
  background: #fff;
  padding: 50px 0;
  transform-origin: center 0;
  color: #4b4b4b;
  overflow: hidden;
}
footer .footer {
  width: 1400px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
footer .footer img {
  margin: 0 auto 10px;
}
footer .footer p {
  width: 100%;
  text-align: center;
  font-size: 19px;
  line-height: 30px;
}

@keyframes activeBtn {
  from {
    filter: brightness(100%);
    top: -5px;
  }
  to {
    filter: brightness(150%);
    top: 0px;
  }
}
@keyframes activeBtn2 {
  from {
    filter: brightness(100%);
    top: 170px;
  }
  to {
    filter: brightness(150%);
    top: 166px;
  }
}
.block-share {
  width: 66px;
  height: 66px;
  position: fixed;
  top: 100px;
  right: 10px;
  z-index: 99;
}

.sticky-right {
  position: fixed;
  top: 80px;
  right: 10px;
  z-index: 999;
  transform-origin: right top;
}
.sticky-right a.bt-control {
  top: 150px;
  position: absolute;
  left: -17px;
  transition: right 0.2s;
  z-index: 999;
}
.sticky-right a.bt-control.open {
  background-position: -26px 0;
  height: 60px;
  width: 26px;
}
.sticky-right a.bt-control.close {
  background-position: 0 0;
  height: 60px;
  width: 26px;
  opacity: 1;
}
.sticky-right .bg-link {
  width: 179px;
  height: 446px;
  background: url(../images/bg-right.png) 0 70px no-repeat;
  text-align: center;
  overflow: hidden;
}
.sticky-right .bg-link .right-napthe {
  background-position: -140px -1081px;
  height: 148px;
  width: 151px;
  margin: 0 0 15px 14px;
  display: block;
  text-indent: -9999px;
}
.sticky-right .bg-link .right-napthe:hover {
  filter: brightness(1.3);
}
.sticky-right .bg-link .right-ios {
  background-position: -414px -87px;
  height: 40px;
  width: 127px;
  margin: 0 0 10px 26px;
}
.sticky-right .bg-link .right-ios:hover {
  filter: brightness(1.3);
}
.sticky-right .bg-link .right-google-play {
  background-position: -541px -87px;
  height: 40px;
  width: 127px;
  margin: 0 0 10px 26px;
}
.sticky-right .bg-link .right-google-play:hover {
  filter: brightness(1.3);
}
.sticky-right .bg-link .right-pc {
  background-position: -160px -87px;
  height: 40px;
  width: 127px;
  margin: 0 0 70px 26px;
}
.sticky-right .bg-link .right-pc:hover {
  filter: brightness(1.3);
}
.sticky-right .bg-link .right-nhapcode {
  background-position: -287px -87px;
  height: 40px;
  width: 127px;
  margin: 0 0 12px 26px;
}
.sticky-right .bg-link .right-nhapcode:hover {
  filter: brightness(1.3);
}
.sticky-right .bg-link .right-top {
  background-position: -52px 0;
  height: 87px;
  width: 41px;
  margin: 0 0 5px 60px;
}
.sticky-right .bg-link .right-top:hover {
  filter: brightness(1.3);
}
.sticky-right .bg-link .bg-right-social {
  width: 135px;
  height: 50px;
  background: url(../images/bg-social.png) center 0 no-repeat;
  position: absolute;
  top: 323px;
  left: 15px;
}
.sticky-right .bg-link .right-home {
  background-position: -40px -87px;
  height: 30px;
  width: 40px;
  position: absolute;
  top: 9px;
  left: 8px;
}
.sticky-right .bg-link .right-home:hover {
  filter: brightness(1.3);
}
.sticky-right .bg-link .right-youtube {
  background-position: -120px -87px;
  height: 30px;
  width: 40px;
  position: absolute;
  top: 9px;
  left: 48px;
}
.sticky-right .bg-link .right-youtube:hover {
  filter: brightness(1.3);
}
.sticky-right .bg-link .right-fanpage {
  background-position: -80px -87px;
  height: 30px;
  width: 40px;
  position: absolute;
  top: 9px;
  left: 88px;
}
.sticky-right .bg-link .right-fanpage:hover {
  filter: brightness(1.3);
}

.fancybox-inner-content {
  /* .fancybox-stage {
		&:after {
			content: ' ';
			width: 863px !important;
			height: 50px;
			background: url(../images/bg-popup-btom.png) center bottom no-repeat;
			display: block;
			left: 50%;
			margin-left: -431px;
			bottom: 0;
			position: absolute;
		}
	} */
}
.fancybox-inner-content .fancybox-stage {
  width: 1000px !important;
  height: 100% !important;
  transform-origin: center 7%;
  margin: 0 auto;
}
.fancybox-inner-content .fancybox-slide:before {
  margin-right: 0;
}
.fancybox-inner-content .fancybox-slide--iframe {
  background: #405c5c;
  background: -webkit-linear-gradient(bottom, #405c5c 0%, #1d7575 35%, #086161 100%);
  background: -o-linear-gradient(bottom, #405c5c 0%, #1d7575 35%, #086161 100%);
  background: linear-gradient(to top, #405c5c 0%, #1d7575 35%, #086161 100%);
  overflow: hidden !important;
  box-shadow: none;
  left: 50%;
  margin-left: -500px;
  padding: 8px !important;
  border-radius: 20px;
}
.fancybox-inner-content .fancybox-slide--iframe .fancybox-content {
  background: #fff;
  border-radius: 19px;
  height: 100%;
  margin-bottom: 0;
}
.fancybox-inner-content .fancybox-slide--iframe .fancybox-content iframe {
  border: 1px solid #10afaf;
  margin: 2px;
  height: calc(100% - 5px);
  width: calc(100% - 5px);
  border-radius: 18px;
}
.fancybox-inner-content .fancybox-toolbar {
  width: 100%;
  left: 0;
  right: auto;
}
.fancybox-inner-content .fancybox-button--close {
  width: 50px;
  height: 50px;
  background: #086161 !important;
  left: 50%;
  margin-left: 450px;
  opacity: 1;
  z-index: 100;
  position: absolute;
}

/*popup content*/
.popupH {
  display: block;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.popupH .fix-skew {
  display: block;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}
.popupH .popup-container {
  display: block;
  position: relative;
  top: 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
.popupH .popup-container .btn-closePopup {
  display: block;
  position: absolute;
  top: 62px;
  right: 30px;
  z-index: 10;
  width: 59px;
  height: 143px;
  background: url(../images/frame-4/f4-close.png) center top no-repeat;
  text-indent: -9999px;
}
.popupH .popup-container .btn-closePopup:hover {
  filter: brightness(1.3);
}
.popupH .popup-container .popup-game {
  width: 988px;
  height: 786px;
  padding: 115px 100px 110px 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: calc(100vh / 2 - 45vh);
  left: 50%;
  margin-left: calc(-988px / 2);
  background: url(../images/frame-4/bg-popup.png) no-repeat center 0/cover;
  transform-origin: center top;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.popupH .popup-container .popup-game.active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  -moz-transition: -moz-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
.popupH .popup-container .popup-game div {
  width: 100%;
  height: 100%;
}
.popupH .popup-container .popup-game img {
  width: 640px;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  display: block;
}
.popupH .popup-container .popup-game .active {
  display: block;
}

.popupF6 {
  display: block;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.popupF6 .fix-skew {
  display: block;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}
.popupF6 .popup-container {
  display: block;
  position: relative;
  top: 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
.popupF6 .popup-container .btn-closePopup {
  display: block;
  position: absolute;
  top: 0;
  right: -80px;
  z-index: 10;
  width: 75px;
  height: 75px;
  background: url(../images/frame-4/f4-close.png) center top no-repeat;
  text-indent: -9999px;
}
.popupF6 .popup-container .btn-closePopup:hover {
  filter: brightness(1.3);
}
.popupF6 .popup-container .popup-game {
  width: 1012px;
  height: 730px;
  padding: 50px 10px 50px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 5%;
  left: 50%;
  margin-left: calc(-1012px / 2);
  background: url(../images/popup-content.png) no-repeat center 0/cover;
  transform-origin: center top;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.popupF6 .popup-container .popup-game.active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  -moz-transition: -moz-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
.popupF6 .popup-container .popup-game div {
  width: 100%;
  height: 100%;
}
.popupF6 .popup-container .popup-game img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.popupF6 .popup-container .popup-game .active {
  display: block;
}

/*.block-popup {
	display: none;
	width: 1053px;
	height: 98vh;
	margin: 0 auto;
	overflow: hidden;
	background: url(../images/bg-popup-btom.png) center bottom no-repeat, url(../images/bg-popup.png) center top no-repeat;
	iframe {
		width: 99%;
		height: 73vh;
	}
	.fancybox-close-small {
		background: #d6bb71;
		color: #fff;
		right: 27px;
	}
	.nav-popup {
		width: 880px;
		margin: 0 auto;
		padding: 10px 0 36px;
		text-align: center;
		li {
			display: inline-block;
			a {
				width: 212px;
				height: 62px;
				display: block;
				color : #fff;
				text-shadow: 1px 1px #2b82a6, -1px -1px #2b82a6;
				padding: 6px 0;
				font-size: 18px;
				line-height: 22px;
				background: url(../images/nav-popup.png) no-repeat;
				text-align: center;
				font-weight: bold;
				&:hover,
				&.active {
					background: url(../images/nav-popup-hov.png) no-repeat;
					color: #744c1c;
					text-shadow: 1px 1px #cab67a, -1px -1px #cab67a;
				}
			}
		}
	}
}*/
.outer {
  width: 100%;
  top: 0;
  z-index: 10;
}
.outer--loading {
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 9999;
  background-color: black;
}
.outer video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.desktop {
  display: flex;
}

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