body {
  margin:0;
  padding:0;
  font-size:12px;
  font-family:Lucida Sans, arial, serif, sans-serif;
  color:#7d91aa;
  width:100%; height:100%;
}

html {width:100%; height:100%;}
a:link {text-decoration:none; color:#ffaa0c;}
a:visited {text-decoration:none; color:#ffaa0c;}
a:active {text-decoration:none; color:#ffaa0c;}
a:hover {text-decoration:none; color:#ffaa0c;}
ul, dl, ol , dt, dd, h1, h2, h3, h4, p {margin:0px; padding:0px;}
ul, ol, li {list-style-type:none;}
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* hides from ie-mac */
.clfix{ zoom:1; } /*for ie 5.5-7*/
/* layout */
#shopBg {background:#0c0e07 url('../files/bg_shop.jpg')  no-repeat center 3px; text-align:center;}
#wrap {position:relative;  width: 1000px; margin:0 auto; text-align:left no-repeat center -30px;}
#header {position:relative; height:80px; overflow:hidden;}
#header .logoM {position:absolute; top:12px; left:460px;}
#header .flagIco {padding:6px 0 0 0; margin-left:10px;}
#header .flagIco li {float:left; margin-right:4px;}

#header .gnb {padding:15px 0 0 0; margin-left:8px;}
#header .gnb li{float:left;}

#subLeft {float:left; width:317px; margin-top:14px; padding-left:22px;}

#footer {clear:both; margin-top:43px;}
#footer .footList {padding-bottom:5px; background:url('../files/bg_foot_line.gif') no-repeat left bottom;}
#footer .footList a {display:inline-block; margin:0 8px;}
#footer .copyright{padding:12px 0 0px 187px; font-size:11px;}
#footer .copyright .footLogo {float:left; margin-right:20px;}
#footer .copyright address {float:left; color:#9dff64;}






.menuPanel{background:url(../files/menu_bg.png); HEIGHT: 185px; display:none; width:1022px; position:absolute; z-index:1; top:70px; left:-11px;}
.menuPanel ul.left {float:left;}
.menuPanel ul.right {float:right;}

.menuPanel li a:hover {color:#f3f2b7;}
.menuHeader{z-index:2; position:absolute; width:1022px; background:url(../files/gnb_bg.png) no-repeat; top:0px; left:-11px;}




  .box2 {
    display: flex;
    align-items: center;
    justify-content: center;
    place-content: center;
    
    color: white;
    text-shadow: 0 0px 0 #000;
    --border-angle: 0turn;

    /* Ana arka plan ve kenarlık gradient düzeltildi */
    --main-bg: conic-gradient(
        from var(--border-angle),
        #100e0f,
        #100e0f 0%,
        #100e0f 0%,
        #100e0f 0%
    );

    border: solid 3px transparent;
    border-radius: 1em;

    /* Kenarlık için daha iyi bir gradient */
    --gradient-border: conic-gradient(
        from var(--border-angle), 
        transparent 0%, 
        #fff130 25%, 
        #0fffdf 35%,
        #ffd30f 20%,
        #25000018 20%,    
        transparent
    );

    background: var(--main-bg) padding-box, 
                var(--gradient-border) border-box;
    background-position: center center;
    
    animation: bg-spin 3s linear infinite;

    /* Siyah çıkıntıyı engellemek için düzeltmeler */
    overflow: hidden; /* Taşmaları engeller */
    width: 100%; /* Genişliği tam olarak ayarlar */
    max-width: 100vw; /* Tarayıcı genişliğini aşmasını önler */
    min-width: 100%;
    box-sizing: border-box; /* Kenarlık ve padding taşmasını önler */
    
    /* Sağdaki siyah çıkıntıyı kaldırmak için */
    clip-path: inset(0 1px 0 0); /* Sağdan 1px kes */
}

/* Gradient animasyonu */
@keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

/* Border animasyonu düzgün çalışması için */
@property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
}

.news-table {
  position: right;
  top: 200%; /* Üstten mesafe */
  right: 0%; /* Sağdan mesafe */
  width: 65%; /* Tablo genişliği */
  background-color: rgba(0, 0, 0, 0.904); /* Koyu arka plan */
  border-collapse: collapse;
}

.news-table th, .news-table td {
  border: 1px solid #ad9569; /* Beyaz kenarlık */
  padding: 8px;
  text-align: center;
}

.news-table th {
  background-color: rgb(65, 3, 3); /* Başlık arka planı */
  color: rgb(21, 189, 2); /* Başlık yazı rengi */
}

.news-table a {
  color: rgb(185, 135, 27); /* Link rengi */
  text-decoration: none;
}

.news-table a:hover {
  text-decoration: underline;
}
.box3 {
  display: flex;
  align-items: center;
  justify-content: center;
  place-content: center;
  
  color: white;
  text-shadow: 0 0px 0 #000;
  --border-angle: 0turn;

  /* Ana arka plan ve kenarlık gradient düzeltildi */
  --main-bg: conic-gradient(
      from var(--border-angle),
      #100e0f,
      #100e0f 0%,
      #100e0f 0%,
      #100e0f 0%
  );

  border: solid 3px transparent;
  border-radius: 1em;

  /* Kenarlık için daha iyi bir gradient */
  --gradient-border: conic-gradient(
      from var(--border-angle), 
      transparent 0%, 
      #fff130 25%, 
      #0fffdf 35%,
      #ffd30f 20%,
      #25000018 20%,    
      transparent
  );

  background: var(--main-bg) padding-box, 
              var(--gradient-border) border-box;
  background-position: center center;
  
  animation: bg-spin 3s linear infinite;

  /* Siyah çıkıntıyı engellemek için düzeltmeler */
  overflow: hidden; /* Taşmaları engeller */
  width: 100%; /* Genişliği tam olarak ayarlar */
  max-width: 100vw; /* Tarayıcı genişliğini aşmasını önler */
  min-width: 100%;
  box-sizing: border-box; /* Kenarlık ve padding taşmasını önler */
  
  /* Sağdaki siyah çıkıntıyı kaldırmak için */
  clip-path: inset(0 1px 0 0); /* Sağdan 1px kes */
}

/* Gradient animasyonu */
@keyframes bg-spin {
  to {
      --border-angle: 1turn;
  }
}

/* Border animasyonu düzgün çalışması için */
@property --border-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}