/* Minification failed. Returning unminified contents.
(132,50): run-time error CSS1046: Expect comma, found '224'
(132,58): run-time error CSS1046: Expect comma, found '/'
(232,1): run-time error CSS1019: Unexpected token, found '}'
(259,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(260,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(272,1): run-time error CSS1019: Unexpected token, found '}'
 */
@font-face {
    font-family: "MStiffHeiHK-UltraBold";
    src: url("/CdnRedirect/Web.Portal/_Common/fonts/MStiffHeiHK-UltraBold.eot");
    src: url("/CdnRedirect/Web.Portal/_Common/fonts/MStiffHeiHK-UltraBold.eot?#iefix")format("embedded-opentype"), url("/CdnRedirect/Web.Portal/_Common/fonts/MStiffHeiHK-UltraBold.woff2")format("woff2"), url("/CdnRedirect/Web.Portal/_Common/fonts/MStiffHeiHK-UltraBold.woff")format("woff"), url("/CdnRedirect/Web.Portal/_Common/fonts/MStiffHeiHK-UltraBold.ttf")format("truetype"), url("/CdnRedirect/Web.Portal/_Common/fonts/MStiffHeiHK-UltraBold.svg#MStiffHeiHK-UltraBold")format("svg");
}
#main #content {
    padding: 10px 50px 50px 100px !important;
    max-width: 100%;
}

#content {
    position: relative;
    min-height: 844px;
    margin-top: 20px;
    overflow: hidden;
    max-width: 1800px;
}

.main-content {
    background: url('/CdnRedirect/Web.Portal/DN001-01.Portal/Content/Views/Lobby/Fish/bg.png') no-repeat center;
    background-size: 100% 100%;
}

#lobby .top-game-list .cloud9-item-detail {
    padding-top: 32px;
}

    #lobby .top-game-list .cloud9-item-detail .logo {
        width: 90px;
        height: 65px;
        background-size: contain;
        background-position-x: center !important;
    }

#lobby .fish-game-wrap {
    position: absolute;
    top: 220px;
    width: 1620px;
    z-index: 1;
}

    #lobby .fish-game-wrap .swiper-slide {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        max-width: 255px;
        color: #fff;
    }

        #lobby .fish-game-wrap .swiper-slide .img-box {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 270px;
            height: 287px;
            padding-bottom: 60px;
            background: url('/CdnRedirect/Web.Portal/DN001-01.Portal/Content/Views/Lobby/Fish/game_bg.png') no-repeat center;
        }

            #lobby .fish-game-wrap .swiper-slide .img-box img {
                -moz-transition: all .4s;
                -o-transition: all .4s;
                -webkit-transition: all .4s;
                transition: all .4s;
            }

            #lobby .fish-game-wrap .swiper-slide .img-box:after {
                content: '';
                position: absolute;
                inset: 0;
                background: url('/CdnRedirect/Web.Portal/DN001-01.Portal/Content/Views/Lobby/Fish/playicon.png') no-repeat center;
                opacity: 0;
                -moz-transition: all .4s;
                -o-transition: all .4s;
                -webkit-transition: all .4s;
                transition: all .4s;
            }

        #lobby .fish-game-wrap .swiper-slide:hover .img-box img,
        #lobby .fish-game-wrap .swiper-slide.maintain .img-box img {
            filter: brightness(30%);
        }

        #lobby .fish-game-wrap .swiper-slide:hover .img-box:after {
            opacity: 1;
        }
        #lobby .fish-game-wrap .swiper-slide.maintain:hover .img-box:after {
            opacity: 0;
        }
        #lobby .fish-game-wrap .swiper-slide.maintain .maintaining {
            width: 100%;
            height: 100%;
            position: absolute;
            top: -5%;
            left: 0;
            z-index: 5;
            display: flex;
            justify-content: center;
            align-items:center;
            color: #fff;
            cursor: default;
        }
            #lobby .fish-game-wrap .swiper-slide.maintain .maintaining > span {
                position: relative;
                z-index: 6;
                font-size: 32px;
                font-family: "MStiffHeiHK-UltraBold";
                background: #fff;
                -webkit-background-clip: text;
                -webkit-text-stroke: 3px transparent;
                color: transparent;
            }
            #lobby .fish-game-wrap .swiper-slide.maintain .maintaining span::before {
                content: attr(data-text);
                position: absolute;
                z-index: -1;
                -webkit-background-clip: text;
                color: rgb(255, 255, 255);
                background-image: linear-gradient(180deg, #39C0FF 25%, #227399 70%);
                -webkit-text-fill-color: transparent;
                -webkit-text-stroke: 0px transparent;
            }
            #lobby .fish-game-wrap .swiper-slide.maintain .maintaining > span::after {
                content: attr(data-text);
                position: absolute;
                left: 0;
                z-index: -2;
                color: transparent;
                text-shadow: 2px 3px 4px rgb(224 224 224 / 75%);
            }
            #lobby .swiper-button-prev,
            #lobby .swiper-button-next {
                top: 160px;
            }

aside.tiger {
    z-index: 4;
}

#lobby .top-game-content .right-content .center-img {
    top: 50%;
    margin-top: -300px;
    width: 640px;
    height: 600px;
    z-index: 1;
}

#lobby .fish-game-wrap {
    width: 1020px;
    transform: scale(.65);
    transform-origin: left;
}

#lobby .top-game-content .right-content .center-img {
    transform: scale(.5);
    transform-origin: right center;
}


@-webkit-keyframes sectionScale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }
}

@keyframes sectionScale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }
}


@media screen and (min-width:1530px) {

    #lobby .fish-game-wrap {
        width: 1020px;
        transform: scale(.8);
        transform-origin: left;
    }

    #lobby .top-game-content .right-content .center-img {
        transform: scale(.65);
        transform-origin: right center;
    }

    @-webkit-keyframes sectionScale {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0);
            opacity: 0
        }

        to {
            -webkit-transform: scale(.65);
            transform: scale(.65);
            opacity: 1
        }
    }

    @keyframes sectionScale {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0);
            opacity: 0
        }

        to {
            -webkit-transform: scale(.65);
            transform: scale(.65);
            opacity: 1
        }
    }
}

@media screen and (min-width: 1920px) {
    #lobby .fish-game-wrap {
        transform: scale(1);
        transform-origin: unset;
    }

    #lobby .top-game-content .right-content .center-img {
        transform: scale(1);
        transform-origin: unset;
    }

    @-webkit-keyframes sectionScale {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0);
            opacity: 0
        }

        to {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }
    }

    @keyframes sectionScale {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0);
            opacity: 0
        }

        to {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }
    }
}