details.csto {
    background:#0b5096;
    color:#ffffd4;
  }
  details.csto .memberlist img {
    filter:drop-shadow(2px 2px #666633);
  }
  details.sco {
    background:#228e8f;
    color:white;
  }
  details.sco .memberlist img {
    filter:drop-shadow(2px 2px #136566);
  }
  details.asean {
    background:#052875;
    color:#f8e700;
  }
  details.asean .memberlist img {
    filter:drop-shadow(2px 2px rgba(99, 7, 13, 0.8));
  }
  details.eu {
  background:#091c46;
  color:#ffcc00;
  }
  details.eu .memberlist img {
    filter:drop-shadow(2px 2px #193166);
  }
  details.oic {
  background:#185235;
  color:#e0fff0;
  }
  details.oic .memberlist img {
    filter:drop-shadow(2px 2px #042414);
  }
  details.special.oas summary img, details.special.oic summary img {
      margin-right: 5px;
}
  details.oas {
    background:#e5b857;
    color:#544016;
  }
  details.oas summary {
    color:#544016;
  }
  details.oas .memberlist img {
    filter:drop-shadow(2px 2px #544016);
  }
  details.nato {
    background:#002c5b;
    color:white;
  }
  details.nato summary {
    color:#d4e9ff;
  }
  details.nato .memberlist img {
    filter:drop-shadow(2px 2px #001c3a);
  }
    details.special img {
    vertical-align:sub;
  }
  details.special .memberlist img {
  display: block;
    margin: auto;
    }
  details.special summary {
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
    border-bottom:0.5px solid ;
    padding:5px;
    font-weight:bold;
  }
  details.special::details-content {
    padding:5px;
  }
  details .memberlist > a, details {
    list-style-position: inside;
    flex: 100px;
    text-align: center;
    margin:5px;
  }
  details .memberlist > a {
    color:inherit;
    transition:0.3s;
    text-decoration:none;
    background:none;
  }
   details .memberlist > a:hover {
     transform: skew(-0.03turn);
     transition:0.3s;
     text-decoration:underline;
     color:inherit !important;
   }
  .memberlist {
    margin-top:5px;
        justify-content: center;
  }
  details.special > .memberlist {
    display: flex;
    flex-wrap: wrap;
    gap: 7%;
    align-items: center;
  }