/* SeaCMS default theme - responsive and SEO-friendly visual refinements */
* { box-sizing: border-box; }
img { max-width: 100%; height: auto; }
.myui-vodlist { display:flex; flex-wrap:wrap; }
.myui-vodlist > li { float:none; }
@media (min-width:1200px) {
  .myui-vodlist > li,
  .myui-vodlist > .seacms-ad-card { width:20%; }
}
@media (min-width:992px) and (max-width:1199px) {
  .myui-vodlist > li,
  .myui-vodlist > .seacms-ad-card { width:25%; }
}
@media (min-width:768px) and (max-width:991px) {
  .myui-vodlist > li,
  .myui-vodlist > .seacms-ad-card { width:25%; }
}
@media (max-width:767px) {
  .myui-vodlist > li,
  .myui-vodlist > .seacms-ad-card { width:50%; }
  .myui-content__thumb { width:34% !important; max-width:150px; }
  .myui-content__detail { width:66% !important; }
}
.myui-vodlist__thumb {
  display:block;
  width:100%;
  aspect-ratio: 16 / 10;
  background-size:cover !important;
  background-position:center center !important;
  overflow:hidden;
}
.myui-vodlist__thumb img { width:100%; height:100%; object-fit:cover; }
.myui-content__thumb .myui-vodlist__thumb {
  width:100%;
  aspect-ratio: 3 / 4;
  height:auto !important;
  background-size:cover !important;
}
.myui-content__thumb .myui-vodlist__thumb img {
  display:block; width:100%; height:100%; object-fit:cover;
}
.seacms-ad-card .myui-vodlist__box { height:100%; }
.seacms-ad-card .seacms-ad-link {
  display:flex; align-items:center; justify-content:center;
  width:100%; aspect-ratio:16/10; overflow:hidden;
  background:#202a38; color:#fff; text-align:center;
  border-radius:4px; text-decoration:none; position:relative;
}
.seacms-ad-card .seacms-ad-link img { width:100%; height:100%; object-fit:cover; }
.seacms-ad-card .seacms-ad-placeholder { padding:12px; font-size:15px; }
.seacms-ad-card .seacms-ad-label {
  position:absolute; top:6px; left:6px; background:rgba(0,0,0,.65);
  color:#fff; font-size:11px; padding:2px 6px; border-radius:2px;
}
.seacms-quicknav { margin:12px auto 18px; padding:12px; background:#fff; border-radius:5px; }
.seacms-quicknav-row { display:grid; grid-template-columns: minmax(74px, .85fr) repeat(5,minmax(0,1fr)); gap:7px; margin:6px 0; }
.seacms-quicknav-row a { display:block; padding:8px 5px; text-align:center; background:#f5f6f8; border-radius:3px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.seacms-quicknav-row .seacms-quicknav-title { background:#e9eef5; font-weight:600; }
@media(max-width:767px) {
  .seacms-quicknav { padding:8px; overflow-x:auto; }
  .seacms-quicknav-row { min-width:520px; }
}