* {
	margin:0;
	padding:0;
	outline:0;
	border: none;
	text-decoration: none;
}
.limit-sx {
  scroll-snap-type: x mandatory;
  overflow-x: scroll;
}

.limit-sx > div {
  scroll-snap-align: center;
}

body {
  width: 100vw;
  height: 100vh;
	font-size:12px;
	line-height:1.3;
	font-family:Arial, Helvetica, Sans-Serif;
	color:#ccc;
	background:url('images/body-bg.gif');
}
a {
	color:#e7b038;
	cursor:pointer;
}
input, textarea, select {
	font-size:12px;
	background: none;
	font-family:Arial, Helvetica, sans-serif;
}
textarea {
	overflow:auto;
}
.cl {
	display:block;
	height:0;
	font-size:0;
	line-height:0;
	text-indent:-4000px;
	clear:both;
}
.notext {
	font-size:0;
	line-height:0;
	text-indent:-4000px;
}
.left, .alignleft {
	float:left;
	display:inline;
}
.right, .alignright {
	float:right;
	display:inline;
}
.text-right {
	text-align:right;
}
h2 {
	font-size:10px;
	color:#f2a223;
	font-weight:bold;
}
h3 {
	font-size:14px;
	color:#fff;
	font-weight:bold;
}
h4 {
	font-size:14px;
	color:#f3b12b;
	font-weight:bold;
}

.c {
  display: flex;
  justify-content: center;
  align-items: center;
}

.tsh {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.pointer {
  cursor: pointer;
  user-select: none;
}

.b {
  border: 1px dashed #413e3e;
}

#shell {
	width: 100%;
	height: 100%;
}

nav {
  height: 60px;
  width: 100%;
  justify-content: space-between !important;
}

#brand {
  width: 100px;
}

.search {
  height: 40px;
  width: calc(100% - 50px);
  overflow: hidden;
  position: relative;
  left: 25px;
  border: 1px solid #666;
}

.search input {
  width: calc(100% - 40px);
  height: 100%;
}

.search i {
  height: 100%;
  width: 40px;
}

#main {
  width: 100%;
	border-bottom:1px dashed #413e3e;
	display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-around;
  height: calc(100% - 60px);
	overflow-y: scroll;
  padding-bottom: 12px;
}

.vd-card-wrapper .vd-card {
  width: 45%;
}

.vd-card img {
  width: 100%;
}

.vd-card small {
  bottom: 0;
}

.vd-card .time {
  left: 0;
}

.vd-card .views {
  right: 0;
}

#play-box {
  height: 400px;
  width: 100%;
  z-index: 9;
  position: relative;
  overflow: hidden;
  background:url('images/body-bg.gif');
  position: sticky;
  top: 0;
}

#play-box:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  background: #000;
}

#play-box iframe {
  width: 100%;
  height: 100%;
}

.ads-div {
  width: 100%;
}

.ads-div img {
  width: 100%;
}

.ads-alert {
  position: fixed;
  height: 200px;
  width: calc(100% - 50px);
  top: calc(50% - 100px);
  left: 25px;
  z-index: 99;
}

.ads-alert i {
  left: 0;
  top: 0;
  font-size: 2em;
}

.tag-gp {
  width: 100%;
  flex-wrap: wrap;
}

.tag-gp a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
  margin-top: 6px;
}


@media (min-width: 700px) {
  body {
    padding: 0 50px;
  }
  .vd-card-wrapper .vd-card {
    width: 30%;
  }
  #play-box {
    height: 500px;
  }
  
  #play-box iframe {
    width: 60%;
  }
  .ads-div .ads-img {
    width: 50%;
    background: red;
  }
}