a,li {
    text-decoration: none;
    list-style: none;
}

p img {
    display: block;
    margin: auto;
    max-width: 90%!important;
}

.transition {
    transition: all 0.3s ease!important;
}

.hover:hover {
    color: #ffa71a!important;
}

.font-8day {
    color: #00ffe1;
}

.bg-8day,.hover-bg:hover {
    background-color: #03282a!important;
}

.hover-8day:hover {
    background: linear-gradient(to bottom, #00ffc2, #00fff3) no-repeat center / contain!important;
    color: #ffa71a!important;
}

.text-indent-two {
  text-indent: 2em; 
}

.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by most modern browsers */
}

.page_nowindex {
    color: red!important;
}

article {
    overflow: hidden;
}

article img,article table {
    max-width: 90%!important;
}

article img {
    display: block;
    margin: auto!important;
}


table td,table th {
    border: 1px solid #dee2e6;
}

.cursor-pointer {
    cursor: pointer;
}


.gradient-bg {
    background: linear-gradient(to bottom, #03282a 0%, #03282a 10%,rgba(0,0,0,0) 100%) !important;
    
}

.banner-bg {
    background: url('/wp-content/images/8day/all_bg15.webp') no-repeat;
    background-size: 100% 100%;
}

.animated-border {
      position: relative;
      text-decoration: none;
      padding-bottom: 2px;
      transition: color 0.3s ease-in-out;
    }

.animated-border::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: red;
  transition: width 0.3s ease-in-out;
}

.animated-border:hover {
  color: #007bff;
}

.animated-border:hover::before {
  width: 100%;
}


.zoom-effect {
  transition: transform 0.1s ease-in-out;
}

.zoom-effect:hover {
  transform: scale(1.1); /* 放大比例可以根据需要调整 */
}

.icon-vip {
    position: relative;
    padding: 0 30px;
}

.icon-vip:before {
    content: "";
    position: absolute;
    height: 50px;
    width: 50px;
    left: 0;
    bottom: 0px;
    background: url('/wp-content/images/8day/8day-2.png') no-repeat;
    background-size: 100% 100%;
    opacity: .7;
}


.line {
    line-height: 1.3;
    font-size: 1.6em;
    color: #11848c;
    font-family: Roboto, sans-serif;
    font-style: normal;
    box-sizing: border-box;
    font-weight: bolder;
    background-color: currentColor;
    display: block;
    flex: 1;
    height: 2px;
    margin: .5em 0;
}

.shadow-8day {
    background:linear-gradient(to bottom, #003835, #001b19) no-repeat center / contain;
}

.rotate-icon {
    transition: transform 0.3s ease-in-out;
}

.rotate-up::before {
  transition: transform 0.3s ease-in-out;
  transform: rotate(180deg);
}

.rotate-down::before {
  transition: transform 0.3s ease-in-out;
  transform: rotate(0deg);
  
}

.font-weight-normal{font-weight:400!important}
.font-weight-bold{font-weight:700!important}
.font-weight-bolder{font-weight:bolder!important}
.font-italic{font-style:italic!important}

#search-list li {
    padding: .1em 0;
}

#search-list li a {
    color: #6c757d;
}

#search-list li a:hover {
    color: red;
}

#upload .modal-body {
    min-height: 300px;
}

#dropArea,#veiwArea {
    width: 100%;
    min-height: 300px;
    border-radius: 10px;
    text-align: center;
    padding: 20px;
    margin: 20px auto;
    cursor: pointer;
}

#dropArea {
    border: 2px dashed #ccc;
}

#dropArea img {
    min-height: 300px;
}

#veiwArea,#running-2 {
    display: none;
}

#running-2 {
    top: 45%;
    left: 48%;
}

.table th {
    text-align: center;
}

.btn::before {
    margin-right: .2em;
}

.strong {
    font-weight: bold;
}

.ellipsis {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pointer {
    cursor: pointer;
}

.pointer:hover {
    color: red!important;
}

#search-list,#search-list2 {
    display: none;
}

