/* ----------------------------------------------------------------
	gotoLink
-----------------------------------------------------------------*/
#gotoLink {
    --cnvs-gotoTop-size: 2.5rem;
    --cnvs-gotoTop-position-boxed-right: 30px;
    --cnvs-gotoTop-position-boxed-bottom: 300px;
    --cnvs-gotoTop-position-botom: 150px;
    --cnvs-gotoTop-border-radius: 2px;
    z-index: -999;
    position: fixed;
    width: var(--cnvs-gotoTop-size);
    height: var(--cnvs-gotoTop-position-boxed-bottom);
    line-height: var(--cnvs-gotoTop-size);
    text-align: center;
    top: auto;
    left: auto;
    right: var(--cnvs-gotoTop-position-boxed-right);
    bottom: var(--cnvs-gotoTop-position-botom);
    border-radius: var(--cnvs-gotoTop-border-radius);
    opacity: 0;
    transition: background-color 0.2s linear, opacity 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
    #gotoLink {
        transition: none;
    }
}
.gotoLink-active #gotoLink {
    z-index: 600;
    opacity: 1;
}
.stretched #gotoLink {
    right: var(--cnvs-gotoTop-position-boxed-right);
    bottom: var(--cnvs-gotoTop-position-boxed-bottom);
}
/* ----------------------------------------------------------------
	gotoMobiLink
-----------------------------------------------------------------*/
#gotoMobiLink {
    --cnvs-gotoTop-size: 2.5rem;
    --cnvs-gotoTop-position-boxed-right: 30px;
    --cnvs-gotoTop-position-boxed-bottom: 100px;
    --cnvs-gotoTop-position-botom: 100px;
    --cnvs-gotoTop-border-radius: 2px;
    z-index: -999;
    position: fixed;
    width: var(--cnvs-gotoTop-size);
    height: var(--cnvs-gotoTop-position-boxed-bottom);
    line-height: var(--cnvs-gotoTop-size);
    text-align: center;
    top: auto;
    left: auto;
    right: var(--cnvs-gotoTop-position-boxed-right);
    bottom: var(--cnvs-gotoTop-position-botom);
    border-radius: var(--cnvs-gotoTop-border-radius);
    opacity: 0;
    transition: background-color 0.2s linear, opacity 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
    #gotoMobiLink {
        transition: none;
    }
}
.gotoMobiLink-active #gotoMobiLink {
    z-index: 600;
    opacity: 1;
}
.stretched #gotoMobiLink {
    right: var(--cnvs-gotoTop-position-boxed-right);
    bottom: var(--cnvs-gotoTop-position-boxed-bottom);
}

/* ----------------------------------------------------------------
	text align min 576 left max center
-----------------------------------------------------------------*/
@media (min-width: 576px) {
    .txt-center-left {
        text-align: left !important;
    }
}
@media (max-width: 576px) {
    .txt-center-left {
        text-align: center !important;
    }
}
/* ----------------------------------------------------------------
	bg color
-----------------------------------------------------------------*/
.bg-weixin,
.h-bg-weixin:hover {
    background-color: rgba(var(--cnvs-color-spotify-rgb), 1) !important;
}