body {
  margin:0px;
  background-color: #fff;
  }
  
  .home {
  width:320px;
  }
  .small-date {
  font-size: 8px;
  }

div#button_play {
    color: #fff;
    width: 109px;
    height: 18px;
    margin-left: 7px;
    font-size: 11px;
    text-align: center;
        background: -webkit-linear-gradient(top, #3D3D3D, #676767, #3F3F3F, #020202);
        background: -o-linear-gradient(bottom, #3D3D3D, #676767, #3F3F3F,#020202);
        background: -moz-linear-gradient(bottom, #3D3D3D, #676767, #3F3F3F,#020202);
        background: linear-gradient(to bottom, #3D3D3D, #676767, #3F3F3F,#020202);
}
.button_playtt {
    display: block;
    float: left;
    background-color: #E69400;
    color: #fff;
    width: 60px;
    height: 18px;
    margin-right: 3px;
    font-size: 8px;
    text-align: center;
}
  input.inpiut { width:185px; background:#efefef; border:0px;
  height:32px;
box-shadow: inset -0px -1px #8e8e8e;
border-radius:3px;
color:#00;
  }
  
    input.inlogin { width:197px; background:#F01A24; border:0px;
  height:32px;
box-shadow: inset -0px -1px #8e8e8e;
border-radius:3px;
color:#fff;
  }
  .grey-bg {
      background-color: #96A5A7;
      color: #5B6567;
  }
  .blue-bg {
      background-color: #0FB0DC;
      color: #fff;
  }
  .red-bg {
      background-color: #BB0919;
      color: #fff;
  }
  .red-bg2 {
      background-color: #075001;
      color: #fff;
  }
  .white-fg {
      color: #fff;
  }
  
  
    input.inreg { width:197px; background:#b1adae; border:0px;
  height:32px;
box-shadow: inset -0px -1px #8e8e8e;
border-radius:3px;
color:#fff;
  }
  
  
  
  .container {
  width:320px;
  background: #0C7F00; 
  box-shadow: 0 0 25px 1px #000;
  }
  
  .below 
  {
  margin:0px;
  width:320px;
  height:54px;
  background:url('../../img/kurma/bgbelow.jpg');
  
  }
  
  .pts 
  {
   background:#F3DF01;
   padding:0px;
   font-size:11px;
   text-align:center;
  color:#000;
  font-weight:bold;
   }
   
   .pts span { border:1px solid #fff; padding:1px 15px;}
   
     td { vertical-align:middle; text-align:center; }
   .table tr { margin-bottom:10px; }
   .gbawah { width:320px; text-align:center;margin-top:10px; float: left;}
   .gbawah1 { width:320px; margin-top:10px; margin-bottom: 10px;}
   .gbawah img { margin-bottom:4px; padding:7px;
                    height: 99px;
                    width: 132px;}
    .gbawah-title { margin-bottom:4px; padding:7px;
                    height: 20px;
                    width: 132px;
                  }
   .gbawah1 img { margin-bottom:4px; padding:1px 7px 7px 20px;
                  max-height: 99px;
                  max-width: 132px;}
   
   .clear { clear:both; }
   
   .pagination { padding:3px; height:27px; border-radius:3px; float: left;width: 100%;
    margin: 0 auto;}
   
   .splash { width:320px; height:190px; overflow:hidden;  margin-bottom:5px; text-align:center; }
   .splash img { height:150px; margin-top:10px;}
   .isiweb { height:300px; overflow:auto; }
   .gesercyn { margin-top:-20px; width:320px; height: 200px; overflow:auto; }
   
   .block-title-general {
        display: block;
        float: left;
        color: white;
        height: 25px;
        width: 100%;
    }
    .menu-icon {
        display: block;
        float: left;
        margin-left: 10px;
        width: 34px;
        height: 34px;
    }
    .menu-title {
        display: block;
        float  : left;
        height: 25px;
        line-height: 25px;
        margin-left: 10px;
        font-weight: bold;
        font-size: 9pt;
        font-family:"Arial Black", Times, serif;

    }
    .menu-rtitle {
        display: block;
        float: right;
        height: 25px;
        line-height: 25px;
        font-size: 8pt;
        margin-right: 15px;

    }
    .caption-stitle {
        display: block;
        float: left;
        height: 25px;
        line-height: 12px;
        font-size: 7pt;
        margin: 3px;
    }
    .caption-sstitle {
        display: block;
        float: left;
        height: 25px;
        line-height: 12px;
        font-size: 6pt;
        margin: 2px;
    }
    .menu-title table {
        display:table;
        width:100%;
        table-layout:fixed;
    }
    .menu-rtitle a {
        color: white;
    }
    .menu-rtitle a:hover {
            font-weight: bold;
    }
    .title-icon {background: url("../../img/kurma/title-icon.png") no-repeat;background-size: contain;}
    
    .block-headline{
        display: block;
        width: 310px;
        float: left;
        margin: 5px;
        height: 245px;
        background-color: #075001;
    }
    .caption-title {
        color: white;
    }
    .block-footer{
        background: #1C6700;
        color: #fff;
        text-align:center;
    }
    a.other-link{
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        color: #000;
        padding: 4px 23px;
        text-align:left;
        font-size:11px;
    }
    a.other-link:hover {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        color: #000;
        padding: 4px 23px;
        text-align:left;
        font-size:12px;
        font-weight:bold;
        text-decoration: none;
    }
    
    div#header_main {
        /*height: 121px;*/
    }
    .header_general {
        background: url("../../img/kurma/header2.jpg");
        height: 48px;
    }
    .header_img {
       display: block;
       /*margin: 15px 25px;*/
       /*position: absolute;*/
	  /*  width:320px;
	   height: 150px; */
    }
    .headline_img {
       /*display: block;*/
       width: 100%;
       position: relative;
    }
    div#button_go {
        background-image: url("../../img/kurma/SBU.gif");
        background-position: 0px 10px;
        background-repeat: no-repeat;
        height: 36px;
        width: 62px;
        float: left;
        padding: 155px 0 0 20px;
    }
   div#header_search {
       position: absolute;
        margin-top: 4px;
        margin-left: 187px;
        float: left;
        z-index: 1100;
    }
   input.pictureInput {
        background-color: transparent;
        height:10px;
        width: 97px;
        font-size:8pt;
        padding-left: 27px;
        padding-right: 5px;
    }

.galvideo 
 {
    display: block;
    background-color: #075001;
    float: left;
    width: 150px;
    margin:5px;
    word-wrap: break-word;
}
.galvideo img {
    width:150px; 
    height: 100px;
}
.galfoto 
 {
    display: block;
    background-color: #075001;
    width: 100px;
    float: left;
    margin:3px;
    word-wrap: break-word;
}
.galfoto img {
    width:100px; 
    height: 72px;
}
 
  .galtone
 {
    height:20px;
    padding:15px;
    background: #5AA330;
}
 
 .galtone-kiri { float:left;font-weight:bold;color:#FEF52E;font-size:12px }
 .galtone-middle { float:left;width:180px;margin-bottom: 5px;margin-left: 10px;}
 .galtone-kiri1 { height:25px; color:#FEF52E; text-align:left;  vertical-align:middle;}
 .galtone-kanan { float:right; height:25px; color:#FEF52E; text-align:right;  vertical-align:middle;}
 .galtone-kanan img { margin-bottom:0px; padding:0px;
                    height: auto;
                    width: auto;}
 
 a.tbl-nav { padding:10px 40px; background:#ff8b00; color:#fff; } 
 a.tbl-nav:hover { text-decoration:none; } 
 .paging { margin-top:20px; margin-bottom:20px;  text-align:center;}
 .lebih { text-align:right; }
 
 .modal { max-width:310px; margin-left:-161px; padding:0px;  }
 a.watch {
    border-radius: 9px;
    /*padding: 6px 12px;*/
    color: #fff;
    font-weight: bold;
}

span.small { font-size:10px; font-weight:bold; }
li.komeng { background:#FAF7A9; padding:6px; margin:5px; border-radius:0px; }
/*ul, li { list-style:none; }*/
ul {   font-size: 8pt; }
img.imgv { max-width:320px; }
.player { padding:0px; margin:0px; }
#my-video_logo {
    height: 0px !important;
}

.footer_menu {
    display: block;
    float: left;
    /*width: 304px;*/
}
.pagination a {
    color: #fff;
}
.pagination .active a {
    background-color: #fff;
}
.pagination a:hover {
    background-color: #BB0919;
}
.comment-wrapper {
    margin: 10px;
}
.comment-wrapper table td {
    text-align: left;
}
.block-list-comment {
    background-color: #CFCFCF;
    min-height: 50px;
    padding: 2%;
    margin: 5px 0;
    color: #000;
    width:  96%;
    font-size: 8pt;
}
.block-headline img {
    width: 100%;
}
.link a {
    color: white;
}
.link a:hover {
    font-weight: bold;
}
.block-line {
    /*background-color: #fff;*/
    height: 5px;
}
.block-menu {
    display: block;
    float: left;
    width: 100%;
}
.block-menu a:hover .menu-item {
    background-position: top;
}
.menu-item {
    background: url("../../img/kurma/button.png") no-repeat;
    margin: 3px 0;
    height: 38px;
    background-position: bottom;
}
.menu-text {
    color: #fff;
    line-height: 38px;
    padding: 0 35px;
    width: 100%;
}
.menu-text-head {
    color: #fff;
    font-size: 7pt;
    font-family: "Arial";
    width: 100%;
    margin-left: 9px;
}
.menu-text-head a {
    color: #fff;
    margin-left: -4px;
}
.menu-text-head a:hover {
    color: #EED202;
}
.btn-active {
    background-position: top;
}
.menu-active {
    color: #EED202;
}
.bullet {
    padding: 2px;
}
.cover_img {
    width: 294px;
    margin-left: 13px;
    margin-top: -11px;
}
.block_content {
    display: block;
    float: left;
    background-color: #fff;
    margin-left: 13px;
    width: 294px;
    margin-top: -11px;
}
.block_content p {
    font-size: 8pt;
    /*margin: 0 5px;*/
}
.block_content1 {
    display: block;
    float: left;
    background-color: #fff;
    /*margin-left: 13px;*/
    width: 100%;
    /*margin-top: -11px;*/
}
.content-title {
    color: #138911;
    margin: 9px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 100%;
    word-wrap: break-word;
    text-decoration: underline;
    font-weight: bold;
}
.content-text {
    color: #000;
    margin: 9px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 100%;
    word-wrap: break-word;
}
.index-text {
    font-size: 8pt;
}
.index-text a {
    color: #000;
}
.index-text a:hover {
    font-weight: bold;
}
.content-title1 {
    color: #138911;
    margin: 9px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 100%;
    word-wrap: break-word;
    text-align: center;
    font-weight: bold;
}
.table-content {
    overflow-x: scroll;
}
.xl63 {
    color: #40FF00;
    background-color: #000;
}
.xl66 {
    background-color: #FFFFCC;
}
.genap {
    background-color: #f0f9ff;
}
@media(min-width:320px) {
    body {
        background: none;
    }
    html {
        background: #23848D url('../../img/kurma/background.jpg') no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
}

.center {
      display: block;
      margin: 0 auto;
      text-align: center;
  }
  
.block-menu {
    display: block;
    float: left;
    width: 100%;
}
.block-menu a:hover .menu-item {
    background-position: top;
    font-weight: bold;
    font-style: italic;
    color: #fff;
}
.menu-item {
    background: url("../../img/kurma/button.png") no-repeat;
    margin: 3px 0;
    height: 38px;
    color: #8D7E01;
    background-position: bottom;
}
.menu-item1 {
    background: url("../../img/kurma/button.png") no-repeat;
    margin: 3px 0;
    height: 38px;
    color: #8D7E01;
    background-position: bottom;
}
.menu-text {
    line-height: 38px;
    padding: 0 35px;
    width: 100%;
}
.menu-text-head {
    color: #fff;
    font-size: 8pt;
    font-family: "Arial";
    width: 100%;
    margin-left: 2px;
}
.menu-text-head a {
    color: #fff;
    margin-left: -4px;
}
.menu-text-head a:hover {
    color: #EED202;
}
.btn-active {
    background-position: top;
    font-weight: bold;
    color: #fff;
}

  .container2 {
  display: block;
  float: left;
  width:320px;
  background: url('../../img/kurma/bg3.png') no-repeat;
  }

  .home2 {
  width:280px;
  background-color: #d8d8d8;
  margin-left: 15px;
  margin-bottom: 15px;
  }
  
  .header_img2 {
    padding-right: 15px;
    padding-left: 15px;
    }
	
[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {  
  height: auto;
} 
@supports (--custom:property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }  
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }  
}