.sprites-sprite, .sprites-app-store, .sprites-fanpage, .sprites-forum, .sprites-google-play, .sprites-huongdan, .sprites-tivi, .sprites-window-phone, #outer main .app-info__install--google-play, #outer main .app-info__install--app-store, #outer main .app-info__install--window-phone, #outer main #main-content .socials .fa-wechat, #outer main #main-content .socials .fa-facebook, #outer main #main-content .socials .fa-guild, #outer main #main-content .socials .fa-youtube {
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.sprites-app-store {
	background-position: 0 0;
	height: 50px;
	width: 165px
}
.sprites-fanpage {
	background-position: 0 -50px;
	height: 82px;
	width: 88px
}
.sprites-forum {
	background-position: 0 -132px;
	height: 82px;
	width: 88px
}
.sprites-google-play {
	background-position: 0 -214px;
	height: 50px;
	width: 174px
}
.sprites-huongdan {
	background-position: 0 -264px;
	height: 82px;
	width: 88px
}
.sprites-tivi {
	background-position: 0 -346px;
	height: 82px;
	width: 88px
}
.sprites-window-phone {
	background-position: 0 -428px;
	height: 50px;
	width: 165px
}
body {
	background: #51b6fe;
	position: relative;
}
#outer {
	max-width: none
}
#outer #main-nav {
	background: url(../images/bgH.jpg) repeat-x 0 0;
	max-width: none;
	height: 83px
}
#outer #main-nav .menu-wrapper {
	height: 59px;
	margin: 0 auto;
	max-width: 1024px;
	width: 100%;
}
#outer #main-nav .menu-wrapper #main-nav__list {
	width: auto
}
#outer #main-nav .menu-wrapper #main-nav__list>li {
	margin: 0 20px!important
}
#outer #main-nav .menu-wrapper #main-nav__list>li a {
	height: 83px;
	line-height: 83px;
	color: #0165ae;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
