.float-animation{
    position: absolute;
    width: 68%;
    left: 18%;
    animation: floating 3s ease-in-out infinite alternate;
}
.float-little{
    left: -8% !important;
}
@keyframes floating {
    from {transform: translateY(10px);}
    to {transform: translateY(-10px);}
}
@media screen and (max-width:1200px) {
    .main-container{
        overflow-x:scroll ;

    }
    .main-container >div > section{
        width:229px !important;
    }
    .main-container >div{
        width: 229px !important;
        margin-right: 37px !important;
    }
}
.speed-Bg{
    background-image: url('../../images/viet/settings_images/60.png');
    width: 169px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.speed-Bg p{
    font-size:41px;
    font-weight: bold;
    color:#f60;
    margin-bottom: 0;
}
.Game-selector a{
    width: 100%;
}
.top-img{
    height:230px;
}
.bottom-img{
    height:179px
}	
.GameImages{
    width: 100%;
    background-size: 100% 100% !important;
}
.clock{
    background-image: url('../../images/viet/settings_images/clock.png');
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.people-card{
    width: 220px;
    height:299px;
    z-index: 0;
}
.announcementImage{
    background-image:url('../../images/viet/settings_images/arrow.png') ;
    width: 18px;
    height: 20px;
    position:absolute;
    left: -31px;
    top: 0px;
}
.top_marquee a{
    background-image: url(../../images/viet/settings_images/marqueebg.png);
    background-size: 100% 100%;
    border-radius: 30px;
    background-repeat: no-repeat;
    height: 58px;
    padding: 7px 0px 7px 36px !important;	
}
.card-bottom-p p{
    color:#f7c29d;
    border-right:1px solid #f7c29d;
}
.P_promotion_news{
    height:100px;
    margin-bottom: 1rem;
}
.P_promotion > a > img{
    height:200px;
    width: 100%;
    margin-bottom:20px;
    border:1px solid rgb(205 205 205);
    border-radius: 8px;
}
.transition{transition: all .3s;}
.star{
width: 25px;
height: 25px;
background: orange;
display: inline-block;
-webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.container-xxl{
    max-width: 1400px;
}
.main-container > div{
    margin:auto;
    width:18%;
}
.main-container > div:hover .card-mask{
    visibility: visible;
    opacity: 1;
}
.main-container > div:hover .text-white{display:none;}
.card-mask{
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s;
}
.bullhorn{
    background-image: url('../../images/viet/settings_images/loud.png');
    width:20px;
    height:20px;
    background-size: cover;
    margin-right: 10px;
}
.card-mask > p {
    color:#fff;
}
.card-mask-btn{
    border-radius: 30px;
    border:unset;
    /* background-color: #f60; */
    background-image: url('../../images/viet/settings_images/tryButton.png');
    background-size: cover;
    color:#fff !important;
}
.card-mask-btn:hover{
    color:#fff !important
}
.main-container > div > section{
    border-radius: 30px;
    background: rgb(241,202,169);
    background: linear-gradient(180deg, rgba(241,202,169,1) 0%, rgba(184,133,104,1) 86%);
    position:relative;
    height:318px;
}
.card-title{
    width: 85px;
    border-radius: 5px;
    background-image: url(../../images/viet/settings_images/rankBackground.png);
    background-size: cover;
    padding: 5px;
    left: 0px;
    color:#91644b;font-weight: 700;
    /* background: rgb(234,194,161);
    background: linear-gradient(180deg, rgba(234,194,161,1) 0%, rgba(186,135,107,1) 86%); */
}
.card-rank{
    -webkit-text-stroke: 2px #fff;
    color:#371807;
    font-size: 140px;
    font-weight: bold;
    bottom: -11px;
    left: -54px;
}
.card-rank img{
    width: 75px;
}

.new_news{margin: 0 0 10px 0;background: #c89d73;padding: 0 3px;color: #fff;border-radius: 5px;font-family: Arial;font-size: 12px;font-weight: 600;}




.newContent{
    height:430px;
    width: 100%;
    background: #fff;
    padding:15px 0px;
    overflow: hidden;
    /* background-color: #242424; */
    /* opacity: 0.8; */
    /* background-image: radial-gradient(#626262 0.5px, #242424 0.5px);
    background-size: 10px 10px; */
}
.newContent h3,.second_content h3,.third_content h3,.four_content h3 {
    margin:0;
    margin-top: 6px;
    margin-left: 15px;
    font-size:20px !important;
    color:#494949;
    font-weight: bold;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {border:unset !important;background:unset !important;height:100% !important;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {border:unset !important;background:unset !important;height:100% !important;}
body, div, p, a {
    /* font-family: "PingFang TC","微軟正黑體",sans-serif !important; */
}
ul{margin-bottom: 0 !important;}
#myTab a div {font-weight: 300;font-family: Arial, Roboto, 微軟正黑體, sans-serif!important;}
ul,li{list-style: none !important;}
.swiper-button-prev3 , .swiper-button-next3{color:#fff !important;}
#swiper3 .swiper-slide{border-radius: unset !important;width: 100% !important;animation: unset !important;background-size: cover !important;}

@media screen and (max-width:578px){
    .swiper {width: 240px;height: 320px;}
    .swiper-slide {display: flex;align-items: center;justify-content: center;border-radius: 18px;font-size: 22px;font-weight: bold;color: #fff;background-size: 100% 100%;background-repeat:no-repeat;position: relative;animation: swiper-silde 3s alternate infinite;}
    @keyframes swiper-silde {
    0%{background-size: 100% 100%;}
    100%{background-size: 105% 105%;}
    }
    @keyframes ethcar {
        0%{transform: translate(0,0);}
        100%{transform: translate(8px, 8px);}
    }
    .swiper-slide div *{color:#fff;text-align: left;}
    .swiper-slide .right_item{position: absolute;z-index: 2;padding: 5px;right: 5%;width: 45%;top: 49%;left: 75%;transform: translate(-45%, -50%);}
    .swiper-slide .right_item p{font-size:12px !important;}
    .swiper-slide .right_item h1{font-size:23px !important;font-family: Arial, Roboto, 微軟正黑體, sans-serif!important;}
    .add_mt{margin-top:89px;}
    .second_content{padding: 15px 0;width: 100%;height:255px;background-color: #fff;overflow: hidden;position: relative;}
    .second_content .swiper {width: 100%;height: 100%;}
    .second_content .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
    .second_content .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 18px;}
    .second_content .swiper-slide a {width: 100%;height: 100%;}
    .second_content .swiper {width: 100%;height: 165px;  padding:15px;}
    .second_slide{position: relative;}
    .second_slide div{position: absolute;bottom:-47%}
    .second_slide div p{text-align: center;margin-bottom:5px;color:#bdbdbd;}
    .swiper2{width:180px !important;}
    .second_slide div p:nth-child(1){font-size:14px;}
    .second_slide div p:nth-child(2) {font-size: 17px;}    
    #swiper2 .swiper-slide{height:175px}
    #swiper2{height: 193px;}
    .egame_content{padding:0 0 8px 0;width: 100%;height:120px;background-color: #fff;overflow: hidden;position: relative;}
    .egame_content .swiper {width: 100%;height: 100%;}
    .egame_content .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
    .egame_content .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 18px;}
    .egame_content .swiper-slide a {width: 100%;height: 100%;background-image: url(../../images/viet/newEgame/game-bt0.webp);}
    .egame_content .swiper-slide a:hover{background: rgb(114,77,53);background: radial-gradient(circle, rgba(114,77,53,1) 0%, rgba(174,146,125,1) 100%);box-shadow:4px 4px 8px 1px rgb(0 0 0 / 50%) inset;}
    .egame_content .swiper-slide a:hover img{-webkit-filter: brightness(3.5);}
    .egame_content .swiper {width: 100%;height:120px;padding:15px;}
    #swiper1{height: 380px !important;}
    .third_content{width:100%;height:300px;position: relative;padding: 15px 10px;background-color: #fff;}
    .third_content_bg{position:absolute;bottom:0;right: 0;width: 100%;height: 100%;}
    .third_content_car{position:absolute;top: 25px;;right: 37px;animation: ethcar 3s alternate infinite ease-in-out;}
    .third_content > p{position: absolute;font-size: 19px;color: #fff;font-weight: bold;bottom: 52px;left: 51px;}
    .third_content > a{position: absolute;z-index: 100;bottom: 24px;right: 22px;}
    .thrid_content_btn div{padding:6px 11px;text-align: center;font-size:16px;font-weight: 400;color:#ff6600;background-color: #fff;border-radius: 23px;}
    .four_content{width: 100%;position: relative;padding: 15px 10px;background: rgb(185,185,185);background: linear-gradient(146deg, rgba(185,185,185,1) 0%, rgba(246,245,245,1) 74%, rgba(255,255,255,1) 100%);}
    .four_content h4{margin:0 0 0 15px;color:#ff6600;}
    .four_content button{ border: none;background: #ff6600;color: #fff;border-radius: 25px;padding: 5px 10px;font-size: 15px;font-weight: 400;margin: 8px 0 0 15px;}
    .fif_content{padding: 15px 0;width: 100%;height:290px;background-color: #fff;overflow: hidden;position: relative;}
    .fif_content .swiper {width: 100%;height: 100%;}
    .fif_content .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
    
    .fif_content .swiper-slide a {width: 100%;height: 100%;}
    .fif_content .swiper {width: 100%;height: 165px;  padding:15px;}
    .fif_slide{position: relative;}
    .fif_slide .ch_game_bg{background-image: url(../../images/viet/ch_bg0.webp);
    background-size: 100%100%;
    display: block;
    height: fit-content;
    width: 100%;object-fit: cover;}.ch_game_bg img{/*width:120px;*/height: 113px;margin: 0 10%;}.ch_game_name{font-size: 1.5rem;font-weight: 900;margin:7% 10%;}
    .ch_game_inner{display: flex;justify-content:center;align-items: flex-end;}
    .fif_slide div p{text-align: center;margin-bottom:5px;color:#bdbdbd;}.ch_game_name .chgame_intro{text-align: left;font-size: 12px;color: #fff;margin: 0;font-weight: 300;font-family: Arial, Roboto, 微軟正黑體, sans-serif;}
    .swiper5{width:170px !important;}.chgame_go{background: #fff;color: #f60!important;border-radius: 100px;padding: 6px;margin:7% 10%;box-sizing: border-box;}
    .fif_slide div p:nth-child(1){font-size:14px;}
    .fif_slide div p:nth-child(2) {font-size: 17px;}    
    #swiper5 .swiper-slide{height:200px}
    #swiper5{height:200px;}
    .hotter{background-color: red;padding: 1px 10px;border-radius: 12px;color: #fff;font-size: 12px;}
    .newer{background-color:#ff6600;padding: 1px 10px;border-radius: 12px;color: #fff;font-size: 12px;}
    .down_btn > a {display: inline-block;} 

    #swiper3{height:150px !important;display: block !important;}    
    #swiper3 a{width: 100%;height: 100%;}
    #swiper3 .swiper-slide{border-radius: unset !important;width: 100% !important;animation: unset !important;/*background-size: 170% 100% !important;*/}
    .fullSlide{display: none;}
    }

   .ch_game_bg{background-image: url(../../images/viet/ch_bg0.webp);
    background-size: 100%100%;
    display: block;
    height: fit-content;
    width:150px;object-fit: cover;}.ch_game_bg img{/*width:120px;*/height: 113px;margin: 0 10%;}
    .ch_game_name{font-size: 1.2rem;font-weight: 900;margin: 7% 10%; margin-right: 0;width: 100%;color: #fff;font-family: Arial, Roboto, 微軟正黑體, sans-serif!important;}
    .ch_game_inner{display: flex;justify-content:center;align-items:center;}.ch_game_name .chgame_intro{text-align: left;font-size: 12px;color: #fff;margin: 0;font-weight: 300;font-family: Arial, Roboto, 微軟正黑體, sans-serif;}
    .chgame_go{background: #fff;color: #f60!important;border-radius: 100px;padding: 6px;margin:7% 10%;box-sizing: border-box;width: 35px;height: 32px;text-align: center;}
    .ch_game_a{width:auto!important;margin: 0 3%;}
    .pc_newgame{background-color: #321100;padding: 4px 18px;border-radius: 18px;color: #fff;font-size: 12px;}

@media screen and (max-width:578px){
    .chgame_go {padding: 6px;
    font-size: .6rem;
    margin: 5% 2%;
    box-sizing: border-box;
    width: 40px;
    height: 30px;
    line-height: 18px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    text-align: center!important;}
    .ch_game_name {font-size: 1rem;margin: 5%;margin-right: 0;width: 100%;}.ff_title{font-size: .7rem;}}