@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;1,100;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;500;600&display=swap');
/*
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,600;1,300;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Muli:400,600,700,800,900&display=swap');
*/

:root{
  --background: #FFF;
  --background-sub:  #000;
  --chu: #545053;
  --chuhot: #f02e2e;
  --chinh: #ffc104;
  --link: #fd8f00;
  --link-hover: #8a2f2e;
  --color-text-sub: #FFF;
  --border: #f8f8f8;
  --color-link: #000;
}
*::-webkit-scrollbar{height:10px;width:10px}
*::-webkit-scrollbar-thumb{background-color:#6e6e6e;outline:#333 solid 1px}
*::-webkit-scrollbar-track{box-shadow:rgba(0,0,0,.3) 0 0 6px inset}

html {
   -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    background:var(--background);
    color: var(--text);
    direction: ltr;
    margin: 0 auto;
    max-width:100%; 
    position:relative;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    font-family: 'Quicksand', "Roboto",Helvetica,sans-serif;
    scroll-behavior: smooth;/*thuoc tinh moi de thay button top*/
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6{
  font-family: 'Quicksand', "Roboto",Helvetica,sans-serif;
  font-weight: 600;
}
a {
    color: var(--link);
    text-decoration:none;
}
a:hover {
    color: var(--link-hover);
    text-decoration:none;
}
.image{
     display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width:100%;
    height:100%;  
}
.image img {
	flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    object-fit: cover;
}
input,
button,
select,
textarea {
 font-family: Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
 background-color: transparent;
 border: thin solid #eee;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6{
  margin: 0 0 5px 0
}
p:empty{
  display: none;
}
.ru-css-text{
 display: -webkit-box;
 -webkit-line-clamp: 3; // số dòng muốn hiển thị
 -webkit-box-orient: vertical;
 text-overflow: ellipse;
 overflow: hidden;
}
.ru-nav-mobile{
  display: none;
}
.home_text{
  white-space: pre-line;
}
.body_text{
  word-break: break-all;
}
.body_text h2, .body_text h3, .body_text h4{
  font-weight: 600 !important;
  font-size: 18px;
  display: block;
  margin-top:4px;
  margin-bottom: 4px;
}
.body_text p{
  margin-top:1px;
  margin-bottom: 1px;
}
.body_text p:empty{
  display: none;
}
.body_text img{
  max-width: 100%;
  height: auto
}
.body_text iframe{
  max-width: 700px;
  margin:0 auto;
}
.body_text .fr-img-space-wrap{
  width: 95%;
}
.body_text .fr-img-space-wrap .fr-img-wrap{
  text-align: center;
  margin: 0 auto;
}
.body_text .fr-img-space-wrap .fr-img-wrap img{
  display: block;
  margin: 0 auto;
}
.body_text .fr-img-space-wrap .fr-img-wrap .fr-inner{
  font-style: italic;
  text-align: center;
  color:#333333;
  margin: 0 auto;
  display: block;
}
.body_text .video {
  position: relative;
  padding-top: 56.25%; /* 16:9 */
  height: 0;
}
.body_text .video iframe {/*fix reposn cho video*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.body_text table {
  border-collapse: collapse;
  width: 100%;
}

.body_text table td, .body_text table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.body_text table tr:nth-child(even){background-color: #f2f2f2;}

.body_text table tr:hover {background-color: #ddd;}

.body_text table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}