article a {
    font-weight: bold;
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
}

#anchor a {
    animation: blink 1s infinite;
}

@keyframes blink {
  0% { opacity: 1; } /* 开始时完全不透明 */
  50% { opacity: 0; } /* 中间时完全透明 */
  100% { opacity: 1; } /* 结束时完全不透明 */
}



/**************************************display-grid start*****************************************/

.d-grid {
    display: grid!important;
    
}
.g-1 {
    grid-gap: .25rem!important
}
.g-2 {
    grid-gap: .5rem!important
}
.g-3 {
    grid-gap: 1rem;
}

.g-4 {
    grid-gap: 1.5rem;
}

.g-5 {
    grid-gap: 3rem;
}

.grid-col-1 {
    grid-template-columns: repeat(1, 1fr)!important;
}

.grid-col-2 {
    grid-template-columns: repeat(2, 1fr)!important;
}

.grid-col-3 {
    grid-template-columns: repeat(3, 1fr)!important;
}

.grid-col-4 {
    grid-template-columns: repeat(4, 1fr)!important;
}

.grid-col-5 {
    grid-template-columns: repeat(5, 1fr)!important;
}

.grid-col-6 {
    grid-template-columns: repeat(6, 1fr)!important;
}

.grid-col-7 {
    grid-template-columns: repeat(7, 1fr)!important;
}

.grid-col-8 {
    grid-template-columns: repeat(8, 1fr)!important;
}

.grid-col-9 {
    grid-template-columns: repeat(9, 1fr)!important;
}

.grid-col-10 {
    grid-template-columns: repeat(10, 1fr)!important;
}


/**************************************display-grid end*****************************************/



@media (min-width:768px){
    .grid-col-md-1 {
        grid-template-columns: repeat(1, 1fr)!important;
    }
    
    .grid-col-md-2 {
        grid-template-columns: repeat(2, 1fr)!important;
    }
    
    .grid-col-md-3 {
        grid-template-columns: repeat(3, 1fr)!important;
    }
    
    .grid-col-md-4 {
        grid-template-columns: repeat(4, 1fr)!important;
    }
    
    .grid-col-md-5 {
        grid-template-columns: repeat(5, 1fr)!important;
    }
    
    .grid-col-md-6 {
        grid-template-columns: repeat(6, 1fr)!important;
    }
    
    .grid-col-md-7 {
        grid-template-columns: repeat(7, 1fr)!important;
    }
    
    .grid-col-md-8 {
        grid-template-columns: repeat(8, 1fr)!important;
    }
    
    .grid-col-md-9 {
        grid-template-columns: repeat(9, 1fr)!important;
    }
    
    .grid-col-md-10 {
        grid-template-columns: repeat(10, 1fr)!important;
    }
}


@media (min-width:992px){
    .grid-col-lg-1 {
        grid-template-columns: repeat(1, 1fr)!important;
    }
    
    .grid-col-lg-2 {
        grid-template-columns: repeat(2, 1fr)!important;
    }
    
    .grid-col-lg-3 {
        grid-template-columns: repeat(3, 1fr)!important;
    }
    
    .grid-col-lg-4 {
        grid-template-columns: repeat(4, 1fr)!important;
    }
    
    .grid-col-lg-5 {
        grid-template-columns: repeat(5, 1fr)!important;
    }
    
    .grid-col-lg-6 {
        grid-template-columns: repeat(6, 1fr)!important;
    }
    
    .grid-col-lg-7 {
        grid-template-columns: repeat(7, 1fr)!important;
    }
    
    .grid-col-lg-8 {
        grid-template-columns: repeat(8, 1fr)!important;
    }
    
    .grid-col-lg-9 {
        grid-template-columns: repeat(9, 1fr)!important;
    }
    
    .grid-col-lg-10 {
        grid-template-columns: repeat(10, 1fr)!important;
    }
}