* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	margin: 0;
	padding: 0;
	#-webkit-user-select: none;
	#user-select: none;
	font-family: "Roboto", "Arial", sans-serif, "Avenir", Helvetica, "Microsoft Yahei" !important;
	font-style: normal!important;
	
}

a {
    text-decoration: none;
    color: #26aefe!important;
    #font-weight: bold;
}

a:hover {
    opacity: .8!important;
}

.strong {
    font-weight: bold!important;
}

.underline {
    text-decoration: underline!important;
}

.border-left {
    border-left: 1px solid #fff;
}

.pointer,.click {
    cursor: pointer!important;
}

.scale {
    -webkit-transition:all .3s ease-in-out!important;
    -moz-transition:all .3s ease-in-out!important;
    transition:all .3s ease-in-out!important;
}

.scale:hover {
    transform:scale3d(1.1,1.1,1.1)!important;
    filter:alpha(Opacity=85)!important;
    -moz-opacity:.85!important;
    opacity:.85!important;
}

.rounded {
    border-radius: 5px!important;
}

.shudow-border {
    border: 2.5px solid #56ebe1;
    box-shadow: 0 2px 20px #56ebe1;
    border-radius: 15px;
}

.text-8day,.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #26aefe!important;
}

.speed {
    color: #20E133;
}

.huong-dan-tai-app {
    right: 25vw;
    width: 15vw;
    height: 3.5vw;
    background: url(/wp-content/8day2/files/temp-2.png) no-repeat;
    background-size: 100% 100%;
}

.bg-8day,.hover-8day:hover {
    background: linear-gradient(180deg,#fff,#e0f8ff);
}

.bg-8day-image {
    background: url(/wp-content/8day2/files/color-bg.png) no-repeat;
    background-size: 100% 100%;
}

.bg-flag {
    background: url(/wp-content/8day2/files/left-bg-pc.png) no-repeat;
    background-size: 100% 100%;
}

.bg-casino {
    background: #f4faff;
}

.bg-footer {
    background: #f2f2fc!important;
}

.bg-not-login {
    background: url(/wp-content/8day2/files/not_login.webp) no-repeat;
    background-size: 100% 100%;
}

.fs-mini {
    font-size: min(3.2vw,13.76px);
}

.w-80 {
    width: min(10.667vw,45.867px);
}

.h-80 {
    height: min(10.667vw,45.867px);
}

.border-8day {
    border-radius: min(2.667vw,11.467px);
    border: min(.133vw,.573px) solid #00cdf3;
    box-shadow: 0 min(.4vw,1.72px) min(.267vw,1.147px) 0 rgba(3,162,255,.3),max(-.4vw,-1.72px) max(-.4vw,-1.72px) min(.267vw,1.147px) 0 rgba(3,162,255,.3);
}

.baseline {
    border-bottom: 1px solid #26aefe;
}

.carousel-indicators [data-bs-target] {
    opacity: .5;
}

.carousel-indicators .active {
    opacity: 1!important;
    background-color: #1358fd!important;
}


.nav-link {
    color: #5f6267;
}

.mini {
    font-size: 10px!important;
}

.xl-mini {
    font-size: 12px!important;
}

.large {
    font-size: 3.5rem!important;
    line-height: 4.5rem;
}

.hover-light:hover {
    background: #f9f9f9!important;
}

.uppercase {
    text-transform: uppercase!important;
}

.lowercase {
    text-transform: lowercase!important;
}

.normalcase {
    font-weight: normal!important;
    font-size: 13px;
}

.space-line {
    height: 90%;
    border: 1px solid #175558;
}

.icon {
    width: min(6.133vw,20px);
    height: min(6.133vw,20px);
}

.icon-m {
    width: min(6.133vw,30px);
    height: min(6.133vw,30px);
}

.font-lg {
    font-size: 28px;
    color: #909294;
}

.left {
    left: 0;
}

.right {
    right: 0;
}

.right-1 {
    right: 3vw;
}

.top-1 {
    top: 1vw;
}

.border-bottom {
    border-bottom-color: hsla(0,0%,100%,.2)!important;
}

.border-top {
    border-top-color: hsla(0,0%,100%,.2)!important;
}

.scale-title {
    -webkit-transition:all .3s ease-in-out!important;
    -moz-transition:all .3s ease-in-out!important;
    transition:all .3s ease-in-out!important;
    animation: scale-animation .7s linear infinite;
}

.shine-title {
    animation: gradient-animation 4s linear infinite;
    background: linear-gradient(-225deg, #00ffd6 0%, #03282a 30%,#fff 50%,#00ffd6 100%);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    color: transparent;
}

.text-shadow {
    text-shadow: 0 0 1px #00f6e5, 0 0 1px #00f6e5, 0 0 0.15625vw #00f6e5, 0 0 1px #00f6e5;
}

.androidBox,.iosBox {
    width: 16.0625vw;
    height: 17.1875vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 2.1vw;
    position: relative;
}

.qr-bg {
    width: 9vw;
    height: 10vw;
    border-radius: 5px;
}


.nowrap {
    white-space: nowrap;
}

.blink {
    animation: blink 1s infinite;
}


.text-images img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: auto;
}

.text-images strong {
    display: block;
    text-align: center;
    color: #6c757d;
    padding: .2rem 0;
}

.keyword {
    font-weight: bold;
    text-decoration: underline;
}


article p img {
    display: block;
    width: auto;
    margin: auto;
    max-width: 100%;
}

.marquee-box {
    border-radius: min(1.333vw,5.733px);
    background: linear-gradient(180deg,rgba(255,255,255,.5),rgba(222,241,252,.5));
    box-shadow: max(-.133vw,-.573px) max(-.133vw,-.573px) min(.533vw,2.293px) 0 rgba(38,174,254,.25),min(.267vw,1.147px) min(.267vw,1.147px) min(.667vw,2.867px) 0 rgba(38,174,254,.25);
}

.notice {
    width: 19px;
    height: 15px;
}

#service .nav .nav-item {
    border: min(.067vw,.287px) solid var(--vien, rgba(2, 147, 232, .3));
    background: linear-gradient(180deg, #fff 0%, #def1fc 100%);
    box-shadow: min(.267vw,1.147px) min(.267vw,1.147px) min(.4vw,1.72px) 0 rgba(16,164,250,.3);
    border-radius: min(1.333vw,5.733px);
    
}
    

@keyframes scale-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}


@keyframes gradient-animation {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@keyframes blink {
  0% {
    opacity: 1; /* 完全不透明 */
  }
  50% {
    opacity: 0; /* 完全透明 */
  }
  100% {
    opacity: 1; /* 再次变为不透明 */
  }
}