#outer #main-nav .menu-wrapper #main-nav__list>li a:hover {
	color: #0165ae!important;
	opacity: 1;
	text-decoration: underline;
}
#outer #main-nav .menu-wrapper #main-nav__list>li a i.fa {
	color: #f1ffd8!important;
	margin: 25px 0 0 3px!important
}
#outer #main-nav .menu-wrapper #main-nav__list>li a.active {
	color: #0165ae;
}
#outer #main-nav .menu-wrapper #main-nav__list li>ul {
	top: 83px!important;
	background: #0165ae;
	border: 0;
	width: 240px!important
}
#outer #main-nav .menu-wrapper #main-nav__list li>ul li {
	background: #0165ae
}
#outer #main-nav .menu-wrapper #main-nav__list li>ul li:hover {
	background: #ffffff;
}
#outer #main-nav .menu-wrapper #main-nav__list li>ul li.Off {
	background: #0165ae
}
#outer #main-nav .menu-wrapper #main-nav__list li>ul li.Off:hover {
	background: #ffffff;
}
#outer #main-nav .menu-wrapper #main-nav__list li>ul li.Off a {
	background: url(//img.zing.vn/products/ntvv/skin-2015/images/icon1-off.gif) 10px 24px no-repeat!important;
	color: #597f53!important
}
#outer #main-nav .menu-wrapper #main-nav__list li>ul li.Off a:hover {
	background: url(//img.zing.vn/products/ntvv/skin-2015/images/icon1-off.gif) 10px 24px no-repeat!important;
	color: #597f53!important
}
#outer #main-nav .menu-wrapper #main-nav__list li>ul a {
	color: #fff;
	font-weight: bold;
	padding: 10px 20px!important;
	line-height: 27px!important;
	height: auto!important;
	text-transform: none!important;
	font-weight: normal!important;
	font-size: 14px!important;
}
#outer #main-nav .menu-wrapper #main-nav__list li>ul a:hover {
	color: #0165ae!important;
	text-decoration: none!important;
	background: #ffffff!important;
}
#outer #main-nav .menu-wrapper #main-nav__list li>ul a.active {
	background: url(//img.zing.vn/products/ntvv/skin-2015/images/icon1-hov.gif) 10px 24px no-repeat;
	border-bottom: none!important;
	color: #ffea65
}
#outer #main-nav .menu-wrapper .site-search__button>i.fa {
	color: #f1ffd8!important
}
#outer #main-nav .site-search {
	height: 59px;
	border: 1px solid #8cbb72!important;
	border-top: none!important;
	border-bottom: none!important;
	width: 255px
}
#outer #main-nav .site-search .site-search__field {
	height: 59px!important;
	color: #e6f8cc!important
}
#outer main {
	padding-top: 83px
}
#outer main .primary-banner__overlays {
	background: url("../images/1.jpg") no-repeat scroll center center/cover!important
}
#outer main .app-info {
	background: url(../images/bgL.jpg) repeat-x 0 0;
	height: 150px!important;
}
#outer main .fa-play-circle-o {
	display: none
}
#outer main .app-info__brief {
	color: #000!important;
	padding-top: 32px!important;
}
#outer main .app-info__brief strong {
	color: #0165ae;
	font-size: 22px;
	font-weight: bold;
}
#outer main .app-info__install--google-play {
	background-position: 0 -214px;
	height: 47px;
	width: 142px;
	margin-right: 14px!important;
}
#outer main .app-info__install--app-store {
	background-position: 0 0;
	height: 47px;
	width: 142px;
}
#outer main .app-info__install--window-phone {
	background-position: 0 -428px;
	height: 50px;
	width: 165px
}
#outer main .app-info__qr-help-text {
	color: #000!important;
	font-size: 15px!important;
}
#outer main #main-content {
	position: relative;
	width: 100%
}
#outer main #main-content .key-features__control {
}
#outer main #main-content #hot-event {
	background: #f0e1bc;
	border-bottom: 1px solid #f0e1bc;
	max-width: none;
	margin-left: none;
	margin-right: none
}
#outer main #main-content #hot-event .swiper-container {
	max-width: 68em
}
#outer main #main-content #hot-event .swiper-container>ul::after {
	border: none!important
}
#outer main #main-content .posts__loading span {
	border: 1px solid #d2cbb5!important
}
#outer main #main-content #key-features h2, #outer main #main-content #hot-event h2, #outer main #main-content .posts h2 {
	color: #478b22;
	font-size: 23px;
	font-weight: 700;
	padding: 15px 0;
	text-align: center;
	text-transform: uppercase
}
#outer main #main-content .swiper-slide div {
	background: #fcf3dc;
	border: 1px solid #d2cbb5!important
}
#outer main #main-content .swiper-slide div h3 {
	color: #5e4c39!important
}
#outer main #main-content .swiper-slide div time {
	color: #7f6d5a!important
}
#outer main #main-content .swiper-slide--active div {
	background: #529a2a!important
}
#outer main #main-content .swiper-slide--active div:after {
	border-right-color: #529a2a!important
}
#outer main #main-content .swiper-slide--active div h3 {
	color: #ffea65!important
}
#outer main #main-content .swiper-slide--active div time {
	color: #f1ffd8!important
}
#outer main #main-content #key-features {
	height: 333px;
	border-bottom: none!important;
	padding: 33px 0 0 0
}
#outer main #main-content #posts__tabs li {
	background: #f0e1bc!important;
	border: 1px solid #d6c496
}
#outer main #main-content #posts__tabs li a {
	color: #5e4c39!important
}
#outer main #main-content #posts__tabs li:hover {
	background: #e5d6b0!important;
	border: 1px solid #d6c496
}
#outer main #main-content #posts__tabs li:hover a {
	color: #5e4c39!important
}
#outer main #main-content #posts__tabs li.active {
	background: #529a2a!important;
	border: 1px solid #529a2a;
	position: relative
}
#outer main #main-content #posts__tabs li.active a {
	color: #f1ffd8!important
}
#outer main #main-content #posts__tabs li.active:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(82,154,42,0);
	border-top-color: #529a2a;
	border-width: 10px;
	margin-left: -10px
}
#outer main #main-content #posts__tabs li.active:hover {
	background: #529a2a!important
}
#outer main #main-content #posts__list li {
	opacity: 1;
	border-top: 1px solid #2e8ed5;
}
#outer main #main-content #posts__list li time, #outer main #main-content #posts__list li p {
	color: #7f6d5a!important
}
#outer main #main-content #posts__list li strong {
	color: #13427f;
}
#outer main #main-content #posts__list li h3 {
	color: #fff;
	font-size: 14px!important;
	padding: 0!important;
	text-transform: uppercase;
}
#outer main #main-content #posts__list li a:hover h3 {
	color: #2fc7ff;
}
#outer main #main-content #posts__list li:first-child {
	border-top: none!important
}
#outer main #main-content #posts__list li a {
	float: left;
	width: calc(100% - 100px);
	color: #fff;
}
#outer main #main-content #posts__list li a:hover {
	text-decoration: underline;
}
#outer main #main-content #posts__list li span {
	float: right;
	width: 100px;
	text-align: right;
	color: #fff;
}
#outer main #main-content .posts__view-all, #outer main #main-content .search__view-all, #outer main #main-content .posts__view-all, #outer main #main-content .search .search__view-all {
	width: 50%;
	display: block;
	padding: 10px 0;
	background: #529a2a;
	border: 1px solid #529a2a;
	margin: 11px auto 34px;
	border-radius: 5px;
	text-align: center;
	color: #d6eacb!important;
	text-decoration: none
}
#outer main #main-content .posts__view-all:hover, #outer main #main-content .search__view-all:hover, #outer main #main-content .posts__view-all:hover, #outer main #main-content .search .search__view-all:hover {
	background: #5aaa2e!important
}
#outer main #main-content .socials {
	background: #f0e1bc;
	border-top: 1px solid #d2cbb5
}
#outer main #main-content .socials .socials__list {
	width: auto
}
#outer main #main-content .socials li {
	width: auto!important
}
#outer main #main-content .socials li>a {
	color: #5e4c39!important
}
#outer main #main-content .socials .fa-wechat {
	background-position: 0 -132px;
	height: 82px;
	width: 88px;
	text-indent: -9999px
}
#outer main #main-content .socials .fa-facebook {
	background-position: 0 -50px;
	height: 82px;
	width: 88px;
	text-indent: -9999px
}
#outer main #main-content .socials .fa-guild {
	background-position: 0 -264px;
	height: 82px;
	width: 88px;
	text-indent: -9999px
}
#outer main #main-content .socials .fa-youtube {
	background-position: 0 -346px;
	height: 82px;
	width: 88px;
	text-indent: -9999px
}
#outer main #main-content .fb-fanpage-box {
	background: 0;
	border: 0
}
#outer main footer {
	background: none!important
}
#outer main footer p {
	color: #fbf1d1!important
}
#outer .flyout-content__top-button {
	background: #529a2a!important
}
#outer .hotline {
	width: 330px!important;
	height: 54px!important;
	position: fixed;
	left: 50%;
	margin-left: 375px;
	z-index: 11;
	font-size: 18px;
	font-weight: bold;
	color: #0165ae;
	margin-top: 15px;
}
#outer .hotline a span {
	vertical-align: top;
	line-height: 52px;
	color: #0165ae;
}
#outer .hotline a {
	margin-right: 10px;
}
#outer .hotline strong {
	padding: 8px 15px 0 5px!important
}
#outer .hotline strong>a {
	font-size: 18px;
	font-weight: bold;
	color: #0165ae;
}
#outer .hotline i.fa {
	color: #f1ffd8!important;
	margin: 6px 0 0
}
a.logo {
	background: transparent url("//img.zing.vn/products/ntvv/skin-2015/images/logo.png") no-repeat scroll 0 0/100% auto;
	display: block;
	width: 227px;
	height: 159px;
	left: 50%;
	margin-left: -430px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999em;
	top: 25px
}
@media(max-width:666px), (min-width:667px) and (max-width:1024px) {
#outer main {
	background: url(../images/bgH.jpg) repeat-x 0 0!important;
	padding-top: 50px!important;
}
#outer #main-nav {
	background: #ebf8fe;
	height: 100%
}
#outer #main-nav .menu-wrapper {
	height: 100%
}
#outer #main-nav .menu-wrapper #main-nav__list a {
	border-bottom: 1px solid #0165ae;
	color: #0165ae!important;
	height: 40px!important;
	line-height: 40px!important;
	font-weight: normal!important;
	padding: 0!important;
}
#outer #main-nav .menu-wrapper #main-nav__list a:hover, #outer #main-nav .menu-wrapper #main-nav__list a.active {
	background: #fff;
	color: #ffea65;
	border-bottom: 1px solid #2c602c;
	text-decoration: none!important;
}
#outer #main-nav .menu-wrapper #main-nav__list a i.fa {
	margin: 7px 10px 0 3px!important
}
#outer #main-nav .menu-wrapper #main-nav__list li ul, #outer #main-nav .menu-wrapper #main-nav__list li ul li {
	background: #ebf8fe;
	width: 209px!important;
}
#outer #main-nav .menu-wrapper #main-nav__list li ul li:hover {
	background: #fff;
}
#outer #main-nav .menu-wrapper #main-nav__list li ul a {
	color: #b1c5a4;
	font-weight: normal;
	padding-left: 0!important;
	width: 209px!important;
}
#outer #main-nav .menu-wrapper #main-nav__list li ul a:hover {
	color: #0165ae!important;
}
#outer #main-nav .site-search {
	width: 100%;
	border-bottom: 1px solid #2c602c;
	background: #195c1c
}
#outer .hotline {
	color: #f1ffd8;
	height: 59px;
	left: 0!important;
	right: 0;
	max-width: 1024px;
	width: 100%!important;
	margin: 0;
	overflow: hidden;
	z-index: 11;
	position: fixed;
	background: url(../images/bgH.jpg) repeat-x 0 0;
	text-align: right;
}
#outer .hotline a {
	margin-right: 2px;
}
#outer .hotline a:first-child {
	display: none!important;
}
#outer .hotline strong {
	padding: 8px 0 0 5px!important
}
#outer .hotline strong, #outer .hotline strong>a {
	font-size: 14px;
	font-weight: bold;
	color: #0165ae;
}
#outer #drawer-toggle-label {
	z-index: 12
}
#outer .hotline img {
	height: 35px!important;
	margin-top: 7px;
}
#outer #drawer-toggle-label:after, #outer #drawer-toggle-label:before, #outer #drawer-toggle-label>span {
	background: #0165ae!important
}
#outer .hotline a span {
	vertical-align: top;
	line-height: 52px;
	color: #0165ae;
	font-size: 14px;
}
}
@media(min-width:633px) and (max-width:650px) {
#outer main #primary-banner.video--preloading>div.primary-banner__overlays {
	background: transparent url(//img.zing.vn/products/ntvv/skin-2015/images/video-preload-portrait.jpg) center center no-repeat;
	background-size: cover
}
#key-features {
	height: 225px!important
}
}
@media screen and (max-width:649px) {
#outer main #primary-banner.video--preloading>div.primary-banner__overlays {
	background: url(../images/2.jpg) center -20px no-repeat!important;
	background-size: 100%!important;
}
#outer main #main-content #hot-events__list .swiper-slide div, #outer main #main-content #hot-events__list .swiper-slide--active div {
	background: none!important;
	border: none!important
}
#outer main #main-content #hot-events__list .swiper-slide div h3, #outer main #main-content #hot-events__list .swiper-slide--active div h3 {
	color: #5e4c39!important
}
#outer main #main-content #hot-events__list .swiper-slide div time, #outer main #main-content #hot-events__list .swiper-slide--active div time {
	color: #7f6d5a!important
}
#key-features {
	height: 225px!important
}
}
@media screen and (max-width:900px) {
a.logo {
	display: none!important
}
}
::-webkit-input-placeholder {
color:#e6f8cc
}
:-moz-placeholder {
color:#e6f8cc
}
::-moz-placeholder {
color:#e6f8cc
}
:-ms-input-placeholder {
color:#e6f8cc
}
.fb-like-placeholder {
	margin: 27px 0 0 10px!important
}
.bgC {
	background: #51b6fe url(../images/bgB.jpg) no-repeat center bottom;
	padding-bottom: 50px;
}
.title {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 35px 0 30px 0;
}
.box_detail {
	padding: 30px 50px;
	color: #fff;
    border-radius: 15px;
	background-color:rgba(30, 101, 195, 0.5);
}
.box_detail h2 {
	color: #b5eb2f;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 20px;
}
.box_detail h3 {
	color: #b5eb2f;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 20px;
}
.box_detail h4 {
	color: #b5eb2f;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5px;
	border-top: 1px solid #001f5d;
	text-transform: uppercase;
	padding-top: 20px;
}
.box_detail .text {
	padding-bottom: 20px;
	line-height: 24px;
}
.box_detail .text a {
	color: #b5eb2f;
	text-decoration: none;
}
.box_detail .text a:hover {
	text-decoration: underline;
}
.box_detail .text span {
	color: #eb9b04;
	font-weight: bold;
}
.box_detail .images {
	padding-bottom: 20px;
	text-align: center;
}
.box_detail .images img {
	max-width: 100%;
}
.box_detail ul {
}
.box_detail ul li {
	background: url(../images/icoC.png) no-repeat 0 9px;
	padding: 10px 0 10px 30px;
	border-bottom: dashed 1px #3f77a5;
}
.box_detail ul li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
.box_detail ul li a:hover {
	text-decoration: underline;
}
@media (max-width:667px) {
.title {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 20px 0 20px 10px;
}
.box_detail {
	background: #1e65c3;
	padding: 10px;
	color: #fff;
}
.box_detail .images img {
	width: 80%;
}
}
@media (max-width:1024px) {
#outer.landing main {
	padding: 0!important;
}
}
#outer.landing main {
	padding: 0!important;
}
.images_lang {
	margin: 0 auto;
	width: 100%;
	max-width: 839px;
	text-align: center;
}
.images_lang img {
	width: 90%;
}
.lang_go {
	text-align: center;
	margin: 0 auto;
	width: 100%;
	max-width: 839px;
	padding: 20px 0;
}
.lang_go img {
	width: 20%;
}
.popupOut {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 102;
	display: none;
}
.popupInner {
	margin: 0 auto;
	width: 80%;
	height: 100hv;
	text-align: center;
}
.popupInner img.imgMain {
	height: 80vh;
	position: relative;
	z-index: 1000;
}
.popupInner span {
	position: relative;
	display: inline-block;
	margin-top: 10vh;
}
.popupInner span em {
	background: #fff;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	text-decoration: none;
	padding: 0 10px;
	line-height: 30px;
	border-radius: 15px;
	position: absolute;
	right: -15px;
	top: -15px;
	z-index: 1000;
	cursor: pointer;
}
.hide {
	display: none;
}
.box_detail table {
	width: 100%;
}
.box_detail table tr th {
	border: 1px solid #000;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	background: #76a5af;
	color: #000;
}
.box_detail table tr td {
	border: 1px solid #000;
	padding: 5px;
	text-align: center;
	background: #fff;
	color: #000;
}
.date {
	text-align: right;
	padding-bottom: 10px;
}
.tintucTop {
	width: 100%;
	margin-bottom: 20px;
}
.tintucTop li {
	border-bottom: 1px solid #d5a86f;
	padding-bottom: 30px!important;
	padding-top: 30px!important;
	background: none!important;
	padding-left: 0!important;
}
.tintucTop li:last-child {
	border: none;
}
/*.tintucTop li:first-child .tintucTopIng {
	float: none;
	width: 100%;
}*/
.tintucTopIng {
	box-sizing: border-box;
	border: 5px solid #fdf6de;
	border-radius: 10px;
	overflow: hidden;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	float: left;
	width: 280px;
}
/*.tintucTop li:first-child div {
	float: none;
	margin-top: 20px;
	width: 100%;
}*/
.tintucTop li div {
	float: right;
	width: calc(100% - 300px);
}
.tintucTopIng img {
	width: 100%;
	height: auto;
}
.tintucTop h3 {
	background: url(../images/line.png) no-repeat 0 bottom;
	color: #333333;
	font-size: 18px;
	font-weight: 700;
	padding: 0 0 10px 0;
}
.tintucTop h3 a {
	color: #333333;
	text-decoration: none;
}
.contentTopDate {
	color: #fff;
	font-size: 15px;
	padding-top: 5px;
}
.contentTopTxt {
	color: #90560d;
	font-size: 17px;
	font-family: 'Oswald', sans-serif;
	padding-top: 10px;
}
.contentTopLink {
	text-align: right;
	padding-top: 10px;
}
.contentTopLink a {
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	background: #f59c2a;
	border: 1px solid #f87219;
	border-radius: 5px;
	display: inline-block;
	padding: 0 20px;
	height: 34px;
	line-height: 34px;
}
.pageList {
	text-align: center;
	padding-top: 0;
}
.pageList a {
	background: #f59c2a;
	color: #fff;
	height: 20px;
	line-height: 20px;
	width: 22px;
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
}
.pageList a:hover {
	background: #3d3d3d;
}
.pageList span.currentpage {
	background: #3d3d3d;
	color: #fff;
	height: 20px;
	line-height: 20px;
	width: 22px;
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
}
 @media only screen and (max-width: 767px) {
.tintucTopIng {
	float: none;
	width: 100%;
}
.tintucTop li div {
	float: none;
	width: 100%;
	margin-top: 20px;
}
}
.xeploai{
	position: absolute;
	left: 0;
	top: 30px;
	z-index: 6;
}
.xeploai img{
	height: 83px;
}
