/*CSS Putar video loading*/
#putar {
  animation: mymove 0.5s infinite;
}

@keyframes mymove {
  100% {transform: rotate(360deg);}
}/*CSS iFRAME*/
  #embed_holder {
    position: relative;
    z-index: 2;
}
  
.embed-stream {
    overflow: hidden;
    background: #000;
    width: 100%;
}

.playerload {
    width: 80px;
    height: 80px;
    border-radius: 150px;
    border: 15px solid #fff;
    border-top-color: rgba(0,0,0,.3);
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -38px;
    margin-left: -38px;
    animation: playerload 1.2s linear infinite;
    -webkit-animation: playerload 1.2s linear infinite;
}
div#pframe {
    z-index: 99;
}
.pembed {
    position: relative;
    max-width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
#embed_holder iframe, #embed_holder embed {
    z-index: 3;
    position: absolute;
    border: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

iframe {
    overflow-clip-margin: content-box !important;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
    overflow: clip !important;
}  
  

.unduhkan {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  margin:3px;
  padding: 5px 10px;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal normal bold 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(255,255,255,0.99);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(193,1,1,1);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.unduhkan:hover {
  color: rgba(0,0,0,0.99);
  background: rgba(255,212,0,0.96);
}.unduh {
float:right;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  margin:3px;
  padding: 5px 10px;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal normal bold 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(255,255,255,0.99);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(193,1,1,1);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.unduh:hover {
  color: rgba(0,0,0,0.99);
  background: rgba(255,212,0,0.96);
}
.genre {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 5px 10px;
  margin:3px;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal normal bold 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(0,39,68,0.99);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(247,244,244,1);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.genre:hover {
  color: rgba(237,237,237,0.99);
  background: rgba(0,107,196,0.96);
}

.eps {
float:left;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  margin:3px;
  padding: 5px 10px;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal normal bold 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(255,255,255,0.99);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(0,107,196,0.96);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.eps:hover {
  color: rgba(0,0,0,0.99);
  background: rgba(201,201,201,0.96);
}

  @media screen and (max-width: 600px) {

.eps, .unduh {float:none}

}

a {text-decoration:none!important}
.share {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 46px;
  margin: 17px;
  padding: 6px 17px;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 21px;
  border-radius: 21px;
  font: normal normal bold 16px/1 "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(255,255,255,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #0199d9;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
}
  .content {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 0 22px;
  padding: 0 0 16px;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  font: normal 15px/1 Tahoma, Geneva, sans-serif;
  color: rgba(5,0,0,1);
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-shadow: -1px 1px 2px 0 rgba(0,0,0,0.3) ;
  box-shadow: -1px 1px 2px 0 rgba(0,0,0,0.3) ;
}
  
  
  .judul {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 120px;
  margin: 25px 0 0 23px;
  padding: 17px;
  overflow: hidden;
  border: none;
  font: normal 21px/1 "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(255,255,255,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #00090c;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
}

.download {
  width:auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0px;
  padding: 20px;
  overflow: hidden;
  border: 0 solid;
  border-right: 15px solid rgba(252,113,162,1);
  font: normal normal bold 16px/1 "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(255,255,255,1);
  text-align: right;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #000000;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
}

 .download a{
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 5px;
  padding: 6px 24px 9px;
  border: none;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  font: normal normal bold 16px/1 "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(255,255,255,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: rgba(244,102,154,1);
}

  

  .judulpost {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 10px;
  overflow: hidden;
  border: none;
  font: normal 16px/1 Verdana, Geneva, sans-serif;
  color: rgba(255,255,255,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #000000;
}
.post {
  Float:left;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 1000px;
  margin: 11px;
  padding: 12px;
  overflow: hidden;
  border: none;
  font: normal 16px/1 "Times New Roman", Times, serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
  .post p{
  padding-left:20px;
      padding-right:20px;

  } 
  
.kanan {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 300px;
  margin: auto;
  padding: 12px;
  overflow: hidden;
  border: none;
  font: normal 16px/1 "Times New Roman", Times, serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}  
  
  
  
  
  .post iframe{width:100%; 
min-height: 480;
overflow: hidden;
}   
    @media screen and (max-width: 1310px) {.post{width:990px}}
  @media screen and (max-width: 1300px) {.post{width:980px}}
  @media screen and (max-width: 1290px) {.post{width:970px}}
  @media screen and (max-width: 1280px) {.post{width:960px}}
  @media screen and (max-width: 1270px) {.post{width:950px}}
  @media screen and (max-width: 1260px) {.post{width:940px}}
  @media screen and (max-width: 1250px) {.post{width:930px}}
  @media screen and (max-width: 1240px) {.post{width:920px}}
  @media screen and (max-width: 1230px) {.post{width:910px}}
  @media screen and (max-width: 1220px) {.post{width:900px}}
  @media screen and (max-width: 1210px) {.post{width:890px}}
  @media screen and (max-width: 1200px) {.post{width:880px}}
  @media screen and (max-width: 1190px) {.post{width:870px}}
  @media screen and (max-width: 1180px) {.post{width:860px}}
  @media screen and (max-width: 1170px) {.post{width:850px}}
  @media screen and (max-width: 1160px) {.post{width:840px}}
  @media screen and (max-width: 1150px) {.post{width:830px}}
  @media screen and (max-width: 1140px) {.post{width:820px}}
  @media screen and (max-width: 1130px) {.post{width:810px}}
  @media screen and (max-width: 1120px) {.post{width:800px}}
  @media screen and (max-width: 1110px) {.post{width:790px}}
  @media screen and (max-width: 1100px) {.post{width:780px}}
  @media screen and (max-width: 1090px) {.post{width:770px}}
  @media screen and (max-width: 1080px) {.post{width:760px}}
  @media screen and (max-width: 1070px) {.post{width:750px}}
  @media screen and (max-width: 1060px) {.post{width:740px}}
  @media screen and (max-width: 1050px) {.post{width:730px}}
  @media screen and (max-width: 1040px) {.post{width:720px}}
  @media screen and (max-width: 1030px) {.post{width:710px}}
  @media screen and (max-width: 1020px) {.post{width:700px}}
  @media screen and (max-width: 1010px) {.post{width:690px}}
  @media screen and (max-width: 1000px) {.post{width:680px}}
  @media screen and (max-width: 990px) {.post{width:670px}}
  @media screen and (max-width: 980px) {.post{width:660px}}
  @media screen and (max-width: 970px) {.post{width:650px}}
  @media screen and (max-width: 960px) {.post{width:640px}}
  @media screen and (max-width: 950px) {.post{width:630px}}
  @media screen and (max-width: 940px) {.post{width:620px}}
  @media screen and (max-width: 930px) {.post{width:610px}}
  @media screen and (max-width: 920px) {.post{width:600px}}
  @media screen and (max-width: 910px) {.post{width:590px}}
  @media screen and (max-width: 900px) {.post{width:580px}}
  @media screen and (max-width: 890px) {.post{width:570px}}
  @media screen and (max-width: 980px) {.post{width:560px}}
  @media screen and (max-width: 870px) {.post{width:550px}}
  @media screen and (max-width: 860px) {.post{width:540px}}
  @media screen and (max-width: 850px) {.post{width:530px}}
@media screen and (max-width: 840px) {
.post {
    width: 100%;
    float: no;
    padding: 0px;
  margin:0px;
}
.content {
    width: 100%;
    padding: 0px;
  margin:0px;
}  
  
  }
  
    @media screen and (max-width: 468px) {
    .post iframe{width:100%;}
  }
        .ibuiklan {position:static!important}.facebook {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  float: left;
  cursor: pointer;
  margin: 3px;
  padding: 5px 10px 5px 29px;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal normal bold 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: url("https://enjoycss.com/bg-img/custom/17060-19pd7hy.3z6z.PNG"), rgba(0,101,178,1);
  background-repeat: no-repeat;
  background-position: 5% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 20px auto;
  background-size: 20px auto;
}

.facebook:hover {
  background: url("https://enjoycss.com/bg-img/custom/17060-19pd7hy.3z6z.PNG"), -webkit-linear-gradient(-99.46232220802557deg, rgba(0,31,117,1) 0, rgba(27,121,252,1) 53%, rgba(0,23,61,1) 100%);
  background: url("https://enjoycss.com/bg-img/custom/17060-19pd7hy.3z6z.PNG"), -moz-linear-gradient(189.46232220802557deg, rgba(0,31,117,1) 0, rgba(27,121,252,1) 53%, rgba(0,23,61,1) 100%);
  background: url("https://enjoycss.com/bg-img/custom/17060-19pd7hy.3z6z.PNG"), linear-gradient(189.46232220802557deg, rgba(0,31,117,1) 0, rgba(27,121,252,1) 53%, rgba(0,23,61,1) 100%);
  background-repeat: no-repeat, repeat;
  background-position: 5% 50%, 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 20px auto, auto auto;
  background-size: 20px auto, auto auto;
}
.twitter {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  float: left;
  cursor: pointer;
  margin: 3px;
  padding: 5px 10px 5px 25px;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal normal bold 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: url("https://enjoycss.com/bg-img/custom/17060-1y44t6h.m05jj.PNG"), -webkit-linear-gradient(-90deg, rgba(2,199,229,1) 0, rgba(0,161,175,1) 51%, rgba(8,201,219,1) 100%);
  background: url("https://enjoycss.com/bg-img/custom/17060-1y44t6h.m05jj.PNG"), -moz-linear-gradient(180deg, rgba(2,199,229,1) 0, rgba(0,161,175,1) 51%, rgba(8,201,219,1) 100%);
  background: url("https://enjoycss.com/bg-img/custom/17060-1y44t6h.m05jj.PNG"), linear-gradient(180deg, rgba(2,199,229,1) 0, rgba(0,161,175,1) 51%, rgba(8,201,219,1) 100%);
  background-repeat: no-repeat, repeat;
  background-position: 7% 50%, 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 20px auto, auto auto;
  background-size: 20px auto, auto auto;
}

.twitter:hover {
  background: url("https://enjoycss.com/bg-img/custom/17060-1y44t6h.m05jj.PNG"), -webkit-linear-gradient(-90deg, rgba(12,129,142,1) 0, rgba(60,173,201,1) 51%, rgba(0,137,150,1) 100%);
  background: url("https://enjoycss.com/bg-img/custom/17060-1y44t6h.m05jj.PNG"), -moz-linear-gradient(180deg, rgba(12,129,142,1) 0, rgba(60,173,201,1) 51%, rgba(0,137,150,1) 100%);
  background: url("https://enjoycss.com/bg-img/custom/17060-1y44t6h.m05jj.PNG"), linear-gradient(180deg, rgba(12,129,142,1) 0, rgba(60,173,201,1) 51%, rgba(0,137,150,1) 100%);
  background-repeat: no-repeat, repeat;
  background-position: 7% 50%, 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 20px auto, auto auto;
  background-size: 20px auto, auto auto;
}
.tombol {
float:left;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  margin: 3px;
  padding: 5px 10px;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal normal bold 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #0199d9;
}

.tombol:hover {
  background: rgba(4,70,117,0.97);
}
 @media screen and (max-width: 600px) {
.tombol, .twitter, .akuntwitter, .facebook {float:none}
}


.ibudownload {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: -2px 0 13px;
  padding: 10px;
  overflow: hidden;
  border: 0 solid;
  border-top: 5px solid rgba(135,129,129,1);
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  font: normal 16px/1 "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(0,0,0,0.97);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.judulbaru {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 5px 5px 10px;
  padding: 5px 10px;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  font: normal normal bold 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(255,255,255,0.97);
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(4,70,117,0.97);
  -webkit-box-shadow: 2px 2px 2px -1px rgba(0,0,0,0.3) ;
  box-shadow: 2px 2px 2px -1px rgba(0,0,0,0.3) ;
}

.judulbaru:hover {
  color: rgba(0,0,0,0.97);
  background: rgba(255,212,0,0.95);
}

.isisinopsis {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 0 10px;
  padding: 5px 10px 4px;
  overflow: hidden;
  border: 0 solid rgba(244,242,242,1);
  border-bottom: 1px solid rgba(186,186,186,1);
  -webkit-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
  font: normal 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(0,39,68,0.98);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #ffffff;
  -webkit-box-shadow: 2px 2px 2px -1px rgba(0,0,0,0.3) ;
  box-shadow: 2px 2px 2px -1px rgba(0,0,0,0.3) ;
}
.sinopsis {
cursor:pointer;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 7px 5px -5px 10px;
  padding: 5px 10px 4px;
  overflow: hidden;
  border: 2px solid rgba(244,242,242,1);
  border-bottom: 0 solid;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  font: normal normal bold 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(4,70,117,0.98);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #ffffff;
  -webkit-box-shadow: 0 -2px 2px -1px rgba(0,0,0,0.3) ;
  box-shadow: 0 -2px 2px -1px rgba(0,0,0,0.3) ;
}


.caradownload {
cursor:pointer;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 7px 5px -5px 10px;
  padding: 5px 10px 4px;
  overflow: hidden;
  border: 2px solid rgba(244,242,242,1);
  border-bottom: 0 solid;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  font: normal normal bold 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: black;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #bcbcbc;
  -webkit-box-shadow: 0 -2px 2px -1px rgba(0,0,0,0.3) ;
  box-shadow: 0 -2px 2px -1px rgba(0,0,0,0.3) ;
}

.ibusinopsis {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 5px;
  overflow: hidden;
  border: none;
  font: normal 16px/normal "Times New Roman", Times, serif;
  color: rgba(0,0,0,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #bcbcbc;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
}
.ibugenre {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 8px 7px 5px;
  padding: 5px 15px;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  font: normal 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(0,0,0,0.9);
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(255,255,255,1);
  -webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.3) ;
}

.bawahvideo {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 5px;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  font: normal 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(0,0,0,0.9);
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(239,239,239,1);
  -webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.3) ;
}

.bawahkomik {
width: 90%;
margin:auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 5px;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  font: normal 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(0,0,0,0.9);
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(239,239,239,1);
  -webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.3) ;
}/*css komik*/

.dropdown-content {
  margin-top: 40px;
  display: none;
  position: absolute;
background: rgba(242,242,242,0.96);
min-width: 100px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
border: none;
-webkit-border-radius: 7px;
border-radius: 7px;
}

.dropdown-content a {
font: normal normal bold 16px/1 "Trebuchet MS", Helvetica, sans-serif;
color: rgba(4,70,117,0.95);
text-align: center;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.show {display: block;}

.postcomic {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 1000px;
    margin: auto;
    padding: 12px;
    overflow: hidden;
    border: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

    @media screen and (max-width: 1000px)
{
.postcomic {width:100%;}

}


    .gelap {
float:right;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  margin:3px;
  padding: 5px 10px;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal normal bold 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(255,255,255,0.99);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #000;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.light {
float:right;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  margin:3px;
  padding: 5px 10px;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal normal bold 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(255,255,255,0.99);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(0,107,196,0.96);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.light:hover {
  color: rgba(0,0,0,0.99);
  background: rgba(201,201,201,0.96);
}

  .allchap {
float:left;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  margin:3px;
  padding: 5px 10px;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal normal bold 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(255,255,255,0.99);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(193,1,1,1);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.allchap:hover {
  color: rgba(0,0,0,0.99);
  background: rgba(255,212,0,0.96);
}

  .pag a {
float:left;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  margin:3px;
  padding: 5px 10px;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal normal bold 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(255,255,255,0.99);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(0,107,196,0.96);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
  .pag a:hover {
  color: rgba(0,0,0,0.99);
  background: rgba(201,201,201,0.96);
}

  .pag span {
float:left;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  margin:3px;
  padding: 5px 10px;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal normal bold 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgba(255,255,255,0.99);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(204,197,197,0.96);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
  .pag a:hover {
  color: rgba(0,0,0,0.99);
  background: rgba(201,201,201,0.96);
}

    @media screen and (max-width: 420px) {.pag a, .pag span, .allchap, .gelap, .light {float:none}}