body {
background-color: #000;
background-repeat: repeat;
font-family: 'Mitr', sans-serif;
color: #fff;
}
.btn{
font-size: 28px;
color: #dd31d0;
border: 0px;
}
.top-menu {
background-color: #000;
background-position: top center;
}
.box-contact {
padding-top: 5px;
}
.box-tel,
.box-line {
background-color: #000000bd;
border-radius: 10px;
padding: 5px;
margin-bottom: 5px!important;
margin-top: 5px!important;
width: 250px;
text-align: center;
font-size: 20px;
margin: 0 auto;
}
.cover-anime{
margin-bottom:20px;
}
.bg-nav {
background: linear-gradient(to bottom, rgb(201 9 9) 0%, rgb(0 0 0) 100%);
box-shadow: -2px 4px 8px 4px #00000094;
color: #fff;
height: auto;
}
.navbar-nav .nav-link {
color: #fff;
font-family: Mitr;
font-size: 18px; }
.main {
background-color: #000000bd;
border-radius: 20px 20px 0px 0px;
margin-top: 30px;
padding: 10px;
text-align: center;
}
p {
font-size: 14px;
font-family: 'Kanit', sans-serif;
margin-bottom: 0px !important;
text-align: left;
}
.topic {
background-image: url(//www.avsubthai.lol/wp-content/themes/animekimi/img/bg-topic.jpg);
background-position: bottom;
padding: 10px;
border-radius: 20px;
margin-bottom: 10px;
}
.bg-topic {
background-color: #000000bd;
padding: 5px;
border-radius: 20px;
text-align: center;
}
h1 {
font-size: 40px;
color: #a30a0a;
margin-bottom: 0px;
}
h6 {
color: #fc8e23;
font-size: 26px;
line-height: 22px;
}
#ep {
background-color: #e31111;
color: #fff;
font-size: 20px;
font-family: 'Tahoma';
}
.box-blog {
background-color: #00000063;
border-radius: 10px;
margin-top: 20px;
padding: 10px;
text-align: justify
}
.main .blog {
margin-top: 50px !important;
background-color: #ffffff1c;
border-radius: 30px;
padding: 30px;
width: 85%;
margin: 0 auto;
}
.container-if {
position: relative;
width: 100%;
overflow: hidden;
padding-top: 56.25%; }
.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
} .foot {
background: linear-gradient(to right, rgb(255 0 0) 0%, rgb(22 20 22) 100%);
height: 10px;
box-shadow: -2px 4px 8px 4px #00000094;
}
.footmenu {
background: linear-gradient(92deg, rgba(0, 0, 0, 1) 0%, rgba(59, 59, 59, 1) 46%, rgba(59, 59, 59, 1) 57%, rgba(0, 0, 0, 1) 100%);
text-align: center;
margin: 0 auto
}
.cdt {
color: #ff8902;
font-weight: 800;
font-size: 18px;
}
.dt-intro {
padding-top: 20px;
text-align: justify
}
.dt-intro p {
padding-bottom: 10px;
}
.poster {
width: 100%;
height: 100%;
float: left;
position: relative;
overflow: hidden;
margin: 0;
padding-top: 140%;
}
.poster img {
width: 100%;
height: 260px;
margin-top: -140%;
}
.movie-title {
width: 100%;
height: auto;
position: absolute;
bottom: 3px;
background: rgba(0, 0, 0, .7);
padding: 4px;
box-sizing: border-box;
color: #ffffff;
border-radius: 4px;
text-align: center;
font-size: 14px;
line-height: 1.5; }
.intro {
background-color: #ffffff1a;
padding: 30px;
border-radius: 10px;
}
.banner-top {
padding-top: 180px;
}
@media (min-width:576px) {}
@media (min-width:768px) {
.slide {
margin-top: 121px;
}
}
@media (min-width: 992px) {
.box-tel,
.box-line {
float: right;
}
.banner-top {
padding-top: 160px;
}
.nav-link {
padding-left: 30px!important;
padding-right: 30px!important;
}
.slide {
margin-top: 140px;
}
.main .blog {
margin-top: 130px !important;
}
.poster img {
height: 320px;
}
}
@media (min-width: 1200px) {
.poster img {
height: 419px;
}
.nav-link {
padding-left: 40px!important;
padding-right: 40px!important;
}
}
@media (min-width: 1400px) {}
@media (min-width: 1600px) {}