.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	min-height:0px;
}
/*
a{
	color: #0667D1;
}*/
.h3, h3 {
    font-size: 18px;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.navbar{
	min-height:60px;
}
.navbar-nav li a{
	color:#333;
}
.navbar-nav .active a{
    color: #ed3237;
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: #eee;
    color: #ed3237;
    text-decoration: none;
}
.navbar-brand img{
    margin-top: 3px;
    width: 140px;
}
.navbar-otaku{
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	border-top: 4px solid #ed3237;
	position:fixed;
}
.navbar-nav > li > .dropdown-menu {
	border-top: 0 none;
	padding: 0;
}
.navbar-nav > li > .dropdown-menu > li > a, .dropdown-submenu > .dropdown-menu li > a {
    padding: 10px 20px;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
	top:0;
	left:100%;
	right:auto;
	margin-top:-6px;
	margin-left:-1px;
	max-height: 320px;
	overflow-y: auto;
	-webkit-border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px 6px;
	border-radius:0 6px 6px 6px;
 }
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }
.otaku{
	background-color:#F6F6F6;
}
.form-control{
	border-radius:0px;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0 none;
	box-shadow:none;
}
.btn{
	border-radius:0px;
}
.btn-ads{
	border-radius: 8px !important;
}
.content{
	/*max-width:1170px;*/
	max-width:1060px;
	border:1px solid #ddd;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	padding:0 15px 15px;
}
.footer{
    margin-left: auto;
    margin-right: auto;
    /*max-width: 1170px;*/
    max-width: 1060px;
	color:#fff;
}
.footer .footer-web{
    background-color: #333;
    color: #dadada;
    float: left;
    padding: 10px 20px;
    width: 100%;
}
.cp{
	margin-top:10px;
	padding-top:10px;
	border-top: 1px solid #dadada;
}
.footer .footer-links{
	float:left;
	width:70%;
	padding-left:10px;
	padding-bottom:10px;
}
.main-content{
    display: block;
    margin-right: 5px;
    padding-top: 10px;
	margin-bottom:30px;
    position: relative;
    width: 100%;
}
.headline{
    border-bottom: 1px dotted #b2b2b2;
    border-top: 3px solid #333;
    color: #333;
    padding: 6px 0;
	font-size:15px;
	margin: 5px 0;
	font-weight:bold;
}
.aoi{
	color: #2182B4;
	border-color:#2182B4;
}
.midori{
	color:#569723;
	border-color:#569723;
}
.akai{
	color:#ED3237;
	border-color:#ED3237;
}
.shiro{
	color:#FFFFFF;
	border-color:#FFFFFF;
}
.murasaki{
	color:#4D3672;
	border-color:#4D3672;
}
.kuroi{
	color:#000;
	border-color:#000;
}
.bg-akari{
	background-color:#eee;
}
.social-list{
    display: block;
    margin-bottom: 10px;
    width: 100%;
}
.social-list a{
    display: block;
    float: left;
    margin-right: 8px;
    text-align: center;
    width: 57px;
}
.social-list a:hover{
	text-decoration:none;
}
.social-list a:visited{
	text-decoration:none;
}
.social-list a:selected{
	text-decoration:none;
}
.social-list a i{
    background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #dddddd;
    color: #232323;
    display: block;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 1px;
    margin-left: 0;
    padding: 8px 0;
}
.social-list a span{
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 0;
}
span.facebook{
	background-color:#4260b4;
}
span.twitter{
	background-color:#3fb9d7;
}
span.google{
	background-color:#bf4b37;
}
span.instagram{
	background-color:#8b755e;
}
.top-post{
	margin: 15px 0px;
}
.top-post-img img{
	width:100%;
	height:auto;
}
.top-post-info h4{
	margin-bottom:0px;
}
.top-post-info h4 a{
    font-size: 14px;
    margin-bottom: 3px;
	color: #333;
}
.top-post-info h4 a:hover{
	color: #ED3237;
	text-decoration:none;
}
.top-post-info a{
	padding-right: 10px;
}
.top-post-info .meta{
	color: #8b8b8b;
	font-size:10px;
}
.top-post-info .meta:hover{
	color: #333;
	text-decoration:none;
}
.top-post-content{
	padding-top:5px;
	font-size:12px;
}
.widget{
	margin-bottom: 10px;
	/*max-width:282px;*/
	max-width:320px;
	float:left;
}
.content-detail{
	margin-top:10px;
	background-color: #fff;
}
.post-list{
    border: 1px solid #ddd;
    display: block;
    /*overflow: auto;*/
    position: relative;
	margin-bottom:10px
}
.post-img{
    float: left;
    height: auto;
    max-width: 326px;
    padding: 3px;
    width: 100%;
}
.post-img img{
    float: left;
    padding: 3px;
    width: 100%;
	max-height:206px;
}
.post-info{
    padding: 0 5px 5px;
    width: 100%;
}
.post-info h4{
    font-size: 16px;
    margin: 5px 0;
	font-weight:bold;
}
.post-info h4 a{
	color:#333;
}
.post-info h4 a:hover{
	color:#ED3237;
	text-decoration:none;
}
.meta{
	font-size:12px;
	color:#8b8b8b;
	padding-right: 10px;
}
a.meta:hover{
	color:#333;
	text-decoration:none;
}
.clear{
	clear:both;
}
.post-footer{
    border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    overflow: auto;
    padding: 5px 0;
    width: 100%;
	background-color:#f5f5f5;
}
.post-footer .tanggapan{
	width:50%;
	float:left;
}
.post-footer .share{
	width:50%;
	float:left;
}
.footer-title{
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 5px;
}
.count {
    border-left: 1px solid #ccc;
    margin-left: 3px;
    padding-left: 3px;
}

