html {
    background-color: #333;              /* Ngoài viền body màu xám đậm */
    color: #ccc;                         /* Màu chữ mặc định nhạt cho html */
}

body {
    max-width: 950px;                    /* Giới hạn chiều rộng 950px */
    margin: 20px auto;                   /* Căn giữa body */
    background-color: #000;              /* Nền body màu đen */
    border: 2px solid #666;             /* Box viền 2px màu xám */
    padding: 20px;                       /* Khoảng cách trong viền */
    color: #fff;                         /* Màu chữ trắng trong body */
    font-family: Arial, sans-serif;
}

a {
    color: #00a2ff;                      /* Màu link xanh */
    text-decoration: none;
}

a:visited {
    color: #0060c0;                      /* Màu link đã click xanh đậm hơn */
}

a:hover {
    text-decoration: underline;
}

/* Hình ảnh xếp thứ tự từ trái sang phải */
img {
                             /* Cho ảnh nằm từ trái sang phải */
    margin: 0 10px 10px 0;               /* Khoảng cách giữa các ảnh */
}

.fluid-width-video-wrapper{width:100%;position:relative;padding:0;background:#000;height:auto}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed,.fluid-width-video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%}.fluid-width-video-wrapper{padding-top:56.25%}.fluid-width-video-wrapper[data-ratio="16:10"]{padding-top:62.5%}.fluid-width-video-wrapper[data-ratio="4:3"]{padding-top:75%}.fluid-width-video-wrapper[data-ratio="3:2"]{padding-top:66.66666666666666%}.fluid-width-video-wrapper[data-ratio="1:1"]{padding-top:100%}.fluid-width-video-wrapper[data-ratio="2.4:1"]{padding-top:41.66666666666667%}.fluid-width-video-wrapper>div{display:block!important;width:100%!important;max-width:100%!important;max-height:none!important;min-height:0!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.fluid-width-video-wrapper .jwplayer,.fluid-width-video-wrapper>[id^=jwplayer]{display:block!important;width:100%!important;max-width:100%!important;max-height:none!important;min-height:0!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.fluid-width-video-wrapper [id^=jwplayer] video,.fluid-width-video-wrapper [id^=jwplayer] embed,.fluid-width-video-wrapper [id^=jwplayer] object{position:absolute!important;left:0;top:0;width:100%!important;height:100%!important}.fluid-width-video-wrapper .jwcontrols{z-index:1}.fluid-width-video-wrapper .jwaspect,.fluid-width-video-wrapper [id^=jwplayer][id$=aspect]{display:none!important;margin:0!important}.fluid-width-video-wrapper [id^=jwplayer]>p{position:absolute;left:0;top:0;width:100%;top:50%;margin:-20px 0 0;line-height:100%}.fluid-width-video-wrapper [id^=botr][id$=ply_wrapper]{display:block!important;width:100%!important;max-width:100%!important;max-height:none!important;min-height:0!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.fluid-width-video-wrapper .flowplayer{width:100%!important;max-width:none!important;max-height:none!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.fluid-width-video-wrapper .fp-ratio{padding-top:0!important}.fluid-width-video-wrapper .wp-video-shortcode-wrapper{width:100%!important;max-width:none!important;max-height:none!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.fluid-width-video-wrapper .mejs-container,.fluid-width-video-wrapper .mejs-layer,.fluid-width-video-wrapper .me-plugin{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;margin-bottom:0!important}.fluid-width-video-wrapper .meplayer video,.fluid-width-video-wrapper .meplayer embed,.fluid-width-video-wrapper .meplayer object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.fluid-width-video-wrapper .jp-container{width:100%!important;position:absolute!important;top:0!important;left:0!important;height:100%!important}.fluid-width-video-wrapper .jp-ratio{padding-top:0!important}.fluid-width-video-wrapper .kgvid_wrapper{margin:0!important}.fluid-width-video-wrapper .kgvid_wrapper .kgvid_videodiv,.fluid-width-video-wrapper .kgvid_wrapper .video-js{position:static!important;width:100%!important;height:auto!important}.fluid-width-video-wrapper embed{height:349px!important}.full-width-video-layout .fluid-width-video-wrapper embed{height:534px!important}.rich-content ul,.rich-content ol{margin:0 0 1.625em 2.5em}.screen{background:#333;margin:0 0 10px}.screen{margin:0 0 20px;background:#000 url(loading.gif) no-repeat center center}.screen .thumb{width:950px;height:540px}.screen .thumb .overlay{background-image:url(icon-plus-64.png)}.item-video .screen .thumb .overlay{background-image:url(icon-play-64.png)}#screen{-webkit-box-shadow:0 0 10px rgba(0,0,0,.5),inset 0 0 1px #666,inset 0 0 50px rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.5),inset 0 0 1px #666,inset 0 0 50px rgba(0,0,0,.5)}

.grid-img {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* PC: 3 cột */
  gap: 10px;
}

/* mobile: 2 cột */
@media (max-width: 768px) {
  .grid-img {
    grid-template-columns: repeat(2, 1fr);
  }
}

.grid-img .item {
  position: relative;
  width: 100%;
  padding-bottom: 100%;     /* chiều cao = 100% chiều rộng => vuông */
  overflow: hidden;
}

.grid-img .item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;        /* cắt cho vừa khung vuông */
}