?>
<style>
   ::-webkit-scrollbar{width:1px;}
   hr.thick-line{width:100%;border:0;height:0;border-bottom:3px solid #5FB85C;}
   *{font-family:Century Gothic, sans-serif;}
   body{background-color:white;font-size:14px;background:url(https://pa-trenggalek.go.id/slide_sidang/dark_leather.png);color:#5b5b5b;margin:0;padding:0;font-family:Century Gothic,sans-serif;height:100%;width:100%;overflow: -moz-scrollbars-none;}
   #atas{background:rgba(2, 2, 2, 1) url("https://pa-trenggalek.go.id/slide_sidang/top_repeat.jpg") repeat-x scroll right top;background-size:100% 100%;height:90px;width:100%;float:center;box-shadow:0px 0px 10px #5b5b5b;}
   .logo a{margin-top:4px;padding-top:5px;height:30px;float:left;margin:0;padding-left:10px;width:70px;}
   .front2{float:left;margin-top:3px;padding:2px;color:#fff;text-align:left;font-size:40px;}
   .front{float:left;margin-top:3px;padding:2px;color:#fff;text-align:left;font-size:30px;}
   .front span{margin-top:10px;float:left;padding:2px;color:#fff;text-align:left;font-size:20px;}
   #konten{width:100%;border:0px solid #dcdcdc;}
   #cssmenu ul,
   #cssmenu li,
   #cssmenu span,
   #cssmenu a{margin:0;padding:0;position:relative;}
   #cssmenu{height:auto;border:1px solid #eee;border-radius:0px 0px 0 0;-moz-border-radius:0px 0px 0 0;-webkit-border-radius:0px 0px 0 0;background:#F1F1F1;color:#757575;width:auto;}
   #cssmenu:after,
   #cssmenu ul:after{content:'';display:block;clear:both;}
   #cssmenu a{background:#F1F1F1;;color:#757575;display:inline-block;font-size:13px;line-height:25px;padding:0 15px;text-decoration:none;}
   #cssmenu ul{list-style:none;color:#757575;}
   #cssmenu > ul{float:left;}
   #cssmenu > ul > li{float:left;}
   #cssmenu > ul > li > a{color:#757575;font-size:13px;word-wrap:break-word;}
   #cssmenu > ul > li:hover:after{content:'		';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #069c10;margin-left:-10px;}
   #cssmenu > ul > li:first-child > a{border-radius:0px 0 0 0;-moz-border-radius:0px 0 0 0;-webkit-border-radius:0px 0 0 0;}
   #cssmenu > ul > li.active:after{content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #069c10;margin-left:-10px;}
   #cssmenu > ul > li.active > a{-moz-box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.1);background:#F1F1F1;}
   #cssmenu > ul .active{background:#5fb85c;}
   #cssmenu > ul > li:hover > a{background:#5fb85c;color:#fff;}
   #cssmenu .has-sub{}
   #cssmenu .has-sub:hover > ul{display:block;}
   #cssmenu .has-sub ul{display:none;position:absolute;width:260px;top:100%;left:0;}
   #cssmenu .has-sub ul li{margin-bottom:-1px;width:100%;}
   #cssmenu .has-sub ul li a{filter:none;font-size:13px;display:block;line-height:120%;padding:6px;color:#757575;border:1px solid #fff;width:100%;background:#eeffdd;z-index:20;}
   #cssmenu .has-sub ul li:hover a{background:#5fb85c;color:#fff;width:100%;}
   #cssmenu .has-sub .has-sub:hover > ul{display:block;}
   #cssmenu .has-sub .has-sub ul{display:none;position:absolute;left:100%;top:0;}
   #cssmenu .has-sub .has-sub ul li a{background:#eeffdd;filter:none;font-size:13px;display:block;line-height:120%;padding:6px;margin-left:10px;color:#757575;border:1px solid #eee;z-index:21;}
   #cssmenu .has-sub .has-sub .has-sub ul li a{margin-left:15px;z-index:22;}
   #cssmenu .has-sub .has-sub ul li a:hover{background:#5fb85c;color:#fff;}
   @media all and (max-width:600px), only screen and (max-width:600px), only screen and (max-width:600px), only screen and (max-width:600px), only screen and (max-width:600px), only screen and (min-resolution:192dpi) and (max-width:600px), only screen and (min-resolution:2dppx){.dl-menuwrapper{visibility:visible;}
   }
   h1.main,p.demos {
   -webkit-animation-delay: 18s;
   -moz-animation-delay: 18s;
   -ms-animation-delay: 18s;
   animation-delay: 18s;
   }
   .sp-container-header {
   width: 100%;
   text-align: center;
   color: transparent;
   -webkit-animation: blurFadeInOut 10s ease-in backwards;
   -moz-animation: blurFadeInOut 10s ease-in backwards;
   -ms-animation: blurFadeInOut 10s ease-in backwards;
   animation: blurFadeInOut 10s ease-in backwards;
   animation-iteration-count: infinite;
   }
   .sp-container h2 {  
   height: 30px;
   width: 100%;
   text-align: center;
   color: transparent;
   -webkit-animation: blurFadeInOut 10s ease-in backwards;
   -moz-animation: blurFadeInOut 10s ease-in backwards;
   -ms-animation: blurFadeInOut 10s ease-in backwards;
   animation: blurFadeInOut 10s ease-in backwards;
   animation-iteration-count: infinite;     
   }
   .sp-container-header .frame-10 {
   font-size: 1em;
   -webkit-animation-delay: 0s;
   -moz-animation-delay: 0s;
   -ms-animation-delay: 0s;
   animation-delay: 0s;
   }
   .sp-container h2.frame-1 {
   font-size: 2.5em;
   -webkit-animation-delay: 0s;
   -moz-animation-delay: 0s;
   -ms-animation-delay: 0s;
   animation-delay: 0s;
   }
   .sp-container h2.frame-2 {
   font-size: 2.5em;
   -webkit-animation-delay: 3s;
   -moz-animation-delay: 3s;
   -ms-animation-delay: 3s;
   animation-delay: 3s;
   }
   .sp-container h2.frame-3 {
   -webkit-animation-delay: 6s;
   -moz-animation-delay: 6s;
   -ms-animation-delay: 6s;
   animation-delay: 6s;
   }
   .sp-container h2.frame-4 {
   font-size: 2.5em;
   -webkit-animation-delay: 9s;
   -moz-animation-delay: 9s;
   -ms-animation-delay: 9s;
   animation-delay: 9s;
   }
   .sp-container h2.frame-5 {
   font-size: 2.5em;
   -webkit-animation: none;
   -moz-animation: none;
   -ms-animation: none;
   animation: none;
   color: transparent;
   text-shadow: 0px 0px 1px #fff;
   }
   @-webkit-keyframes blurFadeInOut{
   0%{ opacity: 0; text-shadow: 0px 0px 40px #fff; -webkit-transform: scale(1.3); }
   20%,75%{ opacity: 1; text-shadow: 0px 0px 1px #fff; -webkit-transform: scale(1); }
   100%{ opacity: 0; text-shadow: 0px 0px 50px #fff; -webkit-transform: scale(0); }
   }
   @-webkit-keyframes blurFadeIn{
   0%{ opacity: 0; text-shadow: 0px 0px 40px #fff; -webkit-transform: scale(1.3); }
   50%{ opacity: 0.5; text-shadow: 0px 0px 10px #fff; -webkit-transform: scale(1.1); }
   100%{ opacity: 1; text-shadow: 0px 0px 1px #fff; -webkit-transform: scale(1); }
   }
   @-webkit-keyframes fadeInBack{
   0%{ opacity: 0; -webkit-transform: scale(0); }
   50%{ opacity: 0.4; -webkit-transform: scale(2); }
   100%{ opacity: 0.2; -webkit-transform: scale(5); }
   }
   @-webkit-keyframes fadeInRotate{
   0%{ opacity: 0; -webkit-transform: scale(0) rotate(360deg); }
   100%{ opacity: 1; -webkit-transform: scale(1) rotate(0deg); }
   }
   /**/
   @-moz-keyframes blurFadeInOut{
   0%{ opacity: 0; text-shadow: 0px 0px 40px #fff; -moz-transform: scale(1.3); }
   20%,75%{ opacity: 1; text-shadow: 0px 0px 1px #fff; -moz-transform: scale(1); }
   100%{ opacity: 0; text-shadow: 0px 0px 50px #fff; -moz-transform: scale(0); }
   }
   @-moz-keyframes blurFadeIn{
   0%{ opacity: 0; text-shadow: 0px 0px 40px #fff; -moz-transform: scale(1.3); }
   100%{ opacity: 1; text-shadow: 0px 0px 1px #fff; -moz-transform: scale(1); }
   }
   @-moz-keyframes fadeInBack{
   0%{ opacity: 0; -moz-transform: scale(0); }
   50%{ opacity: 0.4; -moz-transform: scale(2); }
   100%{ opacity: 0.2; -moz-transform: scale(5); }
   }
   @-moz-keyframes fadeInRotate{
   0%{ opacity: 0; -moz-transform: scale(0) rotate(360deg); }
   100%{ opacity: 1; -moz-transform: scale(1) rotate(0deg); }
   }
   @keyframes blurFadeInOut{
   0%{ opacity: 0; text-shadow: 0px 0px 40px #fff; transform: scale(1.3); }
   20%,75%{ opacity: 1; text-shadow: 0px 0px 1px #fff; transform: scale(1); }
   100%{ opacity: 0; text-shadow: 0px 0px 50px #fff; transform: scale(0); }
   }
   @keyframes blurFadeIn{
   0%{ opacity: 0; text-shadow: 0px 0px 40px #fff; transform: scale(1.3); }
   50%{ opacity: 0.5; text-shadow: 0px 0px 10px #fff; transform: scale(1.1); }
   100%{ opacity: 1; text-shadow: 0px 0px 1px #fff; transform: scale(1); }
   }
   @keyframes fadeInBack{
   0%{ opacity: 0; transform: scale(0); }
   50%{ opacity: 0.4; transform: scale(2); }
   100%{ opacity: 0.2; transform: scale(5); }
   }
   @keyframes fadeInRotate{
   0%{ opacity: 0; transform: scale(0) rotate(360deg); }
   100%{ opacity: 1; transform: scale(1) rotate(0deg); }
   }
</style>
<html>
   <head>
      <title>PENGADILAN AGAMA TRENGGALEK</title>
   </head>
   <body>
      <div id="wrapper">
      <div id="cssmenu" style="height: 30px;">
         <div style="width:100%; float:right; color:green; font-size:1.5em;">
            <div align="center">
                <b>JADWAL SIDANG SABTU, 18 JULI 2026</b>               <table style="width:100%; color:white; border:'1'">
                  <tr>
                     <th style='width:5%;'>No.</th>
                     <th style='width:10%;color:gold;'>No.Perkara</th>
                     <th style='width:20%;'>Nama Pihak</th>
                     <th style='width:10%;'>Ruang Sidang</th>
                     <th style='width:20%;'>Agenda</th>
                     <th style='width:20%;color:gold;'>Keterangan</th>
                  </tr>
               </table>
            </div>
         </div>
      </div>
      <div id="content">
      <style>
         *{font-family:Century Gothic, sans-serif;}
         body{ background: background:url(/localhost/slide_sidang/dark_leather.png); cursor:none;}
         #table { width: 100%; }
         .th { font: bold 20px "Century Gothic", Century Gothic, Geneva, AppleGothic, sans-serif; color: white; font-weight: bold; color: #EEEEEE; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; letter-spacing: 2px; text-transform: uppercase; text-align: center; padding: 5px 5px 5px 5px; background: green; }
         .td { font: bold 18px "Century Gothic", Century Gothic, Geneva, AppleGothic, sans-serif; color: white; border-right: 0.1em solid #C1DAD7; border-bottom: 0.1em solid #C1DAD7; border-left: 0.1em solid #C1DAD7; border-top: 0.1em solid #C1DAD7; padding: 6px 6px 6px 6px; }
         .kotak_kiri{
         float:left;
         width:49.5%;
         height:86%;
         }
         .kotak_kanan{
         float:right;
         width:49.5%;
         height:86%;
         } 
         .kotak_kiri2{
         float:left;
         width:39%;
         height:86%;
         }
         .kotak_kanan2{
         float:right;
         width:100%;
         height:86%;	
         }
         .kotak_kiri3{
         float:left;
         width:60%;
         height:86%;
         }
         .kotak_kanan3{
         float:right;
         width:39%;
         height:86%;	
         }
      </style>
      <div style="width:100%;height:100%">
         <div class="kotak_kanan2">
            <marquee direction="up" scrolldelay="150" height="100%">

<p style='color:white;text-align: center;font-size: 50px;'>HARI INI TIDAK ADA JADWAL SIDANG</p>
               

            </marquee>
         </div>
      </div>