.btn-small{
    font-size: 11px;
    line-height: 1.2;
    padding: 5px 8px;
}
.top-post-list{
    float: left;
    margin: 0 0 8px;
}
.top-post-list img{
	height: 56px;
	width:80px;
	float:left;
}
.top-post-list .top-post-info{
    float: left;
    padding: 0 5px;
    /*width: 180px;*/
    width: 240px;
}
.top-post-list .top-post-info h5{
	font-size:12px;
	margin:0px;
	color:#333;
}
/*h5 a{
	color:#333;
}*/
h5 a:hover{
	color:#ED3237;
	text-decoration:none;
}
/* KOTODAMA*/
.kotodama-list {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 10px;
}
.kotodama-list:hover, .kotodama-list:focus{
	border: 1px solid #5bc0de;
}
.kotodama-char {
    float: left;
    margin: 5px;
    width: 98%;
}
.char-img {
    float: left;
    margin: 3px 3.5px;
    width: 50px;
}
.quote-header .char-img{
	width:60px;
}

.char-img img{
    border: 1px solid #ddd;
    height: auto;
    padding: 2px;
    width: 100%;
}
.seiyuu-img img {
    border: 1px solid #ddd;
    height: auto;
    padding: 2px;
    width: 100%;
}
.char-info {
    padding-left: 2px;
    width: 76%;
}
.char-info .char-name {
    font-weight: bold;
}
.seiyuu-info{
	float:right;
	width:50%;
}
.seiyuu-info .seiyuu-detail{
	width: 100%; 
	text-align: right; 
	padding-right: 50px;
}
.char-title a{
	color:#337ab7;
	font-size: 13px;
}
.char-title a:hover{
	color:#23527c;
	text-decoration:none;
}
.char-name a{
	color:#337ab7;
	font-size: 13px;
}
.char-name a:hover{
	color:#23527c;
	text-decoration:none;
}
.seiyuu-name a{
	color:#337ab7;
	font-size: 13px;
}
.seiyuu-name a:hover{
	color:#23527c;
	text-decoration:none;
}
.anime-title a{
	color:#337ab7;
	font-size: 13px;
}
.anime-title a:hover{
	color:#23527c;
	text-decoration:none;
}
.kotodama-content {
    float: left;
    padding: 2px 0 6px;
    width: 100%;
}
.kotodama-content a{
	text-decoration:none;
}
.kotodama-footer {
    border-top: 1px solid #ddd;
    float: left;
    padding: 5px 0;
    width: 100%;
}
.breadcrumb{
	margin-bottom:10px;
}
.breadcrumb .active a{
    color: #777;
}
.breadcrumb .active a:hover{
	text-decoration:none;
	pointer-events:none;
}
.content-top{
	margin-left:auto;
	margin-right:auto;
	/* max-width:1170px; */
	max-width:1060px;
}

