.download h5:after,.downloadbaru h5:after{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0)}.content{font-size:14px;color:#222;margin-bottom:10px}.content img{width:100%;height:auto}.content blockquote{padding:20px;margin:0;border-radius:5px;background:#f9f9f9;border:1px solid #ddd}
.content h6{color:#333;display:block;padding:15px;background:#f9f9f9;border:1px solid #ddd;border-radius:5px;font-size:13px;margin:5px 0}h5.trailerh5 span{font-size:13px;background:#eee;padding:4px;float:right;margin-left:5px;border:1px solid #ddd;cursor:pointer}h5.trailerh5 span.st{background:#44ACFF;border:1px solid transparent;color:#fff}.trailer iframe{width:90%;margin:0 auto 10px;display:block;border:none;height:330px}.tr2{display:none}.download h5,.downloadbaru h5{text-align:center;margin-bottom:10px;padding-bottom:10px;border-bottom:3px solid #FFA033;position:relative;color:#333}.download h5 span,.downloadbaru h5 span{padding:5px;color:#fff;background:#EB912A;border-radius:3px}.download h5:after,.downloadbaru h5:after{position:absolute;bottom:-3px;left:50%;transform:translate(-50%,0);border-bottom:3px solid #1F84FF;width:50%}.downloadbaru h3{line-height:35px;background:#357897;color:#fff;font-size:13px;position:relative;padding-left:110px}.downloadbaru h3 em{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;background:#104F6C;width:100px;display:flex;font-style:normal;margin-right:7px;text-align:center;justify-content:center;align-items:center;height:100%;position:absolute;left:0;top:0;line-height:0}.downloadbaru li a{display:inline-block;font-size:13px;padding:0 15px;line-height:35px}.downloadbaru li em,.downloadbaru li strong{font-size:12px;display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;width:100px;top:0;height:100%}.downloadbaru li a:hover{color:#2379A1}.downloadbaru li a:visited{color:#FFA33F}.downloadbaru li{border-bottom:1px solid #eee;position:relative;padding-right:100px;padding-left:100px}.downloadbaru li em{background:#146388;color:#fff;font-style:normal;position:absolute;right:0;justify-content:center;align-items:center}.downloadbaru li strong{color:#333;border-left:3px solid #ddd;position:absolute;left:0;align-items:center;justify-content:center}.downloadbaru li:nth-child(odd) strong{border-left:3px solid #eee}.downloadbaru li strong:after{position:absolute;bottom:-1px;border-bottom:1px solid #ddd;width:100%;left:0}.downloadbaru ul{margin-bottom:20px}.download{margin-bottom:10px;font-size:13px}.download p{color:#333}.download h4{font-size:13px;padding:5px;background:#6e7aff;color:#fff;border-left:5px solid #47516E}.download li{margin-bottom:3px;display:block}.download a{padding:0 13px 0 10px;color:#2168B0;border-right:1px dashed #377BC0}.download a:visited{color:#E1933F}.download ul{margin:5px 0;background:#f9f9f9;padding:5px;border:1px solid #e5e5e5}.download strong{width:40px;background:#5a5856;display:inline-block;padding:5px 2px;text-align:center;color:#fff}.download blockquote strong{border-right:5px solid #5B6DA5;color:#fff}.download blockquote h4{border-bottom:5px solid #47516E;margin-bottom:5px}.download blockquote{border-bottom:3px solid #ABB6D7;padding-bottom:15px;margin:0 0 15px}.download iframe{width:100%;height:auto;border:none}.download b,.download h3{border-radius:3px;color:#fff}.download h3{padding:5px;font-size:13px;margin:10px 0;background:#ff8346;border-left: 5px solid #47516E;}.download b{padding:4px;background:#529AC6;font-size:11px;margin-left:10px}.boxdownload2 li a{border-right:none}.boxdownload2 li{float:left;width:32.3%;margin-right:1%;line-height:25px}ul.boxdownload2{border:none;background:#fff;overflow:hidden}.boxdownload2 b{text-align:center;width:80px;background:#F45555;display:inline-block;color:#fff}.download i{width:70px;display:inline-block;padding:5px 2px;text-align:center;color:#fff;background:#5a5856;}

@media screen and (max-width:1170px){.fixing1 .shabjad{left: 0;}}@media screen and (max-width:990px){.download{text-align:center}.download strong{width:90%;margin:5px auto}.download a{line-height:30px}.footerwidget h3{font-size:16px}.about p{font-size:14px}.trailer iframe{height:300px}.liveaction{width:48%;margin-right:2%}.tableinfo{overflow:visible}.coverthumbnail2{float:none;margin:auto}.tableinfo h5{font-size:15px}.lettergroup li{width:100%}.downloadbaru li em{position:static;display:block;height:25px;text-align:center;line-height:25px;border-radius:3px;width:80px;margin:3px auto}.downloadbaru li a{padding:0 5px}.downloadbaru li{text-align:center;padding:5px 0}.downloadbaru li strong{display:block;position:static;background:#1E5881;padding:10px;color:#fff;border-left:0;width:90%;height:auto;margin:0 auto;left:none;right:none;border-right:3px solid #eee;text-align:center}.abjadbaru{display:block}.abjadbaru li a{width:7.6%}.downloadbaru h3 em{position:static;display:block;padding:5px;width:auto;height:auto;line-height:35px;margin-right:0}.downloadbaru h3{padding-left:5px;padding:5px;text-align:center}.download .dlcuy li span.sizedlcuy,.download .batch-dlcuy ul li span.sizebatchuy{padding:10px;margin:5px auto 0 auto;display:block;width:50%}.download .dlcuy ul li a,.download .batch-dlcuy ul li a{padding:10px;line-height:normal}.download .dlcuy h4{border-top:3px solid #47516E}.download .dlcuy h4 span{top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.tambsingle{text-align:center}.tambsingle li{display:inline-block}.tambsingle li a{float:none}.tambsingle li.ongosing,.tambsingle li.harsing{float:none;display:block}}@media screen and (max-width:340px){.sharing li{white-space:nowrap;overflow:hidden}.trailer iframe{height:250px}.liveaction{width:100%;margin-right:0}.info{clear:both}.sticky .thumbnail{height:200px}}

.alert{padding:15px;margin-bottom:21px;border:1px solid transparent;border-radius:0}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#3fb618;border-color:#4e9f15;color:#ffffff}.alert-success hr{border-top-color:#438912}.alert-success .alert-link{color:#e6e6e6}.alert-info{background-color:#7b7bfb;border-color:#0505bf;color:#ffffff}.alert-info hr{border-top-color:#693c96}.alert-info .alert-link{color:#e6e6e6}.alert-warning{background-color:#ff7518;border-color:#ff4309;color:#ffffff}.alert-warning hr{border-top-color:#ee3800}.alert-warning .alert-link{color:#e6e6e6}.alert-danger{background-color:#ff0039;border-color:#f0005e;color:#ffffff}.alert-danger hr{border-top-color:#d60054}.alert-danger .alert-link{color:#e6e6e6}

div.yondarkness-box {background-color: #4a4848; font-family: Arial, Tahoma, 'Lucida Sans Unicode', 'Lucida Grande'; font-size: 12px; line-height: 12px; margin: 0px 0px 20px; outline: 0px; overflow: hidden; padding: 20px; vertical-align: baseline; width: 100%;}
div.yondarkness-title {background-color: #444446; background-position: 7px 6px; background-repeat: no-repeat no-repeat; border: 1px; color: #ffffff; float: left; font-family: Tahoma; font-size: 11px; font-weight: bold; margin: 0px 0px 3px; outline: 0px; padding: 10px 0px 10px 0px; vertical-align: baseline; width: 100%;}
div.yondarkness-item {background-color: #ffffff; background-position: 7px 6px; background-repeat: no-repeat no-repeat; border: 0px; float: left; font-family: Tahoma; font-size: 11px; font-weight: bold; margin: 0px 0px 2px; outline: 0px; padding: 10px 0px 10px 0px; vertical-align: baseline; width: 100%;}
.yondarkness-link {color: #0000ff}
.arealinker {

}
.arealinker span {
font-weight: bold;
display: block;
margin-bottom: 5px;
}
.dlbod {
overflow: hidden;
margin-bottom:10px;
margin-top:0px !important;
}
.dlbod .liner {

        margin: 0px 0px 10px;
}
.dlbod .liner .name {
background: rgb(0, 173, 255);
padding: 5px 10px;
color: #fff;
font-weight: bold;
text-align: center;
}
.dlbod .liner .listlink {
    background: #333;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dlbod .liner .listlink b {
margin-right: 5px;
float: left;
    color: #fff;
font-size: 11px;
line-height: 19px;
padding: 5px 5px;
background: #00afef;
}
.dlbod .liner .listlink p {display: inline;}
.dlbod .liner .listlink a {
display: block;
float: left;
margin-right: 5px;
    color: #fff;
    padding: 7px;
}
.dlbod .liner .listlink a:hover  {color:#00afef;}
.animeinfo {

  width: 100%;

  float: left;

}

.infojudul h2 {

  font-family: -Open sans-, sans-serif;

  font-weight: bold;

  color: #0000CC;

  font-size: 20px;

  border-bottom: 3px solid #4D4DFF;

  margin-bottom: 8px;

  background: none;

  padding: 4px 0;

}

.imganime {

  float: left;

  margin-right: 8px;

}

.imganime img {

  width: 180px;

  height: 255px;

  border: 1px solid #DDD;

  padding: 4px;

  margin-top: 0;

  border-radius: 0;

  background: #FFF;

}

.data {

  height: 265px;

  margin-bottom: 8px;

  position: relative;

}

.infos {
  font-family: 'Open sans', sans-serif;
  font-size: 12px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 465px;
  padding-left: 10px;
  color: #a8b3bb;
}

.infos a {

  color: #a8b3bb;

}

.totalepisode {

  position: absolute;

  right: 0;

  top: 0;

  width: 135px;

}

.total {

  font-size: 27px;

  text-align: center;

  padding: 3px 0;

  font-weight: bold;

  font-family: 'Open sans', sans-serif;

  background: #FFF;

}

.total a {

  color: #222;

}

.deskripsi {
  text-align: justify;
  font-size: 13px;
  margin: 10px 0;
  background: #313131;
  padding: 10px;
  line-height: 23px;
  color: #cecece;
}

.isi {

  color: #333333;

  font-size: 12px;

  font-family: 'Open sans',sans-serif;

}

.judulanime {

  position: relative;

  padding: 4px 0;

  color: #444;

  font-weight: bold;

  font-size: 12px;

  margin-bottom: 1px;

  font-family: helvetica,sans-serif;

  border-bottom: 2px solid #4D4DFF;

}

.pdate {

  position: absolute;

  top: 0;

  line-height: 26px;

  right: 0;

  padding: 0 6px;

  text-align: center;

  width: 120px;

}

.anilist:nth-child(even) {

  background: #FFFFFF;

}

.tautan {

  width: 467px;

  font-size: 12px;

  float: left;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  background-size: 14px;

  background-position: 0px;

}

.tautan a {

  color: #505050;

}

.ldate {

  float: right;

  width: 132px;

  font-size: 12px;

  text-align: center;

  margin-right: -5px;

  color: #505050;

  font-family: 'Open sans', sans-serif;

}

.anilist:nth-child(odd) {

  background: #FAFAFA;

}

.anilist {

  list-style: none;

  padding: 0 5px;

  border-bottom: 1px solid #F0F0F0;

  line-height: 25px;

  height: 25px;

}

.totalepisode h2 {

  border-bottom: 0;

  font-weight: bold;

  font-size: 12px;

  text-align: center;

  padding: 3px 0;

  margin-bottom: 1px;

  background: #313B42;

  color: #FFF;

}

.totalepisode h3 {

  margin: 0;

  font-size: 12px;

  font-family: 'Open sans', sans-serif;

  text-align: center;

  padding: 3px 0;

  background: #4D4DFF;

  color: #FFF;

}

.totalepisode h3 a{color:#fff}
@media only screen and ( max-width: 720px ) {.kiri{float:left;width:100%}}
@media only screen and ( max-width: 520px ) {.kiri{float:left;width:100%}}
@media only screen and ( max-width: 320px ) {.kiri{float:left;width:100%}}

@media only screen and ( max-width: 720px ) {
.imganime {float: none;}
}
@media only screen and ( max-width: 450px ) {
.totalepisode {width: 100%;}
.totalepisode h5 {display: none;}
.total {display: none;}
}
.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;
}