#discon-nav{
  padding:20px 0 20px 0;
  border-bottom:1px solid #f1f4f7;
}
#discon-nav > ul{
  width:94vw;
  max-width:1080px;
  margin:0 auto;
  display:flex;
  justify-content: space-between;
}
#discon-nav > ul li{
  min-width:17%;
}
@media (max-width: 1100px) {
  #discon-nav > ul{
    flex-wrap:wrap;
  }
  #discon-nav > ul li{
    min-width:100%;
    margin:5px 0 5px 0;
  }
}
#discon-nav > ul li a{
  border:1px solid #ededed;
  border-radius:5px;
  display:block;
  transition: .3s;
  text-align:center;
  padding:20px 20px 30px 20px;
  font-size:14px;
  color:#000;
  position:relative;
}
#discon-nav > ul li a:before{
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 6px solid #000;
  border-bottom: 0;
  position:absolute;
  bottom:18px;
  left:50%;
  margin:0 0 0 -5px;
  transition: .3s;
}
#discon-nav > ul li a:hover{
  border:1px solid #000;
  border-radius:5px;
  display:block;
  transition: .3s;
  text-align:center;
  padding:20px 20px 30px 20px;
  color:#fff;
  background:#000;
}
#discon-nav > ul li a:hover:before{
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 6px solid #fff;
  border-bottom: 0;
  position:absolute;
  bottom:15px;
  left:50%;
  margin:0 0 0 -5px;
}
@media (max-width: 768px) {
  #discon-nav > ul li a{
    padding:20px 0 30px 0;
    font-size:16px;
  }
}

.link-pages ul{
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
}
.link-pages ul li{
  margin:10px;
}
.link-pages ul li a{
  color:#fff;
  background:#191919;
  padding:20px 80px 20px 80px;
  font-size:16px;
  border-radius: 5px;
  transition: .3s;
  display:inline-block;
  filter: drop-shadow(0px 4px -1px rgba(140,140,140,0));
}
.link-pages ul li a span{
  font-size:12px;
  margin:0 0 0 10px;
  vertical-align:1px;
}
.link-pages ul li a:hover{
  color:#fff;
  background:#b2b2b2;
  filter: drop-shadow(0px 4px 2px rgba(140,140,140,0.2));
}
@media (max-width: 768px) {
  .link-pages ul li{
    margin:10px auto 10px auto;
    width:90%;
  }
  .link-pages ul li a{
    display:block;
    text-align:center;
  }
  .link-pages ul li a span{
    font-size:12px;
    display:block;
    margin:3px 10px 0 10px;
    vertical-align:1px;
    line-height:1em;
  }
}

div.discon-list{
  width:94vw;
  max-width:1080px;
  margin:20px auto 0 auto;
  overflow-x: scroll;
}
div.discon-list table{
  width: 100%;
}
div.discon-list table th{
  background:#f0f0f0;
  border:1px solid #cdcdcd;
  font-size:14px;
  padding:5px 10px 5px 10px;
  text-align:left;
  line-height:1.4em;
}
div.discon-list table td{
  background:#fff;
  border:1px solid #cdcdcd;
  font-size:14px;
  padding:5px 10px 5px 10px;
  line-height:1.4em;
}
div.discon-list table td a{
  display:block;
  text-align:center;
  background:#000;
  color:#fff;
  padding:10px;
  font-size:14px;
  border-radius:5px;
  line-height:1.2em;
}
.discon-list > div{
  width: 100%;
  min-width: 900px;
}