.page-title{
	font-size:22px;
	font-weight:bold;
	line-height:140%;
}
.right{
	float:right;
	right:3px;
}
.left{
	float:left;
}
.full{
	width:100%;
}
.post-header{
	width:100%;
	margin-bottom:20px;
}
.post-image{
	text-align:center;
	margin-top:10px;
	width:100%;
}
.post-image img{
    height: auto;
    max-width: 100%;
    width: auto;
}
.post-content{
	margin-top:15px;
}
.post-content p{
	margin-top:12px;
	line-height: 180%;
}
.post-content h1, h2, h3, h4, h5{
	margin-top:18px;
	font-weight:bold;
	margin-bottom:10px;
}
.kategori-post{
	width:100%;
}
.label-kategori{
    background-color: #feeff4;
    border: 1px solid #f1c3c8;
    border-radius: 0;
    color: #ed3237;
    float: left;
    font-weight: normal;
    margin: 5px 5px 0 0;
    padding: 4px;
	font-size:12px;
}
.label-kategori:hover, .label-kategori:focus{
	background-color:#ED3237;
	color:#fff;
	border-color:#ED3237;
}
.tag-post{
    float: left;
    margin-bottom: 15px;
    margin-top: 10px;
    width: 100%;
}
.label-tag{
    background-color: #F6F6F6;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #333;
    float: left;
    font-weight: normal;
    margin: 5px 5px 0 0;
    padding: 4px 8px;
	font-size:12px;
	white-space: normal;
}
.label-tag:hover, .label-tag:focus{
	background-color:#00AFEF;
	color:#fff;
	border-color:#00AFEF;
}
.post-komentar{
    padding: 5px 0;
    width: 100%;
	margin-top:10px;
	padding-left:15px;
}
.form-komentar{
	width:100%;
}
.form-otaku{
}
.form-otaku input, .form-otaku textarea{
	margin-bottom:10px;
}
.alert{
	border-radius:0px;
}
.list-komentar{
	padding: 10px 0px;
	width:100%;
	margin-bottom:20px;
}
.komentar-user{
	border-bottom: 1px dotted #ddd;
	padding: 10px 0px;
	width:100%;
	overflow:auto;
}
.komentar-user .gbr-user{
	float:left;
	width:50px;
	height:50px;
	margin-right:8px;
}
.gbr-user img{
	width:50px;
	height:50px;
}
.konten-komentar{
	float:left;
	max-width:77%;
}
.konten-komentar .nama-user{
	margin-bottom:3px;
	color:#333;
	font-weight:bold;
	line-height:180%;
}
.nama-user:hover{
	color:#ed3237;
	text-decoration:none;
}
.komentar-user .isi-komentar{
	float:left;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
}
.balasan{
	width:100%;
	padding-left:30px;
}
.balasan .komentar-user{
	border:1px dotted #ddd;
	padding-left:10px;
	float:left;
}
.balasan .komentar-user .isi-komentar{
	padding-bottom:0px;
}
.balas-form{
	width:100%;
	margin-top:5px;
}
.balas-form textarea{
    height: 35px;
    padding: 5px 10px;
    width: 100%;
	resize:vertical;
}
.fly{
	position:absolute;
}
blockquote{
	font-size:15px;
}
.otaku-info b{
	color: #565656;
}
.cover-content{
	width:100%;
}
.cover-content img{
    border: 1px solid #ddd;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    width: 234.5px;
}
.hl-otaku{
	font-weight:bold;
}
.title-border {
    border-bottom: 1px solid #ddd;
    font-size: 1.1em;
    font-weight: bold;
    padding-bottom: 2px;
}
.list-content{
    margin: 10px 0 20px;
}
.content-header{
    border-bottom: 1px solid #eee;
    font-size: 18px;
    margin: 10px 0 5px;
    padding-bottom: 5px;
}
.content-header small{
	font-weight:bold;
	color: #666;
}
.option{
    color: #666;
    font-size: 0.7em;
    margin-right: 0;
    margin-top: 6px;
}
.news-list{
	width:100%;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	float:left;
}
.news-list .news-img{
	width:100px;
	max-height:84px;
	float:left;
	margin:6px;
}
.news-img img{
	width:100%;	
}
.news-list .news-info{
	width: 100%;
	padding:0px 10px;
}
.news-info .news-date{
	font-size: 12px;
	color: #666;
}
.news-info h4{
	margin:3px;
	font-size:14px;
}
.news-info h4 a{
	color:#333;
}
.news-info h4 a:hover{
	color:#ED3237;
	text-decoration:none;
}
.news-info .news-content{
	margin-top: 5px;
}
.bordered{
	border:1px solid #ddd;
}
.bd-akai{
	border-color:#ED3237;
}
.padding-10{
	padding: 10px;
}
.padding-5{
	padding: 10px;
}
.top-15{
	margin-top:15px;
}
.top-10{
	margin-top:10px;
}
.top-5{
	margin-top:5px;
}
.bottom-15{
	margin-bottom:15px;
}
.bottom-10{
	margin-bottom:10px;
}
.bottom-5{
	margin-bottom:5px;
}
.anime-list{
    border-bottom: 1px dotted #ddd;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.anime-img {
    border: 1px solid #ddd;
    float: left;
    margin: 3px;
    padding: 1px;
    /*width: 52px;*/
    width: 54px;
}
.anime-char-list .anime-img{
	width:40px;
}
.anime-img img{
	width:100%;
	height:auto;
}
.anime-list .anime-img {
    border: 1px solid #ddd;
    float: left;
    margin: 3px 6px 3px 3px;
    padding: 1px;
}
/*.anime-list .anime-img img {
    max-height: 70px;
}*/
.anime-list .anime-img img {
    max-height: 128px;
}
.anime-info {
    padding-left: 2px;
    width: 100%;
}
.sinopsis-anime {
    padding-left: 5px;
}
.detail-anime {
    padding-left: 5px;
}
.tebal{
	font-weight:bold;
}
.top-anime-list{
    float: left;
    margin: 0 0 8px;
}
.top-anime-list img{
	/*height: 80px;
	width:56px;*/
    height: 72px;
    width: 52px;
	float:left;
}
.top-anime-list .top-anime-info{
    float: left;
    padding: 0 5px;
    /*width: 180px;*/
    width: 262px;
}
.top-anime-list .top-anime-info h5{
	font-size:13px;
	margin:0px;
	color:#333;
}
.char-list{
	border-bottom:1px dotted #ddd;
	margin-bottom:15px;
	padding-bottom: 5px;
}
.top-char-list{
    float: left;
    margin: 0 0 8px;
}
.top-char-list img{
    float: left;
    height: 55px;
    width: 39px;
	border: 1px solid #ddd;
}
.top-char-list .top-char-info{
    float: left;
    padding: 0 5px;
    /*width: 223px;*/
    width: 280px;
}
.top-char-list .top-char-info h5{
	font-size:13px;
	margin:0px;
	color:#333;
}
.search-result{
	padding:10px 15px;
	color:#778899;
	background-color:#F8F8FF;
	border: 1px solid #ddd;
}
.margin-0{
	margin:0px;
}
.border-bottom{
	border-bottom-width:1px;
	border-bottom-style: solid;
	padding-bottom: 5px;
}
.haiiro{
	color:#8e8e8e;
}
/*Pencarian Anime*/
.anime-result{
	width:100%;
	padding: 0px 2px;
}
.anime-grid{
	float:left;
	/*width:105px;*/
	width:111px;
	text-align:center;
	text-decoration: none;
	font-weight: bold;
	padding:1px;
    height: 224px;
    overflow-y: hidden;
	overflow-x: hidden;
	overflow-wrap: break-word;
}
.anime-grid .img-cover{
    border: 1px solid #ddd;
    /*height: 156px;
    width: 103px;*/
    height: 160px;
    width: 109px;
}
.anime-grid .img-cover img{
    height: 100%;
    width: 100%;
	font-weight: normal;
}
.anime-grid:hover, .anime-grid:focus{
	background-color:#ED3237;
	color: #fff;
	min-height: 224px;
    height: auto;
	white-space: normal;
}
.anime-grid:hover a{
	color: #fff;
}
.anime-grid a{
	color: #333;
}
.anime-grid a:hover{
	text-decoration: none;
	color: #fff;
}
/*Pencarian Karakter*/
.char-result{
	width:100%;
	padding: 0px 2px;
}
.char-grid{
	float:left;
	width:111px;
	text-align:center;
	text-decoration: none;
	font-weight: bold;
	padding:1px;
    height: 206px;
    overflow-y: hidden;
}
.char-grid .img-cover{
    border: 1px solid #ddd;
    height: 160px;
    width: 109px;
}
.char-grid .img-cover img{
    height: 100%;
    width: 100%;
	font-weight: normal;
}
.char-grid:hover, .char-grid:focus{
	background-color:#ED3237;
	color: #fff;
	min-height: 206px;
    height: auto;
}
.char-grid:hover a{
	color: #fff;
}
.char-grid a{
	color: #333;
}
.char-grid a:hover{
	text-decoration: none;
	color: #fff;
}
.anime-char-list{
	float:left;
	width:100%;
	/* 30/10/2015 */
	margin-bottom: 5px;border-bottom: 1px solid #f1f1f1;padding-bottom:5px;
}
.anime-char-list:hover{
	background-color:#F4F4F4;
}
.anime-char-list .char-img{
    border: 1px solid #ddd;
    float: left;
    margin: 3px;
    padding: 1px;
    width: 40px;
}
.left-10{
	margin-left:10px;
}
.left-5{
	margin-left:5px;
}
.logo-otaku{
    background-image: url("../img/otakotaku-new-logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 76px auto;
    line-height: 40px;
    margin-left: -20px;
    margin-top: -8px;
    width: 84px;
}
.padding-left-10{
	padding-left: 10px;
}
.padding-right-10{
	padding-right: 10px;
}
.padding-left-5{
	padding-left: 5px;
}
.padding-right-5{
	padding-right: 5px;
}
.quote{
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    margin: 0 5px;
    padding: 5px 10px;
}
.bquote{
    color: #646464;
    font-size: 14px;
    margin-left: -16px;
    position: absolute;
}
.quote-link{
    color: #333;
    float: left;
    text-decoration: none;
    width: 100%;
}
.quote-link:hover, .quote-link:focus, .quote-link:active{
	color: #333;
	text-decoration:none;
	background-color:#F4F4F4;
}
.quote-link div:hover{
	color: #333;
	text-decoration:none;
	background-color:#F4F4F4;
}
.footer-column{
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    padding: 5px 0;
    text-align: center;
}
.font-12{
	font-size:12px;
}
.font-13{
	font-size:13px;
}
.bg-otaku {
    background-color: #ed3237 !important;
}
.bg-otaku{
	color: #f9f9f9 !important;
}
.otaku-info{
	line-height:160%;
}
/* NAV TABS */
.nav-tabs-custom {
  margin-bottom: 2px;
  background: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.nav-tabs-custom > .nav-tabs {
  margin: 0;
  border-bottom-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs > li {
  border-top: 3px solid transparent;
  margin-bottom: -2px;
  /*margin-right: 5px;*/
}
.nav-tabs-custom > .nav-tabs > li > a {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.nav-tabs-custom > .nav-tabs > li > a,
.nav-tabs-custom > .nav-tabs > li > a:hover {
  background: transparent;
  margin: 0;
}
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
  border-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #3c8dbc;
}
.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
  background-color: #fff;
}
.nav-tabs-custom > .nav-tabs > li.active > a {
  border-top: 0;
  border-left-color: #f4f4f4;
  border-right-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type {
  margin-left: 0px;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
  border-left-width: 0;
}
.nav-tabs-custom > .nav-tabs.pull-right {
  float: none!important;
}
.nav-tabs-custom > .nav-tabs.pull-right > li {
  float: right;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
  margin-right: 0px;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
  border-left-width: 1px;
  border-right-width: 0px;
}
.nav-tabs-custom > .nav-tabs > li.header {
  font-weight: 400;
  line-height: 35px;
  padding: 0 10px;
  font-size: 20px;
  color: #444;
  cursor: default;
}
.nav-tabs-custom > .nav-tabs > li.header > .fa,
.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
.nav-tabs-custom > .nav-tabs > li.header > .ion {
  margin-right: 10px;
}
.nav-tabs-custom > .tab-content {
  background: #fff;
  padding: 10px;
}
.nav-tabs-custom > .nav-tabs > li > a {
	/*fixed bug on mobile vers*/
    border: medium none !important;
}
/* END NAV TABS */
/* ANIME SEASONAL */
.anime-season{
	padding: 10px 0px;
	display:table;
	background-color: #fff;
}
.anime-type{
	margin-bottom: 10px;
	float:left;
	width: 100%;
}
.type-title{
	background-color: #3c8dbc;
	border-left: 3px solid #357ca5;
	color: #fff;
	padding: 5px 10px;
	text-align: center;
}
.col-anime-data{
	float:left;
	margin-top: 5px;
	width: 100%;
}
.col-anime-con{
	padding: 5px 10px;
	margin-bottom: 10px;
	float: left;
}
.col-anime{
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: block;
    float: left;
    /*height: 281.15px;*/
    height: 271.15px;
    overflow: hidden;
    position: relative;
    width: 100%;
	background: #fff;
}
.col-anime-title{
	border-top: 2px solid #3c8dbc;
	border-bottom: 1px solid #bababa;
	float: left;
	padding: 8px 10px;
	text-align: center;
	width: 100%;
	font-weight: bold;
	display: block;
    height: 57px;
    overflow: hidden;
	position: relative;
}
.col-anime-studio{
    background-color: #f6f6f6;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    display: block;
    float: left;
    font-size: 11px;
    height: 23px;
    overflow: hidden;
    padding: 3px 6px;
    position: relative;
    text-align: center;
    width: 50%;
}
.col-anime-eps{
    background-color: #f6f6f6;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    display: block;
    float: left;
    font-size: 11px;
    height: 23px;
    overflow: hidden;
    padding: 3px 6px;
    position: relative;
    text-align: center;
    width: 25%;
}
.col-anime-rating{
    background-color: #f6f6f6;
    border-bottom: 1px solid #dddddd;
    display: block;
    float: left;
    font-size: 11px;
    height: 23px;
    overflow: hidden;
    padding: 3px 6px;
    position: relative;
    text-align: center;
    width: 25%;
}
.col-anime-meta{
	background-color: #f6f6f6;
	float: left;
	padding: 3px 6px;
	text-align: center;
	width: 33.33%;
	font-size: 11px;
	border-bottom: 1px solid #dddddd;
}
.col-anime-genre{
    background-color: #f6f6f6;
    border-bottom: 1px solid #dddddd;
    display: block;
    float: left;
    font-size: 11px;
    height: 23px;
    overflow: hidden;
    padding: 3px 6px;
    position: relative;
    text-align: center;
    width: 100%;
}
.col-anime-cover{
    border: 1px solid #dddddd;
    float: left;
    padding: 1px;
	width: 34%;
	/*height: 176px;*/
	height: 166px;
}
.col-anime-cover img{
	width: 100%;
	height: 100%;
}
.col-synopsis{
    float: left;
    /*height: 156px;*/
    height: 143px;
    overflow-y: hidden;
    padding: 3px 6px;
    width: 66%;
	font-size: 12px;
}
.col-synopsis:hover, .col-synopsis:focus{
	overflow-y: auto;
}
.col-anime-date{
    background-color: #f6f6f6;
    border-top: 1px solid #dddddd;
    float: left;
    font-size: 11px;
    padding: 4px 0 2px 6px;
	width: 42%;
	border-right: 1px solid #dddddd;
	height: 25px;
}
.col-anime-trailer{
	background-color: #f6f6f6;
    border-top: 1px solid #dddddd;
    float: left;
    font-size: 11px;
    padding: 4px 0 2px 6px;
	width: 24%;
	height: 25px;
}
.season-filter{
    background-color: #f9f9f9;
    border-bottom: 1px solid #eee;
    display: table;
    padding: 5px 12px;
    width: 100%;
}
.season-display{
	float: right;
	margin-top: 5px;
}
.bg-trailer{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 124px;
    width: 100%;
}
.title-trailer{
    color: #484848;
	overflow-x: hidden;
    top: 0;
}
.thumbnail:hover{
	text-decoration: none;
	cursor: pointer;
}
.play{
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    height: 38px;
    padding-left: 11px;
    padding-top: 7.4px;
    position: relative;
    left: 41.5%;
    top: 34%;
    width: 38px;
	background-color: rgba(0, 0, 0, 0.45);
}
.play:hover, .play:focus, .play:active{
    background-color: rgba(0, 0, 0, 0.7);
}
div.anime-related, span.anime-related{
    background-color: #e5e5e5;
    border: 1px solid #bababa;
    border-radius: 0;
    color: #333;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin: 5px 5px 0 0;
    padding: 4px 8px;
}
a.anime-related{
    background-color: #e9fbfb;
    border: 1px solid #337ab7;
    border-radius: 0;
    color: #337ab7;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin: 5px 5px 0 0;
    padding: 4px 8px;
}
a.anime-related:hover, a.anime-related:hover, a.anime-related:hover{
	background-color: #00AFEF;
	color: #fff;
}
a.anime-related.active{
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    color: #666;
}
a.anime-related:hover, a.anime-related:focus, a.anime-related:active{
	text-decoration: none;
}
.otaku-media{
	height: 286px;
	overflow-y:hidden;
	cursor: auto !important;
}
.otaku-media:hover, .otaku-media:focus{
	height: auto;
	min-height: 286px;
	border: 1px solid #5bc0de;
}
.border-akai{
	border-color: #ED3237 !important;
}
.ulang-tahun{
  background: repeating-linear-gradient(
    45deg,
    #F6F6F6,
    #F6F6F6 10px,
    #FFFFFF 10px,
    #FFFFFF 20px
  );
}
.group-title{
	background-color: #3c8dbc;
	color: #fff;
	padding: 5px 10px;
	text-align: center;
	margin: 10px 0;
	font-weight: bold;
}
.table-detail{
	table-layout: fixed;
	width: 100%;
	overflow-wrap: break-word;
}
.table-detail > tbody > tr > td, .table-detail > thead > tr > td, .table-detail > tr > td{
    line-height: 1.42857;
    padding: 5px;
    vertical-align: top;
	font-size: 12.5px;
}
.thumbnail-hover:hover, .thumbnail-hover:focus{
	border: 1px solid #5bc0de;
}
.top-box
{
    box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
}
.left-box
{
    box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.4);
}
.right-box
{
    box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.4);
}
.bottom-box
{
    box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.4);
}
.pointer{
	cursor:pointer;
}