@font-face{
	font-family:roboto;font-style:normal;
	font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
	unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{
	font-family:roboto;font-style:normal;
	font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
	unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{
	font-family:roboto;font-style:normal;
	font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
	unicode-range:U+1F00-1FFF}
@font-face{
	font-family:roboto;
	font-style:normal;
	font-weight:400;
	src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
	unicode-range:U+0370-03FF}
@font-face{
	font-family:roboto;font-style:normal;
	font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
	unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{
	font-family:roboto;
	font-style:normal;
	font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
	unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{
	font-family:roboto;
	font-style:normal;
	font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{
	font-family:"UTM Bebas";src:url("../fonts/UTMBebas.woff2") format("woff2"),url("../fonts/UTMBebas.woff") format("woff");
	font-weight:normal;
	font-style:normal;}
h1{
	display:none}
h2{
	margin-top:20px}
* {
  padding: 0;
  margin: 0;
  outline: none;
  list-style: none;
  border: 0 none; }

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, font, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; }
body{
	background:url(../images/bg-lobby.jpg) #fff no-repeat;
	background-size:cover;
	font-family:Roboto;
	color:#fff;
	font-size:12px}
.nen { background: #fff; color: #000;}
.logo{width:200px}
.download a{
	margin:2px 0;
	float:left;
	width:100%}
.download{
	margin-top:20px}
.item{
	background:url(../images/bg-popup-small.png) no-repeat;
	background-size:100% 100%,cover;
	margin:10px 10px 10px;
	position:relative;
	padding:30px}
h2{
	text-transform:uppercase;
	font-size:15px;
	font-weight:700;
	color:#ffeb3b}
.item a img{
	max-width:50%}
.item p{
	margin:0;line-height:22px}span
.label{display:block;position:absolute;right:-3px;top:-4px}
._text,.a-btn{
	padding:15px 10px}
._text span{
	text-transform:uppercase}
.avatar{
	margin-bottom:15px}
.avatar img{
	display:block;
	margin:0 auto;
	height:124px}
.item-help{
	width:200px;
	padding-bottom:10px}
.width-in-line{width:228px}
.dns img{width:100%}
.txt-slogan{
	width:511px;
	height:297px;
	background:url(../images/txt-slogan.png) no-repeat 0 0/100%;
	margin:0 auto;
	margin-top:0;
	display:block}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}
@media screen and (max-width:1000px){.txt-slogan{width:350px;height:204px}}
@media screen and (max-width:500px){.txt-slogan{width:300px;height:175px}}
@media only screen and (min-device-width:320px) and (max-device-width:480px){}
@media only screen and (max-width:320px){}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){}
@media only screen and (min-width:1224px){.container{margin-top:80px!important}.logo{width:180px!important}}
@media only screen and (min-width:1824px){}
@media only screen and (min-device-width:320px) and (max-device-width:568px){}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape){}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait){}
@media only screen and (min-device-width:414px) and (max-device-width:736px){._text,.a-btn{padding:20px 4px}.item a img{max-width:30%}.avatar img{}}
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:landscape){}
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:portrait){}
@media screen and (-webkit-min-device-pixel-ratio:0){.row::before,.row::after{content:none}}.blink{animation:blinker 1s linear infinite}
@keyframes blinker{50%{opacity:0}}
.download{
	display:block;
	width:350px;
	height:80px;
	background:#e4007c;
	background:linear-gradient(0deg,#e4007c 0%,#ee1f8f 100%);
	margin:0 auto;
	margin-top:15px;
	margin-bottom:15px;
	border-radius:60px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:50px;
	padding-left:60px;
	padding-top:2px;
	position:relative}
.nr_top {
	background:url(../images/top.jpg) no-repeat top center;
	text-align:center!important;
}

.container-nr{position:relative;margin-left:auto;margin-right:auto;padding: 0px}
@media (min-width:576px){.container-nr{padding: 0px}}
@media (min-width:768px){.container-nr{padding: 0px}}
@media (min-width:992px){.container-nr{padding: 0px}}
@media (min-width:1200px){.container-nr{width:1140px;max-width:100%}}
.menu_nr {
	background: #60299d;
}
.top-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: #6456a7;
  color: #FFF;
  padding-left: 15px;
  
}
.top-nav .title_nr {
  font-family:"UTM Bebas",Arial,sans-serif;
  font-size: 18px;
}
.menu {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu > li {
  margin: 0;
  overflow: hidden;
}
.menu > li > a {
  color: #d0c7ff;
  padding: 10px 15px;
	display: block;
	text-decoration: none;
	font-family:Roboto,Arial,sans-serif;
	font-size: 14px;
}
.menu > li > a:hover {
	color: #fff;
	background: #eb1488;
}
.menu-button-container {
  display: none;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#menu-toggle {
  display: none;
}
.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #fff;
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}

.menu-button::before {
  content: '';
  margin-top: -8px;
}

.menu-button::after {
  content: '';
  margin-top: 8px;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0px;
  transform: rotate(405deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0px;
  transform: rotate(-405deg);
}

@media (max-width: 1000px) {
.top-nav {
	height: 40px;
  padding-right: 10px;
}
  .menu-button-container {
    display: flex;
  }
  .menu {
    position: absolute;
    top: 0;
    margin-top: 209px;
    left: 0;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  #menu-toggle ~ .menu li {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    transition: height 500ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  #menu-toggle:checked ~ .menu li {
    border: 1px solid #333;
    height: 40px;
    padding: 0;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  .menu > li {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 100%;
    color: white;
    background-color: #222;
  }
  .menu > li:not(:last-child) {
    border-bottom: 1px solid #444;
  }
}

.bang {
	margin: 0;
	font-size: 14px;
	padding-bottom: 5px;
}
.table-nr {
	margin: 10px 10px 5px 10px;
	border-top:1px solid #f0f0f0;
	border-left:1px solid #f0f0f0;
	margin-left: auto;
    margin-right: auto;
}
.table-nr img {width: 120px;}
.table-nr td {
	padding: 5px;
	border-bottom:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
}
@media (max-width: 1000px) {
	.bang {
	margin: 10px 10px 0 10px;
	font-size: 12px;}
	.table-nr img {width: 80px;}
	
}
.noidung-nr {padding: 20px;}
.noidung-nr .dong1 { font-size: 30px; font-weight: bold; padding: 0 0 20px 0;}
.noidung-nr .dong2 {padding-bottom: 20px;}
.noidung-nr .dong2 img { width: 100%; margin-bottom: 3px}
.noidung-nr .dong2 span {font-size: 10px; font-style: italic;}
.noidung-nr .dong3 {font-weight: bold;  padding: 0 0 15px 0;}
.noidung-nr .dong4 { font-size: 22px; font-weight: bold; padding: 0 0 5px 0;}
.noidung-nr .dong5 {padding-bottom: 15px;}

@media (max-width: 1000px){
	.noidung-nr {padding: 10px;}
	.noidung-nr .dong1 { font-size: 20px; font-weight: bold; padding: 0 0 20px 0;}
	.noidung-nr .dong4 { font-size: 16px; font-weight: bold; padding: 0 0 5px 0;}
}