@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500&family=Play&display=swap');
*{box-sizing: border-box}
.anim3-up{-webkit-animation:up 3s linear infinite;animation:up 3s linear infinite}
.anim3-down{-webkit-animation:down 3s linear infinite;animation:down 3s linear infinite}
@-webkit-keyframes up{
    0%{-webkit-transform:translateY(0);transform:translateY(0)}
    25%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
    75%{-webkit-transform:translateY(15px);transform:translateY(15px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes up{
    0%{-webkit-transform:translateY(0);transform:translateY(0)}
    25%{-webkit-transform:translateY(-15px);transform:translateY(-15px)
    }75%{-webkit-transform:translateY(15px);transform:translateY(15px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes down{
    0%{-webkit-transform:translateY(0);transform:translateY(0)}
    25%{-webkit-transform:translateY(15px);transform:translateY(15px)}
    75%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes down{
    0%{-webkit-transform:translateY(0);transform:translateY(0)}
    25%{-webkit-transform:translateY(15px);transform:translateY(15px)}
    75%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
.circle-360{-webkit-animation:circle360 1.5s linear infinite;animation:circle360 1.5s linear infinite}
@-webkit-keyframes circle360{
    to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    from{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@keyframes circle360{
    to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    from{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
html{line-height:1.15;font-family: 'Rajdhani', sans-serif;}
body{
    background: #000;
    font-size: 16px;
    margin:0;
}
html, body {height: 100%;margin: 0;color: #fff;}
.wrapper {min-height: calc(100% - 52px); /*減去footer(footer貼底)*/}
.container{margin:0 auto;max-width:1200px;padding:0 5px;}

ul,li{margin:0;padding:0;}
a{background-color:transparent;text-decoration:none;color:yellow}
img{border-style:none;vertical-align:middle}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}

.w100{width:100%}
.row{display:-webkit-box;display:-ms-flexbox;display:flex}
.row.justify-align-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.row.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.row.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.row.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.row.align-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.row.wrap{flex-wrap:wrap}
.row.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.row .col-1{-webkit-box-flex:8.3%;-ms-flex:8.3%;flex:8.3%;max-width:8.3%}
.row .col-2{-webkit-box-flex:16.6%;-ms-flex:16.6%;flex:16.6%;max-width:16.6%}
.row .col-3{-webkit-box-flex:25%;-ms-flex:25%;flex:25%;max-width:25%}
.row .col-4{-webkit-box-flex:33.3%;-ms-flex:33.3%;flex:33.3%;max-width:33.3%}
.row .col-5{-webkit-box-flex:41.6%;-ms-flex:41.6%;flex:41.6%;max-width:41.6%}
.row .col-6{-webkit-box-flex:50%;-ms-flex:50%;flex:50%;max-width:50%}
.row .col-7{-webkit-box-flex:58.3%;-ms-flex:58.3%;flex:58.3%;max-width:58.3%}
.row .col-8{-webkit-box-flex:66.6%;-ms-flex:66.6%;flex:66.6%;max-width:66.6%}
.row .col-9{-webkit-box-flex:75%;-ms-flex:75%;flex:75%;max-width:75%}
.row .col-10{-webkit-box-flex:83.3%;-ms-flex:83.3%;flex:83.3%;max-width:83.3%}
.row .col-11{-webkit-box-flex:91.6%;-ms-flex:91.6%;flex:91.6%;max-width:91.6%}
.row .col-12{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}
.text-center{text-align:center}

.modalBox{display:none;position:fixed;top:0;left:0;z-index:99;width:100%;height:100%}
.modalBox::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#000000;opacity:0.5;z-index:-1}

.modal>div.top{position:relative;top:-10%;margin:20px auto}
.modal>div.top.active{top:0%;opacity:1}
.modal>div.center{position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.modal>div.center.active{top:50%;opacity:1}
.modal-title{padding:15px 30px;position:relative;min-height:70px;color:#fff;border-radius:20px 20px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}
.modal-title.orange{
    background:-webkit-gradient(linear, left top, left bottom, from(#ffd8ba), color-stop(72%, #dc6100), to(#ffae6e));
    background:linear-gradient(180deg, #ffd8ba 0%, #dc6100 72%, #ffae6e 100%)
}
.modal-title.blue{
    background:-webkit-gradient(linear, left top, left bottom, from(#D2EAFF), color-stop(72%, #5F84A5), to(#97C0E5));
    background:linear-gradient(180deg, #D2EAFF 0%, #5F84A5 72%, #97C0E5 100%)}
.modal-title p{margin:0;font-size:1.3rem;line-height:1.3em}
.modal-title i{position:absolute;top:20px;right:15px;z-index:1;font-size:1.8rem;color:#682f00;cursor:pointer;-webkit-transition:0.3s;transition:0.3s}
@media screen and (min-width: 951px){
    .modal-title i:hover{color:#9c4600}
}
.modal-text{position:relative;background-color:#fff;border-radius:0 0 20px 20px}
.modal-text1{position:relative;background:url(../images/background/bg_modal1.jpg) center center no-repeat;background-size:cover;border-radius:0 0 20px 20px}
.modal-text2{position:relative;background:url(../images/background/bg_modal2.jpg) center left no-repeat;background-size:cover;border-radius:0 0 20px 20px}
@media screen and (max-width: 950px){
    .modal-title{padding:10px 30px;position:relative;min-height:55px}
    .modal-title i{top:12px}
}
#appBox{max-width:500px}
#appBox .modal-text1{padding:20px 20px}
#appBox .modal-text1 li{list-style:decimal;margin:10px 0 10px 20px}
#appBox .modal-text1 p{line-height:24px}
#appBox .modal-text1 .app-noShow{
    margin:20px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
#appBox .modal-text1 .app-noShow #notAppShow{margin-right:10px;width:20px;height:20px}
#appBox .modal-text1 img{width:auto;height:20px;vertical-align:bottom}
#appBox .modal-text1 .app-button{
    margin:0 auto;
    width:180px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#fff;
    background:-webkit-gradient(linear, left top, left bottom, from(#ffd8ba), color-stop(72%, #dc6100), to(#ffae6e)) 0% 0% no-repeat;background:linear-gradient(180deg, #ffd8ba 0%, #dc6100 72%, #ffae6e 100%) 0% 0% no-repeat;border-radius:10px;cursor:pointer}
@media screen and (min-width: 951px){
    #appBox .modal-text1 .app-button:hover{background:#ee7e28;-webkit-box-shadow:inset 1px 1px 8px #b64f00;box-shadow:inset 1px 1px 8px #b64f00}
}
.TopBar>div{height:50px}
.TopBar>div .left{width:100%}
.TopBar>div .right{color:#fff;width:250px;font-size:1rem;text-align:right}
header .left{width:250px;height:100%}
header .left .logoBox{width:100%;height:65px}
header .left .logoBox img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}
header .nav{width:100%}
header .nav .nav-item{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}
header .nav .nav-item:hover .dropdownBox{height:250px !important}
header ul, header li{list-style-type: none;}
@media screen and (max-width: 1440px){
    header .nav .nav-item:hover .dropdownBox{height:210px !important}
}
@media screen and (max-width: 1440px){
    header .nav .nav-item:hover .game-row-2{height:550px !important}
}
header .nav .nav-item>a{position:relative;padding:15px 0;display:block;width:100%;color:#dfb77b}
.name-stress{
    color:#fc0;
    text-shadow: 
        0px 0px 2px #000,
        1px 1px 0 #000, 
        -1px 1px 0 #000,
        1px -1px 0 #000,
        -1px -1px 0 #000,
        0 0 5px #fff;
}
.name-effect{
    text-shadow:
    0 0 5px rgba(0, 0, 0, 1),
    0 0 10px rgba(255, 255, 255, 1);
    animation:neon-shine 1.5s linear infinite;
}
@keyframes neon-shine{
    0%{opacity:1;}20%{opacity:.7;color: #f00;}100%{opacity:1;}
}
/*header .nav .nav-item>a.active::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    z-index:1;
    width:100%;
    height:3px;
    background-color:#efd0a1;
}*/
@media screen and (min-width: 951px){
    header .nav .nav-item>a:hover::after{
        content:"";
        position:absolute;
        bottom:0;
        left:50%;
        -webkit-transform:translateX(-50%);
        transform:translateX(-50%);
        z-index:1;
        width:0%;
        height:3px;
        background-color:#efd0a1;
        animation:headerLine 0.3s ease-in-out forwards}
    }
header .nav .nav-item .name{margin:0;padding-top:10px;font-size:1.2rem;font-weight:600}
header .nav .nav-item .engName{font-size:0.7rem; margin-top: 5px; color: #ccc;}
header #redpacketInto{
    position:fixed;
    left:1.5%;
    bottom:50%;
    z-index:9;
    -webkit-transform:translateY(50%);
    transform:translateY(50%);
    -webkit-animation:brightness 2s -0.14s infinite;
    animation:brightness 2s -0.14s infinite
}
header #redpacketInto img{max-width:80px}
header #redpacketInto p{
    height:12px;
    padding:3px;
    margin:0;
    position:absolute;
    bottom:-17px;
    left:0;
    white-space:nowrap;
    color:#fff;
    background:#2a8ebf;
    font-size:0.6rem;
    line-height:12px;
    opacity:0;
    pointer-events:none;
    border-radius:2px
}
@media screen and (min-width: 1001px){
    header #redpacketInto:hover p{opacity:1;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}
}
@media screen and (max-width: 1000px){
    header #redpacketInto{bottom:100px}
    header #redpacketInto img{max-width:60px}
}
@-webkit-keyframes brightness{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}
    60%{-webkit-transform:rotate(7deg);transform:rotate(7deg)}
    80%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}
    100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes brightness{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}
    60%{-webkit-transform:rotate(7deg);transform:rotate(7deg)}
    80%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}
    100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@-webkit-keyframes headerLine{
    0%{width:0%}
    100%{width:100%}
}
@keyframes headerLine{
    0%{width:0%}
    100%{width:100%}
}
@media screen and (max-width: 1200px){
    .TopBar .left{width:100%}
    .TopBar .left .logoBox{height:50px}
    .TopBar .left .logoBox img{width:auto}

    header .left{width:100%}
    header .left .logoBox{width:auto;margin:5px 0;height:60px}
    header .left .logoBox img{width:auto}
    header .left .btnBox{width:auto}
    header .nav{width:100%}
}
@media screen and (max-width: 950px){
    .TopBar .left .logoBox{height:45px}
    .TopBar .left .btnBox .btn{width:70px;height:30px;line-height:30px}
    
    header .left .logoBox{height:45px}
    header .left .btnBox .btn{width:85px;height:30px;line-height:30px}
    header .nav .nav-item>a{padding:10px 0}
    header .nav .nav-item>a.active::after{height:5px}
    header .nav .nav-item .name{padding-top:5px;font-size:1rem}
}
@media screen and (max-width: 455px){
    .TopBar .left .btnBox .btn{width:50px;}
}
/*手機下方功能欄*/
aside{
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 100%;
}
aside .aside-Box ul{
    padding: 5px 0;
    border-radius: 10px;
    background-image: url(../img/Background/header.webp);
    background-size: cover;
}
.aside-Box ul, .aside-Box li{list-style-type: none;}
.container_aside{
    width: 100%;
}
aside ul .nav-item{flex:1;text-align:center}
/*
aside .DepositWithdraw{
    margin: 1px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(180deg, #efd0a1 0%, #ae7d35 75%, #efd0a1 100%) 0% 0% no-repeat;
    box-shadow: 0 2px 1px #555;
}*/
aside .DepositWithdraw .title{color:#fff;font-size: 1rem}
aside a{display:inline-block;color: #fff;}
aside .title{
    margin:0;
    padding-top:5px;
    color:#fff;
    text-align:center;
    font-size:1rem;
    font-weight:600;
    text-shadow: 0 0 5px #000;
}
.asideBox{display:none;height:80px}
aside .nav-item svg{font-size: 1.3em;}
@media screen and (max-width: 950px){
    aside,.asideBox{display:block}
}
.dropdownBox{
    position:absolute;
    right:0;
    left:0;
    height:0;
    background:#000a;
    overflow:hidden;
    z-index:1000;
    line-height:normal;
    -webkit-transition:.3s ease-out;
    transition:.3s ease-out;
    -webkit-box-shadow:0 10px 15px 0 rgba(0,0,0,0.15);
    box-shadow:0 10px 15px 0 rgba(0,0,0,0.15)
}
.dropdownBox .w-1200{
    width:90%;
    margin:0 auto;
    height:inherit;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.dropdownBox .navGameList{
    height:100%;
    -webkit-box-flex:1;
    -ms-flex:1;flex:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.dropdownBox .navGameList>li{
    text-align:center;
    cursor:pointer;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:20px
}
@media screen and (max-width: 1440px){
    .dropdownBox .navGameList>li{padding:10px 35px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.GameOneDiv{position:relative;text-align:center;margin-top:20px}
.GameOneDiv .gameLogo img{max-width:170px;max-height:55px}
@media screen and (max-width: 1440px){
    .GameOneDiv .gameLogo img{max-width:120px;max-height:50px}
}
.GameOneDiv i{display:inline-block}
.GameOneDiv p{
    margin:10px 0 0 0;
    font-size:16px;
    color:#fff;
}
.GameOneDiv .navImg{display:block;width:100%;margin:0 auto}
@media screen and (max-width: 1440px){
    .GameOneDiv .navImg{max-width:200px}
}
.GameOneDiv .navImg img{max-width:150px;}
@media screen and (max-width: 1440px){
    .GameOneDiv .navImg img{max-width:140px}
}
@media screen and (max-width: 768px){
    .slick-BANNER .banner-desktop{display:none}
    .slick-BANNER .banner-mobile{display:block}
    #splide-PC{display:none}
    #splide-M{display:block}
}
@media screen and (min-width: 769px){
    .slick-BANNER .banner-desktop{display:block}
    .slick-BANNER .banner-mobile{display:none}
    #splide-PC{display:block}
    #splide-M{display:none}
}
#splide-M{margin-top: 50px;height: 145px;}
.swiper-container .banner-img{width:100%}
.swiper-container .swiper-pagination-bullet{background:#7CA0C1;opacity:0.4}
.swiper-container .swiper-pagination-bullet-active{background:#7CA0C1;opacity:1}
.swiper-container .swiper-btn{
    margin:0;
    width:60px;
    height:100%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    color:#7CA0C1;
    -webkit-transition:0.2s;
    transition:0.2s}
.swiper-container .swiper-btn.swiper-button-prev{
    left:-60px;
    background:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0)));
    background:linear-gradient(to right, rgba(0,0,0,0.2), rgba(0,0,0,0))
}
.swiper-container .swiper-btn.swiper-button-next{
    right:-60px;
    background:-webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0)));
    background:linear-gradient(to left, rgba(0,0,0,0.2), rgba(0,0,0,0))
}
@media screen and (min-width: 951px){
    .swiper-container:hover .swiper-btn.swiper-button-prev{left:0}
    .swiper-container:hover .swiper-btn.swiper-button-next{right:0}
}
.swiper-container .banner-mobile{display:none}
@media screen and (max-width: 768px){
    .swiper-container .banner-desktop{display:none}
    .swiper-container .banner-mobile{display:block}
}
.userBox{margin:30px 10px;font-size:1.4rem;background-color:#fff}
.userBox>div{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.userBox .user{margin-right:0.5em;color:#DC6100}
.userBox .user i{margin-right:0.2em}.userBox .user a{color:#DC6100}
.userBox .balance{color:#3B3B3B}
.userBox .balance .Master_Balance{color:#DC6100}
.userBox .balance i{margin-left:0.5em;font-size:1.2rem;color:#DC6100;cursor:pointer}
@media screen and (min-width: 951px){
    .userBox .balance i:hover{
        -webkit-transition:0.5s;
        transition:0.5s;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)}
}
.userBox .text{margin:0 0.2em}
@media screen and (max-width: 950px){
    .userBox{font-size:1.2rem}
    .userBox .balance i{font-size:1rem}
}
@media screen and (max-width: 480px){
    .userBox{margin:10px;font-size:1rem}
    .userBox>div{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
    .userBox .balance i{font-size:0.8rem}
}
.gameNav.desktop{margin:30px 0}
.gameNav.desktop .game-item{margin:10px 0;-webkit-box-flex:1;-ms-flex:1;flex:1;display:block;text-align:center}
.gameNav.desktop .game-item>img{width:90%;}
.gameNav.desktop .game-item:hover img{filter: drop-shadow(0 0 10px rgba(255,255,255,.8));}
.gameNav.desktop .game-item p{color: #dfb77b;font-size: 1.5rem;font-weight: 600;letter-spacing: 6px;}
.gameNav.mobile{margin-top:10px}
.gameNav.mobile .nav{margin-right:10px;margin-left: 10px;}
.gameNav.mobile .nav .nav-item{
    margin:10px 0;
    height: 60px;
    width: 60px;
    background:linear-gradient(180deg, #fff 0%, #EFEFEF 71%, #F2F2F2 100%) 0% 0% no-repeat;
    border-radius: 5px;
    text-align:center;
    cursor:pointer
}
.gameNav.mobile .nav .nav-item h2{margin:0;font-size: 1rem}
.gameNav.mobile .nav .nav-item p{margin:0;font-size:0.8rem}
.gameNav.mobile .game .game-item{display:none}
.gameNav.mobile .game .game-item>a{margin:10px 0;display:block}
.gameNav.mobile .game .game-item>a img{width:100%}
.gameNav.mobile .game .game-item.active{display:block}
@media screen and (max-width: 1200px){
    .gameNav.desktop .game-item>img{width:95%}
}
@media screen and (max-width: 768px){
    .gameNav.desktop .game-item{-webkit-box-flex:initial;-ms-flex:initial;flex:initial;width:190px}
}
@media screen and (max-width: 600px){
    .gameNav.desktop .game-item{-webkit-box-flex:initial;-ms-flex:initial;flex:initial;width:155px}
}
.hotgames{position:relative;padding:50px 0;overflow:hidden}
.hotgames .title{margin:10px 0;color:#dfb77b;font-size:1.8rem;font-weight:600;text-align:center}
.hotgames .games:first-of-type{margin-bottom:40px}
.hotgames .hotgame-item img{width:100%;padding:0px 30px}
.hotgames .hotgame-item p{
    text-align:center;
    margin:0;
    font-size: 1.2rem;
    font-weight:400;
    margin-top: .5em;
    color:#dfb77b;
}
.hotgames .hotgame-item:hover img,.hotgames .hotgame-item:active img{
    -webkit-filter:drop-shadow(10px 10px 3px rgba(0,0,0,0.7));
    filter:drop-shadow(10px 10px 3px rgba(0,0,0,0.7))
}
.hotgames .hotgame-item:hover p,.hotgames .hotgame-item:active p{color:#fff}
.gameLogoBox{margin:20px 0;position:relative}
.gameLogoBox ul{margin:0 auto;width:600px}
.gameLogoBox ul .ico-item{text-align:center; width:15%}
.gameLogoBox ul .ico-item>img{width:100%}
@media screen and (max-width: 1200px){
    .gameLogoBox ul{width:450px}
    .gameLogoBox ul .ico-item{width:25%}
}

@-webkit-keyframes gamePageLine{
    0%{width:0%}
    100%{width:100%}
}
@keyframes gamePageLine{
    0%{width:0%}
    100%{width:100%}
}
.proBox{
    position:relative;
    padding:100px 0;
    background:url(../images/background/bg6.jpg) center center fixed no-repeat;
    background-size:cover
}
.proBox::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100px;
    background:-webkit-gradient(linear, left bottom, left top, from(#ffffff00), color-stop(69%, #ffffffd9), color-stop(91%, #fff), to(#fff));
    background:linear-gradient(0deg, #ffffff00 0%, #ffffffd9 69%, #fff 91%, #fff 100%)
}
.proBox::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    z-index:1;
    width:100%;
    height:100px;
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff00), color-stop(69%, #ffffffd9), color-stop(91%, #fff), to(#fff));
    background:linear-gradient(180deg, #ffffff00 0%, #ffffffd9 69%, #fff 91%, #fff 100%)
}
.proBox>div{max-width:1000px;width:90%}
.proBox .pro-item{margin-bottom:40px}
.pro-title{
    background-color:#fff;
    border-radius:0 40px;
    -webkit-box-shadow:0px 8px 1px #1D3C57;
    box-shadow:0px 8px 1px #1D3C57;
    overflow:hidden;
    cursor:pointer
}
.pro-title .imgBox{width:100%;overflow:hidden}
.pro-title .imgBox>img{width:100%;-webkit-transition:0.3s;transition:0.3s}
@media screen and (min-width: 951px){
    .pro-title:hover .imgBox>img{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
.pro-title .textBox{
    padding:15px 30px;
    font-size:1.2rem;
    font-weight:600;
    line-height:1.4em;
    color:#3B3B3B;
    background:-webkit-gradient(linear, left top, right top, from(#D2EAFF), color-stop(72%, #5F84A5), to(#97C0E5));
    background:linear-gradient(90deg, #D2EAFF 0%, #5F84A5 72%, #97C0E5 100%)
}
.pro-mobBox{display:none;position:fixed;top:30px;left:0;z-index:99;width:100%;height:calc(100% - 30px);background-color:#fff}
.pro-mobBox .pro-modalTop{
    position:relative;
    height:60px;
    background-color:#fff;
    -webkit-box-shadow:0px 3px 5px #A7BDD199;
    box-shadow:0px 3px 5px #A7BDD199
}
.pro-mobBox .pro-modalTop p{margin:0;font-size:1.4rem;font-weight:600;color:#3F5468}
.pro-mobBox .pro-modalTop .icons{position:absolute;top:50%;left:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px;height:30px;color:#A5A5A5;background-color:#EBEBEB;border-radius:50%}
.pro-mobBox .pro-modalTop .icons i{font-size:1rem}
@media screen and (min-width: 951px){
    .pro-mobBox .pro-modalTop .icons:hover{color:#fff;background-color:#C5C5C5}
}
.pro-mobBox .pro-modal{padding:10px;height:calc(100% - 80px);background:url(../images/background/bg6.jpg) center center fixed no-repeat;background-size:cover;overflow:hidden auto}
.pro-mobBox .pro-modal .titleBox{margin:10px 0;color:#3B3B3B;font-size:1.2rem;font-weight:600;line-height:1.4em}
.pro-mobBox .pro-modal .imgBox{margin:10px 0;width:100%;-webkit-box-shadow:0px 2px 3px #3F546880;box-shadow:0px 2px 3px #3F546880;border-radius:5px}
.pro-mobBox .pro-modal .timeBox{margin:10px 0;font-size:1.1rem;color:#3B3B3B}
.pro-mobBox .pro-modal .textBox{margin-top:10px;padding:20px;overflow:auto;background-color:#fff;-webkit-box-shadow:0px 2px 3px #3F546880;box-shadow:0px 2px 3px #3F546880;border-radius:5px}
.pro-mobBox .pro-modal .textBox ul,.pro-mobBox .pro-modal .textBox li,.pro-mobBox .pro-modal .textBox ol{margin:revert;padding:revert;list-style:revert}
.pro-mobBox .pro-modal .textBox img{max-width:100%;height:auto !important;-o-object-fit:contain;object-fit:contain}
.pro-mobBox .pro-modal .textBox table{max-width:100%}
@media screen and (max-width: 950px){
    .proBox{padding:50px 0}
    .proBox::before{height:50px}
    .proBox::after{height:50px}
    .proBox .pro-item{margin-bottom:40px}
}
@media screen and (max-width: 480px){
    .pro-title{background-color:#fff;border-radius:0 40px;-webkit-box-shadow:0px 5px 1px #1D3C57;box-shadow:0px 5px 1px #1D3C57}.pro-title .textBox{padding:10px 30px;font-size:1.1rem;line-height:1.2em}
}
.bulletinBox{position:relative;padding:100px 0;background:url(../images/background/bg7.jpg) center center fixed no-repeat;background-size:cover}
.bulletinBox::before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100px;background:-webkit-gradient(linear, left bottom, left top, from(#ffffff00), color-stop(69%, #ffffffd9), color-stop(91%, #fff), to(#fff));background:linear-gradient(0deg, #ffffff00 0%, #ffffffd9 69%, #fff 91%, #fff 100%)}
.bulletinBox::after{content:"";position:absolute;bottom:0;left:0;z-index:1;width:100%;height:100px;background:-webkit-gradient(linear, left top, left bottom, from(#ffffff00), color-stop(69%, #ffffffd9), color-stop(91%, #fff), to(#fff));background:linear-gradient(180deg, #ffffff00 0%, #ffffffd9 69%, #fff 91%, #fff 100%)}
.bulletinBox>div{margin:0 auto;padding:40px 50px;max-width:1000px;width:95%;background-color:#fff;-webkit-box-shadow:0px 0px 10px #0000004D;box-shadow:0px 0px 10px #0000004D;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box}
.bulletinBox>div .tableTop h1{margin:0;color:#3F5468}
.bulletinBox>div .tableTop .icons{display:none;margin-left:10px;width:30px;height:30px;line-height:30px;text-align:center;color:#A5A5A5;background-color:#EBEBEB;border-radius:50%;cursor:pointer}
.bulletinBox>div .tableTop .icons i{font-size:1rem}
@media screen and (min-width: 951px){
    .bulletinBox>div .tableTop .icons:hover{color:#fff;background-color:#C5C5C5}
}
.bulletinBox>div .table-item:last-child .table-title{border-bottom:none}
.bulletin_table{margin:50px 0}.bulletin_table .top{height:50px;background-color:#C5C5C5}
.bulletin_table .table-title{padding:10px 0;min-height:50px;background-color:#fff;border-bottom:1px solid #C5C5C5;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
.bulletin_table .table-title:hover{background-color:#eee}
.bulletin_table .table-title.active{background-color:#C5C5C5;border-bottom:none}
.bulletin_table .table-title.active .bulletin-ann>.ann{color:#fff !important}
.bulletin_table .table-title.active .bulletin-ann>.ann.ann1{background:#EA2027}
.bulletin_table .table-title.active .bulletin-ann>.ann.ann2{background:#009432}
.bulletin_table .table-title.active .bulletin-ann>.ann.ann3{background:#0652DD}
.bulletin_table .table-title.active .bulletin-ann>.ann.ann4{background:#f1c40f}
.bulletin_table .table-title.active .bulletin-ann>.ann.ann5{background:#2c3e50}
.bulletin_table .table-title.active .bulletin-ann>.ann.ann6{background:#1abc9c}
.bulletin_table .table-title.active .bulletin-ann>.ann.ann7{background:#8e44ad}
.bulletin_table .table-title.active .bulletin-ann>.ann.ann8{background:#998247}
.bulletin_table .table-title.active .bulletin-ann>.ann.ann9{background:#ea20c8}
.bulletin_table .table-title.active .bulletin-ann>.ann.ann10{background:#9cfd00}
.bulletin_table .bulletin-ann{width:80px;text-align:center}
.bulletin_table .bulletin-ann>.ann{padding:3px 8px;display:inline-block;border-radius:18px;font-size:0.9rem;color:#fff}
.bulletin_table .bulletin-ann>.ann.ann1{color:#EA2027;border:1px solid #EA2027}
.bulletin_table .bulletin-ann>.ann.ann2{color:#009432;border:1px solid #009432}
.bulletin_table .bulletin-ann>.ann.ann3{color:#0652DD;border:1px solid #0652DD}
.bulletin_table .bulletin-ann>.ann.ann4{color:#f1c40f;border:1px solid #f1c40f}
.bulletin_table .bulletin-ann>.ann.ann5{color:#2c3e50;border:1px solid #2c3e50}
.bulletin_table .bulletin-ann>.ann.ann6{color:#1abc9c;border:1px solid #1abc9c}
.bulletin_table .bulletin-ann>.ann.ann7{color:#8e44ad;border:1px solid #8e44ad}
.bulletin_table .bulletin-ann>.ann.ann8{color:#998247;border:1px solid #998247}
.bulletin_table .bulletin-ann>.ann.ann9{color:#ea20c8;border:1px solid #ea20c8}
.bulletin_table .bulletin-ann>.ann.ann10{color:#9cfd00;border:1px solid #9cfd00}
.bulletin_table .bulletin-title{padding:0 10px;width:calc(100% - 200px)}
.bulletin_table .bulletin-date{width:100px}
.bulletin_table .table-content{display:none;padding:10px 20px;background-color:#fff}
.bulletin_table .table-content ul,.bulletin_table .table-content li,.bulletin_table .table-content ol{margin:revert;padding:revert;list-style:revert}
.header-title .icons{display:none;position:absolute;top:50%;left:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px;height:30px;line-height:30px;text-align:center;color:#A5A5A5;background-color:#EBEBEB;border-radius:50%}
.header-title .icons i{font-size:1rem}
@media screen and (max-width: 950px){
    .bulletinBox{padding:50px 0}
    .bulletinBox::before{height:50px}
    .bulletinBox::after{height:50px}
    .bulletinBox>div{margin:0 auto;padding:30px}
    .bulletin_table{margin:30px 0}
}
@media screen and (max-width: 480px){
    .bulletinBox>div{margin:0 auto;padding:15px;border-radius:5px}
    .bulletin_table{margin:5px 0}
    .bulletin_table .bulletin-ann{width:50px;text-align:center}
    .bulletin_table .bulletin-ann>.ann{padding:2px 6px;font-size:0.8rem}
    .bulletin_table .bulletin-title{padding:0 10px;width:calc(100% - 120px)}
    .bulletin_table .bulletin-date{width:50px}.bulletin_table .table-content{padding:10px}
}
.memberBox{position:relative;padding:60px 0;background:url(../images/background/bg8.jpg) center center fixed no-repeat;background-size:cover}
.memberBox::after{content:"";position:absolute;bottom:0;left:0;z-index:1;width:100%;height:100px;background:-webkit-gradient(linear, left top, left bottom, from(#ffffff00), color-stop(69%, #ffffffd9), color-stop(91%, #fff), to(#fff));background:linear-gradient(180deg, #ffffff00 0%, #ffffffd9 69%, #fff 91%, #fff 100%)}
.memberBox>div{position:relative;z-index:2}
.memberBox .left{margin-right:40px;width:220px}
.memberBox .left .memberUser{text-align:center}
.memberBox .left .memberUser i{font-size:4.5rem;color:#DC6100}
.memberBox .left .memberUser .userName{margin:10px 0;font-size:1.3rem;font-weight:600;color:#DC6100}
.memberBox .left .memberUser .userBalance{font-size:1.2rem;color:#3B3B3B}
.memberBox .left .memberUser .userBalance .text{color:#DC6100;cursor:pointer}
.memberBox .right{padding:30px;width:calc(100% - 260px);background-color:#fff;-webkit-box-shadow:0px 0px 10px #0000004D;box-shadow:0px 0px 10px #0000004D;border-radius:10px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.memberBox .right h1{margin:0 20px;font-size:2rem;color:#DC6100}
.memberBox .right h1 .detail_update{margin-left:10px;font-size:1.2rem;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;background:-webkit-gradient(linear, left top, left bottom, from(#FFD8BA), color-stop(72%, #DC6100), to(#FFAE6E));background:linear-gradient(180deg, #FFD8BA 0%, #DC6100 72%, #FFAE6E 100%);-webkit-box-shadow:0px 1px 3px #0000004D;box-shadow:0px 1px 3px #0000004D;border-radius:5px;cursor:pointer}
@media screen and (min-width: 951px){
    .memberBox .right h1 .detail_update:hover i{-webkit-transition:0.5s;transition:0.5s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
}
.memberBox .right #memberBlock .detail_update{display:none}
@media screen and (max-width: 950px){
    .memberBox .left{margin-right:15px;width:200px}
    .memberBox .right{padding:25px;width:calc(100% - 215px)}
}
@media screen and (max-width: 768px){
    .memberBox{padding:20px 0}
    .memberBox .left{margin-bottom:20px;margin-right:0;width:100%}
    .memberBox .left .memberUser{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left}
    .memberBox .left .memberUser i{margin-right:20px;font-size:4rem}
    .memberBox .left .memberUser .userName{margin:0 0 10px 0}
    .memberBox .right{padding:20px;width:100%}
    .memberBox .right h1{display:none}
    .memberBox .right #memberBlock .detail_update{
        display:block;
        margin-left:5px;
        font-size:1rem;
        width:30px;
        height:30px;
        line-height:30px;
        text-align:center;
        color:#fff;
        background:-webkit-gradient(linear, left top, left bottom, from(#FFD8BA), color-stop(72%, #DC6100), to(#FFAE6E));
        background:linear-gradient(180deg, #FFD8BA 0%, #DC6100 72%, #FFAE6E 100%);
        -webkit-box-shadow:0px 1px 3px #0000004D;
        box-shadow:0px 1px 3px #0000004D;
        border-radius:5px;
        cursor:pointer}
}
@media screen and (max-width: 480px){
    .memberBox{padding:10px 0}
    .memberBox .left{margin-bottom:10px}
    .memberBox .left .memberUser i{font-size:3.2rem}
    .memberBox .left .memberUser .userName{margin:0 0 5px 0;font-size:1.2rem}
    .memberBox .left .memberUser .userBalance{font-size:1rem}
    .memberBox .right{padding:20px 10px}
}
#memberAside{position:relative;width:100%}
#memberAside .navBox-pc{margin-top:40px;width:100%;background-color:#fff;-webkit-box-shadow:0px 0px 10px #0000004D;box-shadow:0px 0px 10px #0000004D;border-radius:10px;overflow:hidden}
#memberAside .navBox-pc p{margin:0;height:60px;line-height:60px;font-size:1.2rem;text-align:center;color:#fff;background:-webkit-gradient(linear, left top, left bottom, from(#FFD8BA), color-stop(72%, #DC6100), to(#FFAE6E));background:linear-gradient(180deg, #FFD8BA 0%, #DC6100 72%, #FFAE6E 100%)}
#memberAside .navBox-pc ul .nav-link{position:relative;padding:0 20px;height:60px;line-height:60px;color:#3B3B3B;font-size:1.1rem;font-weight:600}
#memberAside .navBox-pc ul .nav-link .ibacc_sum{margin-left:5px;color:#DC6100}
#memberAside .navBox-pc ul .nav-link.active{background-color:#FFF4EB;cursor:default}
#memberAside .navBox-pc ul .nav-link.active::after{content:'';position:absolute;top:0;left:0;width:8px;height:100%;background-color:#DC6100}
@media screen and (min-width: 951px){
    #memberAside .navBox-pc ul .nav-link:not(.active):hover{background-color:#FFF4EB}
}
#memberAside .navBox-ph{display:none;margin:20px -5px 0 -5px;text-align:center}
#memberAside .navBox-ph>a{display:block;margin:0 5px;width:25%;height:100px}
#memberAside .navBox-ph .nav-link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;color:#fff;background:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(72%, #BABABA), to(#EFEFEF));background:linear-gradient(180deg, #f5f5f5 0%, #BABABA 72%, #EFEFEF 100%);-webkit-box-shadow:0px 2px 3px #00000080;box-shadow:0px 2px 3px #00000080;border-radius:5px}
#memberAside .navBox-ph .nav-link i{margin-bottom:5px;font-size:2.5rem}
#memberAside .navBox-ph .nav-link p{margin:0;font-size:1rem;font-weight:600}
#memberAside .navBox-ph .nav-link .ibacc_sum{
    position:absolute;
    top:40%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    border-radius:50%;
    color:#fff;
    background-color:#DC6100;
    font-size:0.9rem
}
#memberAside .navBox-ph .nav-link.active{
    color:#7B3600;
    background:-webkit-gradient(linear, left top, left bottom, from(#FFD8BA), color-stop(72%, #DC6100), to(#FFAE6E));
    background:linear-gradient(180deg, #FFD8BA 0%, #DC6100 72%, #FFAE6E 100%)
}
#memberAside .navBox-ph .nav-link.active .ibacc_sum{color:#3B3B3B;background-color:#fff}
#memberAside .aside-link{
    margin-top:20px;
    width:100%;
    background-color:#fff;
    -webkit-box-shadow:0px 0px 10px #0000004D;
    box-shadow:0px 0px 10px #0000004D;
    border-radius:10px;overflow:hidden
}
#memberAside .aside-link .nav-link{padding:0 20px;height:60px;line-height:60px;color:#3B3B3B;font-size:1.1rem;font-weight:600}
#memberAside .aside-link .nav-link.active{color:#DC6100;cursor:default}
@media screen and (min-width: 951px){
    #memberAside .aside-link .nav-link:not(.active):hover{background-color:#FFF4EB}
}
@media screen and (max-width: 768px){
    #memberAside .navBox-pc,#memberAside .aside-link{display:none}
    #memberAside .navBox-ph{display:-webkit-box;display:-ms-flexbox;display:flex}
}
@media screen and (max-width: 480px){
    #memberAside .navBox-ph{margin:10px -5px 0 -5px}
    #memberAside .navBox-ph>a{height:80px}
    #memberAside .navBox-ph .nav-link i{font-size:2rem}
    #memberAside .navBox-ph .nav-link p{font-size:0.85rem}
}
#memberNav{display:none}
@media screen and (max-width: 768px){
    #memberNav{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:15px;height:40px}
    #memberNav .nav-link{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:1.3rem;font-weight:600;text-align:center}
    #memberNav .nav-link>a{display:inline-block;color:#3B3B3B}
    #memberNav .nav-link.active>a{position:relative;color:#DC6100;pointer-events:none}
    #memberNav .nav-link.active>a::after{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-color:#DC6100}
}
@media screen and (max-width: 480px){
    #memberNav{padding-bottom:10px}
    #memberNav .nav-link{font-size:1rem}
}
#memberBlock .contentBox{padding:25px 20px;border-bottom:1px solid #C5C5C5}
#memberBlock .contentBox>div{height:40px;font-size:1rem}
#memberBlock .contentBox .title{width:120px}
#memberBlock .contentBox .text{width:calc(100% - 120px)}
@media screen and (max-width: 768px){
    #memberBlock .contentBox{padding:0 10px 15px 10px}
}
.noteBox{margin-top:60px}
.noteBox h3{margin-left:20px;color:#DC6100}
.noteBox ul,.noteBox li,.noteBox ol{margin:revert;padding:revert;list-style:revert}
.noteBox p{margin:10px 0;font-size:1rem;line-height:1.5em;color:#3B3B3B}
#toggleBlock .addBank{display:none}
#toggleBlock .linkBank{display:none}
#toggleBlock .send{display:none}
.detailBox{margin-top:30px}
.detailBox .balance_link{
    margin:5px;
    width:calc(20% - 10px);
    height:100px;
    border:1px solid #A5A5A5;
    border-radius:5px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.detailBox .balance_link h3{margin:5px 0;color:#3B3B3B}
.detailBox .balance_link h4{margin:5px 0;color:#DC6100}
@media screen and (max-width: 1280px){
    .detailBox .balance_link{width:calc(25% - 10px)}
    .detailBox .balance_link h3{font-size:1.05rem}
}
@media screen and (max-width: 1024px){
    .detailBox .balance_link{width:calc(33.3% - 10px)}
    .detailBox .balance_link h3{font-size:1rem}
}
@media screen and (max-width: 768px){
    .detailBox{margin-top:10px}
}
@media screen and (max-width: 600px){
    .detailBox .balance_link{width:calc(50% - 10px)}
}
#toggleBlock .tableTop h1{margin:0;color:#3F5468}
#toggleBlock .tableTop .icons{
    display:none;
    margin-left:10px;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    color:#A5A5A5;
    background-color:#EBEBEB;
    border-radius:50%;
    cursor:pointer
}
#toggleBlock .tableTop .icons i{font-size:1rem}
@media screen and (min-width: 951px){
    #toggleBlock .tableTop .icons:hover{color:#fff;background-color:#C5C5C5}
}
.contactus_table{margin-top:40px}
.contactus_table .top{height:50px;background-color:#C5C5C5}
.contactus_table .contactus-title{padding:0 20px;width:calc(100% - 240px)}
.contactus_table .contactus-title.Yread{opacity:0.7}
.contactus_table .contactus-title.Nread{font-weight:600}
.contactus_table .contactus-date{width:100px;text-align:center}
.contactus_table .contactus-date.Yread{opacity:0.7}
.contactus_table .contactus-date.Nread{font-weight:600}
.contactus_table .contactus-ann{width:100px;text-align:center}
.contactus_table .contactus-ann .replyStyle{display:inline-block;padding:3px 10px;border-radius:15px;font-size:1rem}
.contactus_table .contactus-ann .replyStyle.Yreply{color:#3F5468;border:2px solid #3F5468}
.contactus_table .contactus-ann .replyStyle.Nreply{color:#DC6100;border:2px solid #DC6100}
.contactus_table .table-title{
    padding:10px 0;
    min-height:50px;
    background-color:#fff;
    border-bottom:1px solid #C5C5C5;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    cursor:pointer
}
.contactus_table .table-title:hover{background-color:#eee}
.contactus_table .table-title.active{background-color:#C5C5C5;border-bottom:none}
.contactus_table .table-content{display:none;padding:10px 20px;color:#3B3B3B;background-color:#fff}
.contactus_table .table-content ul,.contactus_table .table-content li,.contactus_table .table-content ol{
    margin:revert;
    padding:revert;
    list-style:revert
}
.contactus_table .table-content .admin-contactus{
    margin-top:20px;
    padding:10px 0;
    border-top:1px solid #C5C5C5;
    color:#DC6100;
    font-weight:600
}
.contactus_table .table-item:last-child .table-title{border:none}
@media screen and (max-width: 950px){
    .contactus_table{margin-top:25px}
    .contactus_table .contactus-title{padding:0 15px;width:calc(100% - 200px)}
    .contactus_table .contactus-date{width:95px}
    .contactus_table .contactus-ann{width:75px}
    .contactus_table .contactus-ann .replyStyle{font-size:0.9rem}
    .contactus_table .table-content{padding:10px 15px}
}
@media screen and (max-width: 480px){
    .contactus_table{margin-top:15px}
    .contactus_table .contactus-title{padding:0 10px;width:calc(100% - 180px)}
    .contactus_table .contactus-ann{width:65px}
    .contactus_table .contactus-ann .replyStyle{padding:3px 6px;font-size:0.8rem}
    .contactus_table .table-content{padding:10px}
}
.statusBlue,.statusfontBlue{color:blue !important}
.statusGreen{color:green !important}
.statusRed,.statusfontRed{color:red !important}
.record_block{margin-top:30px}
.record_block .record_nav{width:900px}
.record_block .record_nav>div{
    margin:10px;
    width:130px;
    height:45px;
    line-height:45px;
    text-align:center;
    font-size:1.2rem;
    color:#fff;
    background:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(72%, #BABABA), to(#EFEFEF));
    background:linear-gradient(180deg, #f5f5f5 0%, #BABABA 72%, #EFEFEF 100%);
    -webkit-box-shadow:0px 4px 1px #242424;
    box-shadow:0px 4px 1px #242424;
    border-radius:28px;
    cursor:pointer}
.record_block .record_nav>div.active{background:-webkit-gradient(linear, left top, left bottom, from(#FFD8BA), color-stop(72%, #DC6100), to(#FFAE6E));background:linear-gradient(180deg, #FFD8BA 0%, #DC6100 72%, #FFAE6E 100%)}
@media screen and (min-width: 951px){
    .record_block .record_nav>div:not(.active):hover{
        position:relative;
        top:3px;
        -webkit-box-shadow:0px 1px 1px #242424;
        box-shadow:0px 1px 1px #242424
    }
}
.pagination{margin:20px 0}
.pagination>div{margin:0px 5px;padding:10px 3px;min-width:32px;text-align:center;border-radius:25px;color:#DC6100;cursor:pointer}
.pagination>div.active{color:#fff;background-color:#DC6100;pointer-events:none}
@media screen and (min-width: 951px){
    .pagination>div:not(.active):hover{color:#b14d00;font-weight:600}
}
.record_table{display:-webkit-box;display:-ms-flexbox;display:flex}
.record_table>div{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    border-right:1px solid #C5C5C5
}
.record_table>div:last-child{border-right:none}
.record_table .record_title{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0 10px;
    height:50px;
    color:#3B3B3B;
    background:rgba(197,197,197,0.8);
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.record_table .record_content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0 10px;
    height:50px;
    color:#3B3B3B;
    text-align:center;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.record_table .record_content>span{margin:0 5px}
.record_table .record_remark{cursor:pointer}
.record_table .record_remark>span{color:#DC6100;font-weight:600}
@media screen and (min-width: 951px){
    .record_table .record_remark:hover>span{border:1px solid #DC6100;padding:3px 5px}
}
.record_none{
    padding:0 10px;
    height:50px;
    line-height:50px;
    color:#3B3B3B;
    text-align:center;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.table_block .recordstore{display:none}
.table_block .recordstore:first-child{display:block}
.table_block #record_deposit{border-bottom:1px solid #C5C5C5}
@media screen and (min-width: 951px){
    .table_block #record_deposit:hover{background:#eee}
}
.table_block #record_deposit .record_title{display:none}
.table_block #record_deposit .record_date{width:200px}
.table_block #record_deposit .record_ticket{width:calc(100% - 550px)}
.table_block #record_deposit .record_sum{width:200px}
.table_block #record_deposit .record_sum .record_content{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.table_block #record_deposit .record_status{width:80px}
.table_block #record_deposit:first-child .record_title{display:-webkit-box;display:-ms-flexbox;display:flex}.table_block #record_deposit:last-child{border-bottom:none}
.table_block #record_jswithdraw{border-bottom:1px solid #C5C5C5}
@media screen and (min-width: 951px){
    .table_block #record_jswithdraw:hover{background:#eee}
}
.table_block #record_jswithdraw .record_title{display:none}
.table_block #record_jswithdraw .record_date{width:200px}
.table_block #record_jswithdraw .record_ticket{width:calc(100% - 550px)}
.table_block #record_jswithdraw .record_sum{width:200px}
.table_block #record_jswithdraw .record_sum .record_content{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.table_block #record_jswithdraw .record_status{width:80px}
.table_block #record_jswithdraw:first-child .record_title{display:-webkit-box;display:-ms-flexbox;display:flex}
.table_block #record_jswithdraw:last-child{border-bottom:none}
.table_block #record_transfer{border-bottom:1px solid #C5C5C5}
@media screen and (min-width: 951px){
    .table_block #record_transfer:hover{background:#eee}
}
.table_block #record_transfer .record_title{display:none}
.table_block #record_transfer .record_date{width:200px}
.table_block #record_transfer .record_ticket{width:calc(100% - 720px)}
.table_block #record_transfer .record_sum{width:160px}
.table_block #record_transfer .record_sum .record_content{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.table_block #record_transfer .record_from{width:140px}
.table_block #record_transfer .record_to{width:140px}
.table_block #record_transfer .record_status{width:80px}
.table_block #record_transfer:first-child .record_title{display:-webkit-box;display:-ms-flexbox;display:flex}
.table_block #record_transfer:last-child{border-bottom:none}
.table_block .record_lottery{border-bottom:1px solid #C5C5C5}
@media screen and (min-width: 951px){
    .table_block .record_lottery:hover{background:#eee}
}
.table_block .record_lottery .record_title{display:none}
.table_block .record_lottery .record_date{width:200px}
.table_block .record_lottery .record_ticket{width:calc(100% - 746px)}
.table_block .record_lottery .record_sum{width:110px}
.table_block .record_lottery .record_sum .record_content{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.table_block .record_lottery .record_from{width:150px}
.table_block .record_lottery .record_status{width:60px}
.table_block .record_lottery .record_total{width:calc(100% - 394px)}
.table_block .record_lottery .record_total .record_content{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    color:#fff;
    background-color:#DC6100
}
.table_block .record_lottery .record_sum_total{width:171px}
.table_block .record_lottery .record_sum_total .record_content{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.table_block .record_lottery:first-child .record_title{display:-webkit-box;display:-ms-flexbox;display:flex}
.table_block .record_lottery:last-child{border-bottom:none}
.table_block .record_time{margin:30px 0}
.table_block .record_time .table-time{margin-right:30px;font-size:1.2rem}
.table_block .record_time .table-time p{margin:0;font-weight:600}
.table_block .record_time .table-time .input-date{margin:0 10px;width:200px;height:35px;background:#DC6100}
.table_block .record_time .table-time .input-date input{
    margin:0;
    padding:0 10px;
    width:100%;
    height:35px;
    line-height:35px;
    color:#fff;
    background:none;
    outline:none;
    border:none;border-radius:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.table_block .record_time .table-time .input-date input:-webkit-autofill{
    -webkit-text-fill-color:#fff;
    -webkit-transition:background-color 5000s ease-in-out 0s;
    transition:background-color 5000s ease-in-out 0s
}
.table_block .record_time .table-time .input-date input::-webkit-outer-spin-button,.table_block .record_time .table-time .input-date input::-webkit-inner-spin-button{-webkit-appearance:none}
.table_block .record_time .table-time .input-date input::-webkit-calendar-picker-indicator{-webkit-filter:invert(1);filter:invert(1)}
.table_block .record_time .table-time.dateError{color:#E20000}
.table_block .record_time .date_btn{width:90px;height:35px;line-height:35px;border-radius:5px;text-align:center;color:#fff;background-color:#DC6100;cursor:pointer}
@media screen and (min-width: 951px){
    .table_block .record_time .date_btn:hover{background-color:#b14d00}
}
.table_block .record_time .dataErrorText{margin:0;margin-top:20px;width:100%;font-size:1rem;font-weight:600;color:#E20000}
@media screen and (max-width: 500px){
    .table_block .record_time .dataErrorText{text-align:center}
}
.table_block .record_time .date_change{margin-top:30px;width:745px}
.table_block .record_time .date_change>div{
    margin:0 20px;
    font-size:1.2rem;
    font-weight:400;
    color:#3B3B3B;
    letter-spacing:0.2em;
    cursor:pointer
}
.table_block .record_time .date_change>div.active{color:#DC6100;font-weight:600}
@media screen and (min-width: 951px){
    .table_block .record_time .date_change>div:not(.active):hover{color:#DC6100}
}
.table_block .record_rebate{border-bottom:1px solid #C5C5C5}
@media screen and (min-width: 951px){
    .table_block .record_rebate:hover{background:#eee}
}
.table_block .record_rebate .record_title{display:none}
.table_block .record_rebate .record_date{width:200px}
.table_block .record_rebate .record_ticket{width:calc(100% - 600px)}
.table_block .record_rebate .record_sum{width:200px}
.table_block .record_rebate .record_sum .record_content{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.table_block .record_rebate .record_type{width:200px}
.table_block .record_rebate .record_type .record_rdet{color:#DC6100;font-weight:600;cursor:pointer}
.table_block .record_rebate:first-child .record_title{display:-webkit-box;display:-ms-flexbox;display:flex}
.table_block .record_rebate:last-child{border-bottom:none}
.table_block .record_rebate .rdet_table{display:none}
.table_block .record_rebate .rdet_table .ph_rdet_title{display:none}
.table_block .record_rebate .rdet_table .record_title{display:none}
.table_block .record_rebate .rdet_table .ph_rdet_btn{display:none}
.table_block .record_rebate .rdet_table>div{background-color:rgba(197,197,197,0.4)}
.table_block .record_rebate .rdet_table>div:nth-child(2){border-top:1px solid #C5C5C5}
.table_block #record_bonus{border-bottom:1px solid #C5C5C5}
@media screen and (min-width: 951px){
    .table_block #record_bonus:hover{background:#eee}
}
.table_block #record_bonus .record_title{display:none}
.table_block #record_bonus .record_date{width:150px}
.table_block #record_bonus .record_ticket{width:calc(100% - 600px)}
.table_block #record_bonus .record_sum{width:150px}
.table_block #record_bonus .record_sum .record_content{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.table_block #record_bonus .record_name{width:300px}
.table_block #record_bonus:first-child .record_title{display:-webkit-box;display:-ms-flexbox;display:flex}
.table_block #record_bonus:last-child{border-bottom:none}
@media screen and (max-width: 1280px){
    .record_block .record_nav{width:450px}
    .record_none{
        position:absolute;
        top:50%;
        right:0;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
        width:calc(100% - 120px)
    }
    .record_table{
        border:1px solid #C5C5C5;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .record_table>div{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        border-right:none
    }
    .record_table>div .record_title{border-bottom:1px solid #fff}
    .record_table>div .record_content{border-bottom:1px solid #C5C5C5}
    .record_table>div:last-child .record_title{border-bottom:none}
    .record_table>div:last-child .record_content{border-bottom:none}
    .record_table .record_title{width:120px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
    .record_table .record_content{width:calc(100% - 120px)}
    .table_block #record_deposit{position:relative;margin-bottom:20px;border-bottom:none}
    .table_block #record_deposit .record_title{display:-webkit-box;display:-ms-flexbox;display:flex}
    .table_block #record_deposit .record_date{width:100%}
    .table_block #record_deposit .record_ticket{width:100%}
    .table_block #record_deposit .record_sum{width:100%}
    .table_block #record_deposit .record_status{width:100%}
    .table_block #record_jswithdraw{position:relative;margin-bottom:20px;border-bottom:none}
    .table_block #record_jswithdraw .record_title{display:-webkit-box;display:-ms-flexbox;display:flex}
    .table_block #record_jswithdraw .record_date{width:100%}
    .table_block #record_jswithdraw .record_ticket{width:100%}
    .table_block #record_jswithdraw .record_sum{width:100%}
    .table_block #record_jswithdraw .record_status{width:100%}
    .table_block #record_transfer{position:relative;margin-bottom:20px;border-bottom:none}
    .table_block #record_transfer .record_title{display:-webkit-box;display:-ms-flexbox;display:flex}
    .table_block #record_transfer .record_date{width:100%}
    .table_block #record_transfer .record_ticket{width:100%}
    .table_block #record_transfer .record_sum{width:100%}
    .table_block #record_transfer .record_from{width:100%}
    .table_block #record_transfer .record_to{width:100%}
    .table_block #record_transfer .record_status{width:100%}
    .table_block .record_lottery{position:relative;margin-bottom:20px;border-bottom:none}
    .table_block .record_lottery .record_title{display:-webkit-box;display:-ms-flexbox;display:flex}
    .table_block .record_lottery .record_date{width:100%}
    .table_block .record_lottery .record_ticket{width:100%}
    .table_block .record_lottery .record_sum{width:100%}
    .table_block .record_lottery .record_from{width:100%}
    .table_block .record_lottery .record_status{width:100%}
    .table_block .record_lottery .record_total{width:100%}
    .table_block .record_lottery .record_total .record_content{
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        color:#fff;
        background-color:#DC6100
    }
    .table_block .record_lottery .record_sum_total{width:100%}
    .table_block .record_lottery .record_sum_total .record_content{
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
    .table_block .record_rebate{position:relative;margin-bottom:20px;border-bottom:none}
    .table_block .record_rebate.hide{display:none}
    .table_block .record_rebate .record_title{display:-webkit-box;display:-ms-flexbox;display:flex}
    .table_block .record_rebate .record_date{width:100%}
    .table_block .record_rebate .record_ticket{width:100%}
    .table_block .record_rebate .record_sum{width:100%}
    .table_block .record_rebate .record_type{width:100%}
    .table_block .record_rebate .rdet_table{display:none;margin-top:20px}
    .table_block .record_rebate .rdet_table .ph_rdet_title{
        display:block;
        width:100%;
        height:50px;
        line-height:50px;
        text-align:center;
        color:#fff;
        background:-webkit-gradient(linear, left top, left bottom, from(#FFD8BA), color-stop(72%, #DC6100), to(#FFAE6E));
        background:linear-gradient(180deg, #FFD8BA 0%, #DC6100 72%, #FFAE6E 100%);
        border-radius:10px 10px 0 0
    }
    .table_block .record_rebate .rdet_table .record_title{display:-webkit-box;display:-ms-flexbox;display:flex}
    .table_block .record_rebate .rdet_table .ph_rdet_btn{
        margin:0;display:block;
        width:100%;height:50px;
        line-height:50px;
        text-align:center;
        color:#fff;
        background:-webkit-gradient(linear, left top, left bottom, from(#D2EAFF), color-stop(72%, #5F84A5), to(#97C0E5));background:linear-gradient(180deg, #D2EAFF 0%, #5F84A5 72%, #97C0E5 100%);
        cursor:pointer
    }
    .table_block .record_rebate .rdet_table>div{margin-top:10px;background-color:#fff}
    .table_block .record_rebate .rdet_table>div:nth-child(2){border-top:none;margin-top:0}
    .table_block #record_bonus{position:relative;margin-bottom:20px;border-bottom:none}
    .table_block #record_bonus .record_title{display:-webkit-box;display:-ms-flexbox;display:flex}
    .table_block #record_bonus .record_date{width:100%}
    .table_block #record_bonus .record_ticket{width:100%}
    .table_block #record_bonus .record_sum{width:100%}.table_block #record_bonus .record_name{width:100%}
}
@media screen and (max-width: 1140px){
    .table_block .record_time>div:first-child{width:400px}
    .table_block .record_time .table-time{margin:10px 0}
    .table_block .record_time .date_change{width:100%}
    .table_block .record_time .date_change>div{margin:0 15px}
}@media screen and (max-width: 768px){
    .record_block{margin-top:0}
    .record_block .record_nav{margin:0 auto;width:410px}
    .record_block .record_nav>div{margin:10px 8px;width:120px;height:40px;line-height:40px;font-size:1.1rem}
}
@media screen and (max-width: 500px){
    .table_block .record_time .table-time{font-size:1rem}
    .table_block .record_time>div:first-child{margin:0 auto;max-width:360px;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
    .table_block .record_time .date_change>div{margin:0 5px;font-size:1.1rem}
}
@media screen and (max-width: 450px){
    .record_block .record_nav{width:100%}
    .record_block .record_nav>div{margin:10px 5px;width:95px;height:36px;line-height:36px;font-size:0.9rem}
    .record_none{width:calc(100% - 110px)}
    .record_table .record_title{width:110px}
    .record_table .record_content{width:calc(100% - 110px)}
}
.helpBox .container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.helpBox #helpNav{
    position:-webkit-sticky;
    position:sticky;
    top:20px;
    left:0;
    margin-top:30px;
    margin-right:2rem;
    min-width:240px;
    border-radius:10px;
    -webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);
    box-shadow:0 0 8px rgba(0,0,0,0.5);
    overflow:hidden
}
.helpBox #helpNav h2{margin:0;padding:20px 0;font-size:1.25rem;text-align:center;color:#ffffff;background:#DC6100}
.helpBox #helpNav ul{background:#dbdfeb}
.helpBox #helpNav ul li{
    padding:5px 20px;
    height:40px;
    line-height:40px;
    font-size:1rem;
    cursor:pointer;
    -webkit-transition:0.3s;
    transition:0.3s
}
@media screen and (min-width: 951px){
    .helpBox #helpNav ul li:hover{color:#ffffff;background:#3F5468}
}
.helpBox #helpNav ul li.active{color:#ffffff;background:#3F5468;pointer-events:none}
.helpBox #helpContent{
    margin-top:30px;
    padding:30px;
    width:100%;
    border-radius:10px;
    -webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);
    box-shadow:0 0 8px rgba(0,0,0,0.5);
    overflow:hidden;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.helpBox .help-item{display:none}
.helpBox .help-item h3,.helpBox .help-item h4{color:#E53333}
.helpBox .help-item h2{margin:0;text-align:center;color:#424a66}
.helpBox .help-item h3{font-size:24px;font-weight:bold}
.helpBox .help-item h4{font-size:16px;font-weight:600}
.helpBox .help-item p{line-height:2rem;font-size:14px}
.helpBox table{margin:10px 0;width:100%;border-collapse:collapse}
.helpBox table .tableTop{background:url(../images/vip/table-bg.jpg) top right no-repeat;background-size:cover}
.helpBox table .tableTop th{border:none}
.helpBox table .tableTop th>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
.helpBox table .tableTop th>div img{width:auto;height:80%}
.helpBox table th,.helpBox table td{
    margin:0;border:1px solid #aaa;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;text-align:center
}
.helpBox table th{color:#DC6100}
.helpBox table td{color:#3F5468}
.helpBox table td.table-title{color:#DC6100;font-weight:bold}
.helpBox table.table-desktop .tableTop th{height:60px}
.helpBox table.table-desktop .tableTop th>div{font-size:1.1rem}
.helpBox table.table-desktop .tableTop th>div img{margin:0 20px}
.helpBox table.table-desktop th,.helpBox table.table-desktop td{padding:10px;height:50px;font-size:1rem}
.helpBox table.table-mobile .tableTop th{height:40px}
.helpBox table.table-mobile .tableTop th>div{font-size:1rem}
.helpBox table.table-mobile .tableTop th>div img{margin:0 10px}
.helpBox table.table-mobile th,.helpBox table.table-mobile td{padding:5px;height:40px;font-size:0.9rem}
@media screen and (max-width: 950px){
    .helpBox .container{-ms-flex-wrap:wrap;flex-wrap:wrap}
    .helpBox #helpNav{top:10px;margin-top:10px;margin-right:0;min-width:100%;border-radius:5px}
    .helpBox #helpNav h2{display:none}
    .helpBox #helpNav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    .helpBox #helpNav ul li{-webkit-box-flex:1;-ms-flex:1 16.667%;flex:1 16.667%;padding:5px;height:35px;line-height:35px;font-size:0.9rem;text-align:center}
    .helpBox #helpContent{margin:0 auto;margin-top:10px;padding:20px;width:97%;border-radius:5px}
}
#vipNav{
    margin:20px auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    max-width:1200px
}
#vipNav button{
    position:relative;
    margin:5px;
    width:10%;
    min-width:110px;
    color:#3B3B3B;
    background:transparent;
    border:none;
    border-radius:5px;
    outline:none;
    -webkit-box-shadow:0 0 5px #aaa;
    box-shadow:0 0 5px #aaa;
    cursor:pointer;
    -webkit-transition:background 0.5s;
    transition:background 0.5s
}
#vipNav button:hover{background:#cccccc}
#vipNav button.active{color:#ffffff;background:-webkit-gradient(linear, left top, left bottom, from(#FFD8BA), color-stop(72%, #DC6100), to(#DC6100));background:linear-gradient(180deg, #FFD8BA 0%, #DC6100 72%, #DC6100 100%)}
#vipNav button img{max-width:100%}
#vipNav button p{margin:0 0 10px;width:100%;font-size:16px;font-weight:600;text-align:center}
article.vipContent{margin:60px 0 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
@media screen and (max-width: 1280px){
    article.vipContent{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center}
}
.lv-table{
    margin-left:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:50%;
    min-width:480px
}
.lv-table .lv-item{-webkit-box-flex:1;-ms-flex:1 33.33%;flex:1 33.33%;font-size:0.95rem}
.lv-table .lv-item .lv-top{
    margin:2px;
    padding:15px 5px;
    color:#3B3B3B;
    background:#f5f5f5;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.lv-table .lv-item .lv-content{
    position:relative;
    margin:2px;
    padding:10px 5px 50px;
    min-height:205px;
    color:#3B3B3B;
    background:#f5f5f5;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.lv-table .lv-button{
    position:absolute;
    bottom:0;
    left:0;
    padding:10px;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.lv-table .lv-button button{
    width:100%;
    height:35px;
    line-height:35px;
    color:#fff;
    background:#DC6100;
    border:none;
    border-radius:0;
    outline:none;
    cursor:pointer
}
@media screen and (min-width: 951px){
    .lv-table .lv-button button:not(:disabled):hover{background:#b14d00}
}
.lv-table .lv-button button:disabled{color:#ffffff;background:#333333;opacity:0.4;cursor:no-drop}
@media screen and (max-width: 1280px){
    .lv-table{margin-top:20px;margin-left:0px}
}
.mobile_vipdetail{max-width:440px;width:100%;text-align:center}
.mobile_vipdetail .vipdetailBtn{margin-top:12px;display:inline-block;font-size:16px;font-weight:600;color:#3F5468}
.mobile_vipdetail .vipdetailBtn:hover{color:#DC6100}
.lv-card{max-width:440px;width:100%;text-align:center}
.lv-card .vipdetailBtn{margin-top:12px;display:inline-block;font-size:16px;font-weight:600;color:#3F5468}
.lv-card .vipdetailBtn:hover{color:#DC6100}
.lv-card>div{position:relative}.lv-card>div img{width:100%;height:auto}
.lv-card-text{
    position:absolute;
    bottom:0;
    left:0;
    margin:6%;
    width:88%;
    height:65.5%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.lv-card-text h3{
    margin:0;
    position:absolute;
    top:0;
    left:0;
    font-size:22px;
    font-weight:600;
    color:#ffffff;
    text-shadow:1px 2px 5px #333
}
.lv-card-text table{margin:0;position:absolute;bottom:0;left:0;width:100%}
.lv-card-text table td{
    padding-top:1.5%;
    width:40%;
    text-align:left;
    color:#ffffff;
    font-size:16px;
    font-weight:400;
    text-shadow:1px 2px 5px #000;
    border:none
}
.lv-card-text table td.td-title{width:60%}
.vip-container{padding-bottom:30px;max-width:460px}
.vip-container .lv-card{margin:10px auto 0;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box}
@media screen and (max-width: 480px){
    .vip-container .lv-card>div h3{font-size:20px}
    .vip-container .lv-card>div table td{font-size:3.2vw}
}
.vip-container .swiper-pagination{
    max-width:440px;
    width:95%;
    color:#3F5468;
    font-size:12px;
    text-align:right
}
.vip-container .swiper-button{
    position:absolute;
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:1;
    max-width:440px;
    width:100%;
    height:90%
}
.vip-container .swiper-button-prev,.vip-container .swiper-button-next{
    color:#FFFFFF;
    -webkit-transform:rotateY(45deg) scale(0.8);
    transform:rotateY(45deg) scale(0.8);
    outline:none
}
.vip-container .swiper-button .swiper-button-disabled{display:none}
.vipMobileContent{display:none;margin:10px auto;max-width:460px;width:95%}
.vipMobileContent .lv-item{margin:10px 0;padding:10px;background:#f5f5f5;border-radius:5px}
.vipMobileContent .lv-item>div{
    margin:0;display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.vipMobileContent .lv-item .lv-upgrade-button,.vipMobileContent .lv-item .lv-keep-button,.vipMobileContent .lv-item .lv-monthly-button,.vipMobileContent .lv-item .lv-birthday-button{margin-left:10px}
.vipMobileContent .lv-item .lv-upgrade-button button,.vipMobileContent .lv-item .lv-keep-button button,.vipMobileContent .lv-item .lv-monthly-button button,.vipMobileContent .lv-item .lv-birthday-button button{
    width:85px;
    height:30px;
    line-height:30px;
    color:#fff;
    background:-webkit-gradient(linear, left top, left bottom, from(#FFD8BA), color-stop(72%, #DC6100), to(#FFAE6E));
    background:linear-gradient(180deg, #FFD8BA 0%, #DC6100 72%, #FFAE6E 100%);
    -webkit-box-shadow:0px 2px 1px #1D3C57;
    box-shadow:0px 2px 1px #1D3C57;
    border:none;
    border-radius:15px;
    cursor:pointer
}
.vipMobileContent .lv-item .lv-upgrade-button button:disabled,.vipMobileContent .lv-item .lv-keep-button button:disabled,.vipMobileContent .lv-item .lv-monthly-button button:disabled,.vipMobileContent .lv-item .lv-birthday-button button:disabled{color:#ffffff;background:#333333;opacity:0.4;cursor:no-drop}
.vipMobileContent .lv-item>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.vipMobileContent .lv-item>ul li{
    margin:5px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.vipMobileContent .lv-item>ul li img{margin-right:10px;width:40px}
.vipMobileContent .lv-item>ul li p{margin-bottom:5px;color:#3B3B3B;font-size:1rem;font-weight:600}
.vipMobileContent .lv-item>ul li span{display:block;color:#aaa;font-size:0.9rem}
.vipMobileContent .lv-item .item-1{width:100%}
.vipMobileContent .lv-item .item-2{width:50%}
.vipMobileContent .lv-item .item-3{width:33.33%}
.vipMobileContent .lv-item .vipArr{text-align:center;width:100%}
.vipMobileContent .lv-item .vipArr p{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    color:#3B3B3B;
    font-size:0.9rem
}
.vipMobileContent .lv-item .vipArr p span{margin:0 2px;color:#3B3B3B;font-size:1.1rem;font-weight:600}
.vipMobileContent h3{padding-left:10px;font-size:1.1rem;color:#3B3B3B;border-left:3px solid #DC6100}
#vipProgressBar{padding:25px 20px;border-bottom:1px solid #C5C5C5}
#vipProgressBar .lvUser{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
#vipProgressBar .lvUser h3{margin:0;font-size:1.1rem;font-weight:500;color:#3B3B3B}
#vipProgressBar .lvUser a{
    width:110px;
    height:35px;
    line-height:35px;
    color:#fff;
    background:-webkit-gradient(linear, left top, left bottom, from(#FFD8BA), color-stop(72%, #DC6100), to(#FFAE6E));background:linear-gradient(180deg, #FFD8BA 0%, #DC6100 72%, #FFAE6E 100%);
    -webkit-box-shadow:0px 2px 1px #1D3C57;
    box-shadow:0px 2px 1px #1D3C57;
    border:none;
    border-radius:18px;
    text-align:center;
    cursor:pointer
}
@media screen and (min-width: 951px){
    #vipProgressBar .lvUser a:not(:disabled):hover{
        position:relative;
        top:2px;
        -webkit-box-shadow:0px 0px 1px #1D3C57;
        box-shadow:0px 0px 1px #1D3C57
    }
}
#vipProgressBar .progressBar{
    margin:20px 0 40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%
}
#vipProgressBar .progressBar span{display:inline-block;color:#3B3B3B;white-space:nowrap;font-size:16px}
#vipProgressBar .progressBar .lvBar{
    position:relative;
    margin:0 20px;
    padding:3px 36px 3px 3px;
    width:100%;
    height:25px;
    background:#ffffff;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);
    box-shadow:0 0 5px rgba(0,0,0,0.5);
    border-radius:12.5px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
#vipProgressBar .progressBar .lvBar-bar{
    position:relative;
    margin:0;
    height:100%;
    background:-webkit-gradient(linear, left top, left bottom, from(#FFD8BA), color-stop(72%, #DC6100), to(#FFAE6E));
    background:linear-gradient(180deg, #FFD8BA 0%, #DC6100 72%, #FFAE6E 100%);
    border-radius:12.5px
}
#vipProgressBar .progressBar .lvBar-bar img{position:absolute;right:-30px;top:0;width:27px;height:20px}
#vipProgressBar .progressBar .lvBar .note{top:40px;left:0;position:absolute;margin:0;color:#aaa;font-size:14px}
#mobileProgressBar .note{margin:0;font-size:14px}
#mobileProgressBar .progressBar{
    margin:10px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%
}
#mobileProgressBar .progressBar span{display:inline-block;color:#3B3B3B;white-space:nowrap;font-size:14px}
#mobileProgressBar .progressBar .lvBar{
    margin:0 10px;
    padding:3px 32px 3px 3px;
    width:100%;height:20px;
    background:#ffffff;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);
    box-shadow:0 0 5px rgba(0,0,0,0.5);
    border-radius:10px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
#mobileProgressBar .progressBar .lvBar-bar{
    position:relative;
    margin:0;
    height:100%;
    background:-webkit-gradient(linear, left top, left bottom, from(#FFD8BA), color-stop(72%, #DC6100), to(#FFAE6E));
    background:linear-gradient(180deg, #FFD8BA 0%, #DC6100 72%, #FFAE6E 100%);
    border-radius:10px
}
#mobileProgressBar .progressBar .lvBar-bar img{position:absolute;right:-25px;top:0;width:20px;height:15px}
@media screen and (max-width: 768px){
    #vipProgressBar .lvUser h3{display:none}
    #vipProgressBar .progressBar{display:none}
}
#vipdetailBtn{margin:40px 0 20px}
#vipdetailBtn button{
    margin:5px;
    padding:0 15px;
    height:35px;
    line-height:35px;
    font-size:0.9rem;
    color:#fff;
    background:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(72%, #BABABA), to(#EFEFEF));
    background:linear-gradient(180deg, #f5f5f5 0%, #BABABA 72%, #EFEFEF 100%);
    border:none;
    border-radius:0;
    outline:none;
    -webkit-box-shadow:0px 2px 1px #1D3C57;
    box-shadow:0px 2px 1px #1D3C57;
    border-radius:18px;
    cursor:pointer
}
#vipdetailBtn button.active{
    background:-webkit-gradient(linear, left top, left bottom, from(#FFD8BA), color-stop(72%, #DC6100), to(#FFAE6E));
    background:linear-gradient(180deg, #FFD8BA 0%, #DC6100 72%, #FFAE6E 100%)
}
@media screen and (min-width: 951px){
    #vipdetailBtn button:hover{position:relative;top:2px;-webkit-box-shadow:0px 0px 1px #1D3C57;box-shadow:0px 0px 1px #1D3C57}
}
@media screen and (max-width: 768px){
    #vipdetailBtn{margin:0 0 20px;text-align:center}
    #vipdetailBtn button{height:30px;line-height:30px}
}
.vipdetailTable{display:none}
.vipdetailTable table{margin:10px 0;width:100%;border-collapse:collapse}
.vipdetailTable table .tableTop{background:url(../images/vip/table-bg.jpg) top right no-repeat;background-size:cover}
.vipdetailTable table .tableTop th{border:none}
.vipdetailTable table .tableTop th>div{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%
}
.vipdetailTable table .tableTop th>div img{width:auto;height:80%}
.vipdetailTable table th,.vipdetailTable table td{
    margin:0;
    border:1px solid #aaa;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center
}
.vipdetailTable table th{color:#DC6100}
.vipdetailTable table td{color:#3F5468}
.vipdetailTable table td.title{color:#DC6100}
.vipdetailTable table.table-desktop .tableTop th{height:60px}
.vipdetailTable table.table-desktop .tableTop th>div{font-size:1.1rem}
.vipdetailTable table.table-desktop .tableTop th>div img{margin:0 20px}
.vipdetailTable table.table-desktop th,.vipdetailTable table.table-desktop td{padding:10px;height:50px;font-size:1rem}
.vipdetailTable table.table-mobile .tableTop th{height:40px}
.vipdetailTable table.table-mobile .tableTop th>div{font-size:1rem}
.vipdetailTable table.table-mobile .tableTop th>div img{margin:0 10px}
.vipdetailTable table.table-mobile th,.vipdetailTable table.table-mobile td{padding:5px;height:40px;font-size:0.9rem}
.vipdetailTable .table-title{color:#DC6100}
.vipdetailTitle{margin:40px 0 20px;color:#DC6100}
.vipdetailTerms h3{font-size:1rem}
.vipdetailTerms p{margin:0;margin-left:1.8rem;font-size:0.9rem;line-height:1.6rem}
.vip-badge{position:absolute;top:-30%;right:5%;height:160%}
.vip-badge img{width:auto;height:100%}
.vipBg{
    display:inline-block;
    margin-left:0.5rem;
    padding:0.2rem 0.8rem;
    color:#7c6a46;
    background:url(../images/vip/vipBg.png) no-repeat;
    background-size:100% 100%;
    font-size:0.8rem
}
.loading_block{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background-color:#fff}
.loading_block .ico-load{margin:0 15px}
.loading_block .ico-load.ico-load-1{-webkit-animation:loading_1 2s linear infinite;animation:loading_1 2s linear infinite}
.loading_block .ico-load.ico-load-2{-webkit-animation:loading_2 2s linear infinite;animation:loading_2 2s linear infinite}
.loading_block .ico-load.ico-load-3{-webkit-animation:loading_3 2s linear infinite;animation:loading_3 2s linear infinite}
.loading_block .ico-load.ico-load-4{-webkit-animation:loading_4 2s linear infinite;animation:loading_4 2s linear infinite}
@-webkit-keyframes loading_1{
    0%{-webkit-transform:translateY(0);transform:translateY(0)}
    20%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    40%{-webkit-transform:translateY(0);transform:translateY(0)}
    60%{-webkit-transform:translateY(0);transform:translateY(0)}
    80%{-webkit-transform:translateY(0);transform:translateY(0)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes loading_1{
    0%{-webkit-transform:translateY(0);transform:translateY(0)}
    20%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    40%{-webkit-transform:translateY(0);transform:translateY(0)}
    60%{-webkit-transform:translateY(0);transform:translateY(0)}
    80%{-webkit-transform:translateY(0);transform:translateY(0)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes loading_2{
    0%{-webkit-transform:translateY(0);transform:translateY(0)}
    20%{-webkit-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    60%{-webkit-transform:translateY(0);transform:translateY(0)}
    80%{-webkit-transform:translateY(0);transform:translateY(0)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes loading_2{
    0%{-webkit-transform:translateY(0);transform:translateY(0)}
    20%{-webkit-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    60%{-webkit-transform:translateY(0);transform:translateY(0)}
    80%{-webkit-transform:translateY(0);transform:translateY(0)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes loading_3{
    0%{-webkit-transform:translateY(0);transform:translateY(0)}
    20%{-webkit-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(0);transform:translateY(0)}
    60%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    80%{-webkit-transform:translateY(0);transform:translateY(0)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes loading_3{
    0%{-webkit-transform:translateY(0);transform:translateY(0)}
    20%{-webkit-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(0);transform:translateY(0)}
    60%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    80%{-webkit-transform:translateY(0);transform:translateY(0)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes loading_4{
    0%{-webkit-transform:translateY(0);transform:translateY(0)}
    20%{-webkit-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(0);transform:translateY(0)}
    60%{-webkit-transform:translateY(0);transform:translateY(0)}
    80%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes loading_4{
    0%{-webkit-transform:translateY(0);transform:translateY(0)}
    20%{-webkit-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(0);transform:translateY(0)}
    60%{-webkit-transform:translateY(0);transform:translateY(0)}
    80%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
.back-top{
    position:fixed;
    right:50px;
    bottom:50px;
    z-index:99;
    width:50px;
    height:50px;
    font-size:2.4rem;
    color:#fff;
    background:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(72%, #BABABA), to(#EFEFEF));background:linear-gradient(180deg, #f5f5f5 0%, #BABABA 72%, #EFEFEF 100%);
    -webkit-box-shadow:0px 2px 5px #00000067;
    box-shadow:0px 2px 5px #00000067;
    opacity:0.7;cursor:pointer;
    border-radius:5px
}
.back-top:hover{opacity:1}
@media screen and (max-width: 950px){
    .back-top{right:20px;bottom:100px;width:45px;height:45px;font-size:2.2rem}
}
@media screen and (max-width: 480px){
    .back-top{right:10px;width:40px;height:40px;font-size:2rem}
}

footer>p{margin:0;text-align:center;color:#aaa;font-size:0.8rem}
footer>p a{color:#ccc;-webkit-transition:0.3s;transition:0.3s}
footer>p a:hover{color:#DC6100}

.header-title{
    position:relative;
    z-index:2;
    height:60px;
    line-height:60px;
    text-align:center;
    background-color:#fff;
    border-bottom:2px solid #3F5468;
}
.header-title>a{
    position:absolute;
    top:50%;left:10px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:30px;
    height:30px;
    color:#A5A5A5;
    background-color:#EBEBEB;
    border-radius:50%
}
.header-title>a i{font-size:1rem}
.header-title p{margin:0;color:#3F5468;font-weight:600;font-size:1.4rem}
form{text-align:right}
form .icons-from{
    position:relative;
    margin-top:10px;
    border-radius:5px;
    height:45px;
    -webkit-box-shadow:inset 2px 2px 5px rgba(134,164,193,0.9);
    box-shadow:inset 2px 2px 5px rgba(134,164,193,0.9);
    background-color:#fff;
    overflow:hidden
}
form .icons-from>i{margin-left:10px;width:35px;text-align:center;font-size:1.2rem;color:#DC6100}
form .icons-from>.input-block{width:calc(100% - 45px)}
form .icons-from>.input-block>input{
    width:100%;
    height:45px;
    line-height:45px;
    background:none;
    outline:none;
    border:none;
    border-radius:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
form .icons-from>.input-block>input:-webkit-autofill{
    -webkit-text-fill-color:#3B3B3B;
    -webkit-transition:background-color 5000s ease-in-out 0s;
    transition:background-color 5000s ease-in-out 0s
}
form .icons-from>.input-block>input::-webkit-outer-spin-button,form .icons-from>.input-block>input::-webkit-inner-spin-button{-webkit-appearance:none}
form .icons-from>.input-block>input.error-focus{border-bottom:3px solid #E20000}
form .captcha{margin-top:10px;margin-left:5px;height:45px}
form .sendActbtn{
    margin-top:10px;
    margin-left:5px;
    width:125px;
    height:45px;
    line-height:45px;
    text-align:center;
    color:#fff;
    background:#DC6100;
    border:none;
    outline:none;
    cursor:pointer;
    border-radius:25px;
    -webkit-transition:0.3s;
    transition:0.3s
}
form .sendActbtn.disabled{background:#aaa;cursor:no-drop}
@media screen and (min-width: 951px){
    form .sendActbtn:not(.disabled):hover{background:#b14d00}
}
form .form-btn{margin-top:20px;text-align:center}
form .form-btn>button{
    padding:0 25px;
    min-width:120px;
    height:40px;
    line-height:40px;color:#fff;
    background:-webkit-gradient(linear, left top, left bottom, from(#D2EAFF), color-stop(72%, #5F84A5), to(#97C0E5));
    background:linear-gradient(180deg, #D2EAFF 0%, #5F84A5 72%, #97C0E5 100%);
    -webkit-box-shadow:0px 4px 1px #682E00;
    box-shadow:0px 4px 1px #682E00;
    border-radius:28px;outline:none;
    border:none;
    cursor:pointer
}
form .form-btn>button:first-child{background:-webkit-gradient(linear, left top, left bottom, from(#ffd8ba), color-stop(72%, #dc6100), to(#ffae6e));background:linear-gradient(180deg, #ffd8ba 0%, #dc6100 72%, #ffae6e 100%)}
@media screen and (min-width: 951px){
    form .form-btn>button:hover{position:relative;top:4px;-webkit-box-shadow:0px 0px 1px #682E00;box-shadow:0px 0px 1px #682E00}
}
form .prompt{padding-top:2px;display:inline-block;color:#E20000;font-size:1rem;font-weight:600}
@media screen and (max-width: 480px){
    form .prompt{font-weight:400}
}
form .prompt i{margin-right:3px}
form .formBlock{padding:25px 20px;max-width:480px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
@media screen and (max-width: 768px){
    form .formBlock{padding:15px 10px}
}
form .member-from{margin-top:10px;text-align:left}
form .member-from .input_title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:2px 0;
    color:#3B3B3B;
    font-size:1rem;
    font-weight:600
}
form .member-from .input_title .isChinese{display:none;margin-left:10px;color:#E20000}
form .member-from .input-block{
    position:relative;
    width:100%;
    height:45px;
    -webkit-box-shadow:inset 2px 2px 5px rgba(134,164,193,0.9);
    box-shadow:inset 2px 2px 5px rgba(134,164,193,0.9);background-color:#fff;
    border-radius:5px;overflow:hidden
}
form .member-from .input-block>input{
    padding:0 10px;
    width:100%;
    height:45px;
    line-height:45px;
    background:none;
    outline:none;
    border:none;
    border-radius:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
form .member-from .input-block>input:-webkit-autofill{-webkit-text-fill-color:#3B3B3B;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}
form .member-from .input-block>input::-webkit-outer-spin-button,
form .member-from .input-block>input::-webkit-inner-spin-button{-webkit-appearance:none}
form .member-from .input-block>input.error-focus{border-bottom:3px solid #E20000}
form .member-from .textarea-block{
    position:relative;
    width:100%;
    -webkit-box-shadow:inset 2px 2px 5px rgba(134,164,193,0.9);
    box-shadow:inset 2px 2px 5px rgba(134,164,193,0.9);
    background-color:#fff;
    border-radius:5px;
    overflow:hidden}
form .member-from .textarea-block>textarea{
    padding:10px;
    width:100%;
    min-height:400px;
    background:none;
    outline:none;
    border:none;
    border-radius:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
form .member-from .textarea-block.error-focus{border:3px solid #E20000}
form .select-from{margin-top:10px;text-align:left}
form .select-from .input_title{margin:2px 0;color:#3B3B3B;font-size:1rem;font-weight:600}
form .select-from .input-block{
    position:relative;
    -webkit-box-shadow:0px 1px 3px #0000001A;
    box-shadow:0px 1px 3px #0000001A;
    border-radius:5px;
    font-size:1rem;
    overflow:hidden}
form .select-from .input-block .select_block{
    padding:0 10px;
    width:100%;
    height:45px;
    line-height:45px;
    outline:none;
    border:none;
    border-radius:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:#fff;
    background:-webkit-gradient(linear, left top, left bottom, from(#FFD8BA), color-stop(72%, #FF9643), to(#DC6100));background:linear-gradient(180deg, #FFD8BA 0%, #FF9643 72%, #DC6100 100%);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
form .select-from .input-block .select_block option{color:#3B3B3B}
form .select-from .input-block .select_btn{
    position:absolute;
    top:50%;
    right:10px;
    z-index:1;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:1.1rem;
    color:#fff;
    pointer-events:none}
form .disable-from{margin-top:10px;text-align:left}
form .disable-from .disable_title{
    margin:0;color:#3B3B3B;
    font-size:1rem
}
form .disable-from .disable_text{
    padding:0 10px;
    height:45px;
    line-height:45px;
    font-size:1rem;
    border-radius:5px;
    overflow:hidden;
    color:#fff;
    background:-webkit-gradient(linear, left top, left bottom, from(#D2EAFF), color-stop(72%, #5F84A5), to(#97C0E5));background:linear-gradient(180deg, #D2EAFF 0%, #5F84A5 72%, #97C0E5 100%);
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.mobile{display:none}
@media screen and (max-width: 950px){
    .tablet{display:none!important}
}
@media screen and (max-width: 480px){
    .desktop{display:none!important}
    .mobile{display:block}
}
@media screen and (min-width: 480px){
    .desktop-hidden{display:none!important}
}
.btn{white-space:nowrap;}
.btn:hover{position:relative;top:2px;cursor: pointer;}
/* Register Page */
.registerBox{
    text-align: center;
}
.register_title{
    padding-top: 3em;
    color: #dfb77b;
    font-size: 1.5em;
}
.register_input input{
    padding: 10px;
    margin: 1em 0 0 0;
    width: 30%;
    border: none;
    border-bottom: #ddd solid 1px;
    background-color: transparent;
    color: #fff;
}
.register_input input:focus{
    outline: none;
    border-bottom: #dfb77d solid 1px;
}
.register_input input::placeholder{
    color: #999;
}
.input_necessary input::placeholder{color: #f0e6c2;}
.register_input .input-text{
    width: 20%;
}
.register_input .input-btn:hover{position:relative;top:2px;cursor: pointer;}
.registerBox .register:hover{position:relative;top:2px;cursor: pointer;}
.registerBox .register_cancel:hover{position:relative;top:2px;cursor: pointer;}
.RegisterRemind{
    margin: 2em;
    margin-bottom: 0;
    text-align: left;
    max-width: 80vw;
    display: inline-block;
}
.RegisterRemind ul li{
    list-style-type: none;
    text-indent: -1em;
}
@media screen and (max-width: 1440px){
    .register_input input{width: 65%;}
    .register_input .input-text{width: 40%;}
    .register_input .input-btn{width: 25%;}
}
@media screen and (max-width: 1024px){
    .register_title{padding-top: 2em;}
}
@media screen and (max-width: 540px){
    .register_input .input-btn{font-size: .8em;}
    .registerBox .register{margin-top: 2em;margin-bottom: 0;}
    .registerBox .register_cancel{margin-top: 1em;margin-bottom: 2em;}
    .RegisterRemind{text-align: left;}
}
.warning-FA{font-size: 36px;text-align: center;color: #e75351;}
.agreeDialog-title{
    color: #ae824d;
    font-weight: 600;
    text-align: center;
    font-size: 24px;
}
.agreeDialog-table{
    width: 100%;
    border:1px solid #aaa;
    text-align:center;
    border-collapse:collapse;
}
.agreeDialog-table th{
    background-color: #916c2e;
    padding:10px;
    border: #aaa 1px solid ;
    color:#fff;
}
.agreeDialog-table td{border: 1px solid #aaa; padding: 10px;}
.agreeDialog-table li{list-style-type:none; text-align: left;}
.agreeDialog-Btn{margin-top: 2em;text-align: center;}
#agreeDialog .close-modal{display: none;}
/*登入註冊頁*/
.FAcolor-primary{color: #dfb77d;}/*Font Awesome*/
.Remindcolor{color: #ee7979;}
.align-left{text-align: left;}
.smalltext{font-size: 14px;}
/*Game Vendor*/
.vendorBox{margin:20px 0;position:relative}
@media screen and (max-width: 950px){
    .vendorBox img{width: 60%;}
}
/*遊戲廳*/
.Live{
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.Sports{
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.Slots{
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.Lottery{
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.GameRoom{position:relative;padding:2em 0;overflow:hidden}
.GameRoom .container{max-width: 1600px;}
.GameRoom .games{margin-bottom:40px}
.GameRoom .GameRoom-imgBox{margin: 1em 0;color:#dfb77b;}
.GameRoom .GameRoom-imgBox p{
    text-align: center;
    font-size: 1.2rem;
    font-weight:400;
    
}
.GameRoom .GameRoom-imgBox .Game-item img{width:100%;padding:0 1em;}
.GameRoom .GameRoom-imgBox p{
    text-align:center;
    margin:0;
    font-size: 1.2rem;
    font-weight:400;
    margin-top: .5em;
    color:#dfb77b;
}
.GameRoom .GameRoom-imgBox:hover p,.GameRoom .GameRoom-imgBox:active p{color:#fff}
.GameRoom .GameRoom-imgBox p a{color:#dfb77b;}
.GameRoom .GameRoom-imgBox:hover p a,.GameRoom .GameRoom-imgBox:active p a{color:#fff}
.GameRoom .GameRoom-imgBox:hover img{filter: drop-shadow(0 0 10px rgba(255,255,255,.8));}
/*
.transfertogame-btn:hover::before{
    position: absolute;
    top: 0;
    left: 35px;
    width: 100px;
    content: '轉點進入遊戲';
    font-size: .8em;
    background: #dfb77b55;
    padding: 5px;
    border-radius: 5px;
}
*/
@media screen and (max-width: 900px){
    .GameRoom .title{margin: 1em 0;}
    .GameRoom .Game-item img{padding:0px 20px}
}
@media screen and (max-width: 600px){
    .GameRoom .Game-item img{padding:0px 10px}
}
.GameRoom-imgBox{
    position: relative;
}
.hotgame-label{
    position: absolute;
    top: 0em;
    right: 1em;
    color: #f00!important;
    font-weight: 900!important;
    font-size: 2em!important;
    text-shadow: 2px 2px #f00, -2px 2px #f00, 2px -2px #f00, -2px -2px #f00;
    -webkit-text-stroke: 1px #fff;
    font-style: italic;
    z-index: 10;
    /*animation: swing 2s infinite;/*呼叫動畫*/
}
.GameRoom-M .hotgame-label{
    position: absolute;
    top: 0em;
    left: 0em;
    color: #f00!important;
    font-weight: 900!important;
    font-size: 1.5em!important;
    text-shadow: 2px 2px #f00, -2px 2px #f00, 2px -2px #f00, -2px -2px #f00;
    -webkit-text-stroke: 1px #fff;
    z-index: 0;
    animation: bounce 2s infinite;/*呼叫動畫*/
}
@keyframes swing{/*晃晃動畫*/
	20%{-webkit-transform:rotate(15deg);}
    40%{-webkit-transform:rotate(-15deg);}
    60%{-webkit-transform:rotate(5deg);}
    80%{-webkit-transform:rotate(-5deg);}
    100%{-webkit-transform:rotate(0deg);}
}
.newgame-label{
    position: absolute;
    top: 0em;
    left: 1em;
    color: #fff!important;
    font-weight: 900!important;
    font-size: 2em!important;
    -webkit-text-stroke: 2px #f50;
    z-index: 10;
    animation: bounce 2s infinite;/*呼叫動畫*/
}
.GameRoom-M .newgame-label{
    position: absolute;
    top: 0em;
    left: 0em;
    color: #fff!important;
    font-weight: 900!important;
    font-size: 1.5em!important;
    -webkit-text-stroke: 2px #f50;
    z-index: 0;
    animation: bounce 2s infinite;/*呼叫動畫*/
}
@keyframes bounce{/*彈跳動畫*/
	0%,100%,20%,50%,80%{-webkit-transform:translateY(0);}
    40%{-webkit-transform:translateY(-10px);}
    60%{-webkit-transform:translateY(-5px);}
}
/*外部遊戲大廳*/
.game_lobby{
    background-image:url(../img/Background/lobby_bg.webp);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.slots-lobby{margin: 5em 0;}
.slots-lobby .lobby-logo{margin-bottom: 3em;}
.slots-lobby .lobby-logo img{max-width: 330px;}
.slots-lobby .game-item{margin: 1em 0;}
.slots-lobby .game-item .game_name{font-size: 1.2rem; margin: 1em 0;color:#dfb77b;text-align:center;}
.slots-lobby .LobbyGames>div:hover .game_name span{color: #fff;}
.slots-lobby .game-item img{display:block; margin:auto;width: 70%;}
.slots-lobby .LobbyGames>div:hover .game_box img{transform:scale(1.25);filter: drop-shadow(0 0 20px rgba(255,255,255,1));}
@media screen and (max-width: 485px){
    .slots-lobby .game-item{width: 200px;}
    .slots-lobby .game-item img{width: 90%;}
}
@media screen and (max-width: 415px){
    .slots-lobby .game-item{width: 160px;margin: .5em 0;}
}
@media screen and (min-width: 951px){
    .slots-lobby .LobbyGames>div:hover .game_box{animation:gameBoxAnim 0.8s; color: #fff;}
    .slots-lobby .LobbyGames>div:hover .game_box img{transform:scale(1.1);filter: drop-shadow(0 0 20px rgba(255,255,255,1));}
}
/*-----gameBoxAnim CSS動態-----*/
@-webkit-keyframes gameBoxAnim{
    0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    10%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    20%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    30%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    40%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes gameBoxAnim{
    0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    10%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    20%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    30%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    40%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
.slots-lobby .title{margin: 2em 0;color:#dfb77b;font-size: 3em;font-weight:600;text-align:center}
/*GameRoom live side*/
.Left_img .img_top{
    position: fixed;
    width: 10%;
    top: 400px;
    left: 100px;
    z-index: 20;
    animation: vertical 5s infinite;
}
.Left_img .img_bottom{
    position: fixed;
    width: 6%;
    bottom: 10px;
    left: 15px;
    z-index: 20;
    animation: vertical 8s infinite;
}
.Right_img .img_top{
    position: fixed;
    width: 10%;
    top: 400px;
    right: 50px;
    z-index: 20;
    animation: vertical 8s infinite;
}
.Right_img .img_bottom{
    position: fixed;
    width: 6%;
    bottom: 10px;
    right: 10px;
    z-index: 20;
    animation: vertical 5s infinite;
}
@media screen and (max-width: 1750px){
    .Left_img .img_top{left: 40px;}
}
@media screen and (max-width: 1500px){
    .Left_img .img_top{left: 0px;top: 250px;}
    .Right_img .img_top{right: 10px;}
}
@media screen and (max-width: 1400px){
    .Left_img .img_top{display: none;}
    .Right_img .img_top{display: none;}
}
@media screen and (max-width: 950px){
    .Left_img .img_bottom{display: none;}
    .Right_img .img_bottom{display: none;}
}
@keyframes vertical{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}
/*Member Center*/
/*會員中心Loading*/
@keyframes load {
    0% {opacity: 0.08;/*font-size: 10px;*/ /*font-weight: 400;*/filter: blur(5px);letter-spacing: 3px;}
    100% {/*opacity: 1;*/ /*font-size: 12px;*/ /*font-weight:600;*/ /*filter: blur(0);*/}
}
.animateLoading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: auto;
    /* 	width: 350px; */
    /* 	font-size:26px; */
    font-family: Helvetica, sans-serif, Arial;
    animation: load .5s infinite 0s ease-in-out;
    animation-direction: alternate;
    text-shadow: 0 0 1px white;
}
.MemberCenter{position:relative;overflow:hidden}
.Mem_basic{margin: 1em 0;}
.Mem_Account, .Mem_Balance{
    font-size: 2em;
    color: #fff;
    margin: .3em 3em 0 0;
}
.Mem_AccountName, .Mem_BalanceNum{display: inline-block;}
/*會員操作Btn*/
.Mem_WalletAction{margin: 1em 0;}
.Mem_WalletAction button{margin: 1em 2em;}
.MemberCenter-M .Mem_WalletAction{margin: 0;}
.MemberCenter-M .Mem_WalletAction button{margin: 5px;}
.MemberCenter-M .Mem_WalletAction .btn{width: 80px;}
/*頁籤-會員操作紀錄*/
.Tab_MemActionRecord{
    background-color: #fff3;
}
.MemberCenter .FAicon svg{width: 32px;}
.Tab_MemActionRecord_btn{
    padding: 1em;
    background: none;
    color: #fff;
    border: none;
}
.Tab_MemActionRecord_btn:hover {background-color: #efd0a155;}
.Tab_MemActionRecord_btn.active {
    background-color: #efd0a1aa;
    color: #fff;
    text-shadow: 0 0 5px #000;
}
.MemActionRecord{color: #fff;}
/*錢包管理*/
.Wallet_Box{
    width: 250px;
    background-color: #0006;
    padding: 1em;
    margin: .5em;
    border: #fff solid 1px;
    border-radius: 5px;
    position: relative;
}
.Wallet-Box-total{
    width: 100%;
    padding: 1em;
    margin-bottom: .5em;
    border-bottom: #dfb77b solid 1px;
    position: relative;
}
.Wallet-Box-total .Wallet-Bal-text{display: inline-block;}
.Wallet-Box-total .Wallet-Act-text{display: inline-block;margin-left: 1em;}
.Wallet-Box-total .BoxName{font-size: 1.5em;padding: 5px 0;}
.Wallet-Box-total .BoxMon{font-size: 1.5em;padding: 5px 0;}
.Wallet_Box .BoxName{padding: 5px 0;font-size: 1.3em;display: inline-block;}
.Wallet_Box .BoxMon{padding: 5px 0;font-size: 2em;display: inline-block;color: #fc0;width: 100%; text-align: center;}
.Wallet_Box .Wallet-turnback{display: inline-block;position: absolute; right: 20px;font-size: 1.3em;color: #c9edff;}
.Wallet_Box .Wallet-turnback:hover{color: #efd0a1;cursor: pointer;}
.Wallet_Box .Wallet-turntogame{display: inline-block;position: absolute; right: 60px;font-size: 1.3em;color: #fff5d0;}
.Wallet_Box .Wallet-turntogame a{color: #fff5d0;}
.Wallet_Box .Wallet-turntogame a:hover{color: #efd0a1;cursor: pointer;}
.Wallet_Box .Wallet-renew{display: inline-block;position: absolute; right: 23px;bottom: 65px; font-size: 1.3em;}
.Wallet_Box .Wallet-renew:hover{cursor: pointer;}
.Wallet-Btn-Box{display: inline-block;}
.Wallet-UpdateBal{display: inline-block;margin-left: 1em;}
.Wallet-TakeBack{display: inline-block;margin-left: 1em;}
.Wallet-iconnotes{width: 100%;text-align: right;font-size: .9em;color:#ccc;}
.Wallet-table{
    width: 100%;
    table-layout:fixed;
    border-collapse: collapse;
    background-color: #0006;
}
.Wallet-table tr{
    text-align: center;
}
.Wallet-table tr:hover{
    background-color: #fff2;
}
.Wallet-table td{
    border-bottom: #aaa solid 1px;
    border-top: #aaa solid 1px;
}
.Wallet-table th{
    background-color: #fff5;
    padding: .5em 0;
}
.Wallet-table tr td{padding: 1em 0;}
.Wallet-table .Wallet-logo{width: 150px;}
.Wallet-table .Wallet-row .Wallet-money{
    display: inline-block;
    font-size: 2em;
    color: #fc0;
    text-align: center;
}
.Wallet-table .Wallet-row .Wallet-renew{
    display: inline-block;
    font-size: 1.5em;
    vertical-align: baseline;
    margin: 0 1em;
}
.Wallet-table .Wallet-row .Wallet-turntogame{
    display: inline-block;
    font-size: 1.5em;
}
.Wallet-table .Wallet-turntogame a {color: rgb(255, 245, 208);}
.Wallet-table .Wallet-row .Wallet-turnback{
    display: inline-block;
    font-size: 1.5em;
    margin-left: .5em;
    color: #c9edff;
}
@media screen and (max-width: 480px){
    .Wallet-table .Wallet-logo{width: 80px;}
    .Wallet-table .Wallet-logo img{max-width: 55px;}
    .Wallet-table .Wallet-row .Wallet-money{font-size: 1.5em;}
    .Wallet-table .Wallet-row .Wallet-renew{font-size: 1em;text-align: right;}
}

@media screen and (max-width: 480px){
    .Wallet_Box .BoxName{padding-top: 30px;font-size: 1em;}
    .Wallet_Box .BoxMon{text-align: left;font-size: 1.5em;word-break: break-all;}
    .Wallet-Btn-Box{display: block;}
    .Wallet-UpdateBal{margin: 10px 0;}
}
/*儲值紀錄*/
.Transact_btn{
    width: 33.33%;
    height: 40px;
    background: none;
    color: #fff;
    border: none;
    float:left;
}
.Transact_btn:hover {background-color: #efd0a155;}
.Transact_btn.active {
    background-color: #efd0a1aa;
    color: #fff;
    text-shadow: 0 0 5px #000;
}
.Transact_record p{font-size: 1.5em;}
.Transact-table{
    width: 100%;
    table-layout:fixed;
    border-collapse: collapse;
    background-color: #fff5;
}
.Transact-table tr{
    text-align: center;
}
.Transact-table th{
    background-color: #0005;
    border-bottom: #000 solid 1px;
}
.Transact-table td{
    border-bottom: #aaa solid 1px;
}
.Transact-table .remark{max-width: 200px;}
.Transact-table .newline{word-break: break-all;}
.Transact-table tr th, .Transact-table tr td{padding: 1em 0;}
table tr.data_grid:hover{background-color: #efd0a155;}
table tr.ggrid:hover{background-color: #efd0a155;}
/*轉點紀錄*/
.Transfer-btn{
    width: 33.33%;
    height: 40px;
    background: none;
    color: #fff;
    border: none;
    float:left;
}
.Transfer-btn:hover {background-color: #efd0a155;}
.Transfer-btn.active {
    background-color: #efd0a1aa;
    color: #fff;
    text-shadow: 0 0 5px #000;
}
.Transfer-record p{font-size: 1.5em;}
.Transfer-table{
    width: 100%;
    table-layout:fixed;
    border-collapse: collapse;
    background-color: #fff5;
}
.Transfer-table tr{
    text-align: center;
}
.Transfer-table th{
    background-color: #0005;
    border-bottom: #000 solid 1px;
}
.Transfer-table td{
    border-bottom: #aaa solid 1px;
}
.Transfer-table tr th, .Transfer-table tr td{padding: 1em 0;}
.Transfer-table .newline{word-break: break-all;}
/*贈點紀錄*/
.Promo-btn{
    width: 33.33%;
    height: 40px;
    background: none;
    color: #fff;
    border: none;
    float:left;
}
.Promo-btn:hover {background-color: #efd0a155;}
.Promo-btn.active {
    background-color: #efd0a1aa;
    color: #fff;
    text-shadow: 0 0 5px #000;
}
.Promo-record p{font-size: 1.5em;}
.Promo-table{
    width: 100%;
    table-layout:fixed;
    border-collapse: collapse;
    background-color: #fff5;
}
.Promo-table tr{
    text-align: center;
}
.Promo-table th{
    background-color: #0005;
    border-bottom: #000 solid 1px;
}
.Promo-table td{
    border-bottom: #aaa solid 1px;
}
.Promo-table tr th, .Promo-table tr td{padding: 1em 0;}
.Promo-table .newline{word-break: break-all;}
/*遊戲紀錄*/
.GamesRecord-Box-total{
    width: 20em;
    background-color: #dfb77b44;
    padding: 1em;
    margin: .5em;
    border: #dfb77b solid 1px;
    border-radius: 5px;
}
.GamesRecord-Box-total .BoxName{font-size: 1.5em;margin-bottom:1em;}
.GamesRecord-table td{padding: .25em;}
.GamesRecord-subtitle{width:8em; text-align: center;}
.GamesRecord-count{color: #dfb77b;font-size: 1.5em;}
.GamesRecord-down{margin-top: 3em;}
.GamesRecord-Box{
    color: #fff;
    width: 12em;
    background-color: #fff7;
    padding: 1em;
    margin: .5em;
    border: #fff solid 1px;
    border-radius: 5px;
}
.GamesRecord-Box:hover{background-color: #fff9;}
.GamesRecord-Box .BoxName{padding: 5px 0;}
.GamesRecord-Box .BoxMon{padding: 5px 0;font-size: 1.5em;}
/*好友列表*/
.Friends-record p{font-size: 1.5em;display: inline-block;}
.Friends-table{
    width: 100%;
    table-layout:fixed;
    border-collapse: collapse;
    background-color: #fff5;
}
.Friends-table tr{
    text-align: center;
}
.Friends-table th{
    background-color: #0005;
    border-bottom: #000 solid 1px;
}
.Friends-table td{
    border-bottom: #aaa solid 1px;
}
.Friends-table tr th, .Friends-table tr td{padding: .5em 0;}
/*訊息列表*/
.Chat-record p{font-size: 1.5em;}
.Chat-table{
    width: 100%;
    table-layout:fixed;
    border-collapse: collapse;
    background-color: #fff5;
    word-break:break-all;
}
.Chat-table tr{
    text-align: center;
}
.Chat-table th{
    background-color: #0005;
    border-bottom: #000 solid 1px;
    border-right: #0003 solid 1px;
}
.Chat-table td{
    border-bottom: #aaa solid 1px;
    border-right: #0003 solid 1px;
}
.Chat-table tr th, .Chat-table tr td{padding: .5em 0;}

.Chat-table-starmark {
    position: relative;
}
.Chat-table-starmark::before {
    content: '\f0c2';
  font-family: 'Font Awesome 6 free';
  font-weight: 900;
}
.Chat-table th:nth-child(1){width: 5%;}
.Chat-table th:nth-child(2){width: 10%;}
.Chat-table th:nth-child(3){width: 10%;}
.Chat-table th:nth-child(4){width: 10%;}
.Chat-table th:nth-child(5){width: 40%;}
.Chat-table th:nth-child(6){width: 10%;}
.Chat-table th:nth-child(7){width: 10%;}
/*公告*/
.News-record p{font-size: 1.5em;}
.News-table{
    width: 100%;
    table-layout:fixed;
    border-collapse: collapse;
    background-color: #fff5;
}
.News-table tr{
    text-align: center;
}
.News-table th{
    background-color: #0005;
    border-bottom: #000 solid 1px;
}
.News-table td{
    border-bottom: #aaa solid 1px;
}
.News-table tr th, .News-table tr td{padding: 1em 0;}
/*Table設定*/
table{word-break:break-all;}
table tr{text-align: center;}
table th{
    background-color: #0005;
    border-bottom: #000 solid 1px;
    border-right: #0003 solid 1px;
}
table td{
    border-bottom: #aaa solid 1px;
    border-right: #0003 solid 1px;
}
table tr th, table tr td{padding: .5em 0;}
/*手機版-會員紀錄*/
@media screen and (max-width: 480px){
    .MemberCenter{padding: 0;}
    .Mem_Account, .Mem_Balance{font-size: 1.5em;}
    .Mem_WalletAction{margin: 0;}
    .Mem_WalletAction button{margin: 5px;}
    .Mem_WalletAction .btn{width: 80px;}
    .Tab_MemActionRecord{width: 100%; overflow-x: scroll; white-space: nowrap;}
    .Tab_MemActionRecord_btn{
        width: auto;
        padding: 10px;
        margin: 0;
        border-right: 1px solid #fff1;
    }
    .Wallet_Box{width: 150px;}
    .GamesRecord-Box{width: 150px;}
    .GamesRecord-down{margin-top: 1em;}
}
/*TopBar*/
.TopBar{
    height: 50px;
    background-color: #000;
    border-bottom: solid 1px;
    border-image: linear-gradient(90deg, #d09b42 20%, #fbe6c1 30%, #d09b42 40%, #d09b42 60%, #fbe6c1 70%, #d09b42 80%) 100% 0;
}
.TopBar .btnBox .btn.register{
    display: inline-block;
    padding: 0 5px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-weight: 600;
    text-shadow: 0 0 5px #000;
    text-align: center;
    background:linear-gradient(180deg, #efd0a1 0%, #dca85a 75%, #efd0a1 100%);
    box-shadow: 0px 2px 1px #555;
    border-radius: 5px;
}
.TopBar .btnBox .btn-signout{
    display: inline-block;
    padding: 0 5px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-weight: 600;
    text-shadow: 0 0 5px #000;
    text-align: center;
    background:linear-gradient(180deg, #ff8585, #810000, #ff8585);
    box-shadow: 0px 2px 1px #555;
    border-radius: 5px;
    margin-left: 2em;
}
.TopBar .btn-line{
    color: #06c755;
    font-size: 42px;
    position: absolute;
    right: 2px;
}
@media screen and (max-width: 480px){
    .TopBar .btnBox .btn-signout{margin-left: 0em;}
}
#deposit_modal .title{display: inline-block;}
#deposit_modal .account-bind{display: inline-block;position:absolute; right: 4em;top: 2em;}
.TopBar .login-box, .TopBar .signout-box{position: absolute;right: 1em;}
.TopBar .login-box .txtBox, .TopBar .login-box .btnBox, .TopBar .signout-box .memBox, .TopBar .signout-box .btnBox{display: inline-block;}
.TopBar .signout-box .memName, .TopBar .signout-box .memPoint{color: #fff;}
.txtBox input{
    padding: 5px;
    padding-left: 10px;
    border: #ddd solid 1px;
    border-radius: 5px;
    background-color: #333;
    color: #fff;
    width: 160px;
}
.txtBox input:focus{
    outline: none;
    border: #dfb77d solid 1px;
}
.txtBox input::placeholder{
    color: #ccc;
}
@media screen and (max-width: 1095px){
    .txtBox input{width: 150px;}
}
@media screen and (max-width: 820px){
    .txtBox input{width: 130px;}
}
@media screen and (max-width: 480px){
    .TopBar .signout-box .memName, .TopBar .signout-box .memPoint{margin: 0 3px;}
}
@media (min-width: 480px) and (max-width: 950px){
    .txtBox input{width: 120px;font-size: .9em;padding-left: 5px;}
}
@media (min-width: 480px) and (max-width: 530px){
    .txtBox input{width: 95px;}
}
.forgetpassword{
    font-size: .7em;
    line-height: 26px;
    color: #dfb77b;
    cursor: pointer;
    padding-left: 5px;
}
/*錯誤訊息彈跳*/
.login-error-dialog.WarningActive {
    display: block;
}
.login-error-dialog {
    display: none;
    z-index: 101;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.error-dialog-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    position: relative;
}
.error-dialog-body {
    min-width: 300px;
    padding: 2em 0 0;
    background-color: #fef1f2;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    z-index: 9;
    position: relative;
}
.error-dialog-icon {
    padding-bottom: 2em;
}
.error-dialog-icon.warning span {
    color: #e75351;
}
.error-dialog-icon span {
    font-size: 3em;
}
.error-dialog-content {
    display: inline-block;
    padding: 0 1em 1em;
    color: #000;
}
.valid-dialog-content {
    display: inline-block;
    padding: 0 1em 1em;
    color: #000;
}
.error-dialog-btn {
    display: flex;
}
.error-dialog-btn>div.enter {
    background-color: #e75351;
}
.error-dialog-btn>div.enter:hover {
    background-color: #b50200;
}
.error-dialog-btn>div {
    flex: 1;
    height: 3em;
    line-height: 3em;
    cursor: pointer;
}
.error-dialog-btn>div span {
    color: #fff;
}
.warning-dialog-cover {
    background-color: rgba(0,0,0,.8);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
/*一般訊息彈跳*/
.message-remind-dialog.WarningActive {
    display: block;
}
.message-remind-dialog {
    display: none;
    z-index: 99;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.remind-dialog-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    position: relative;
}
.remind-dialog-body {
    min-width: 300px;
    padding: 2em 0 0;
    background-color: #f1fef7;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    z-index: 9;
    position: relative;
}
.remind-dialog-icon {
    padding-bottom: 2em;
}
.remind-dialog-icon.warning span {
    color: #31945f;
}
.remind-dialog-icon span {
    font-size: 3em;
}
.remind-dialog-content {
    display: inline-block;
    padding: 0 1em 1em;
    color: #000;
}
.remind-dialog-btn {
    display: flex;
}
.remind-dialog-btn>div.enter {
    background-color: #31945f;
}
.remind-dialog-btn>div.enter:hover {
    background-color: #005025;
}
.remind-dialog-btn>div {
    flex: 1;
    height: 3em;
    line-height: 3em;
    cursor: pointer;
}
.remind-dialog-btn>div span {
    color: #fff;
}
/*會員登入提示彈跳*/
.MemLogin-error-dialog.WarningActive {
    display: block;
}
.MemLogin-error-dialog {
    display: none;
    z-index: 100;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.MemLogin-error-dialog .error-dialog-body {
    padding: 2em 0;
    position: absolute;
    top: 200px;
}
.MemLogin-error-dialog .remind-dialog-body {
    padding: 2em 0;
    position: absolute;
    top: 200px;
}
.MemLogin-error-dialog .warning-dialog-cover {
    background-color: rgba(0,0,0,.8);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
/*遊戲維護頁*/
.maintenance{
    text-align: center;
}
.maintenance_title{
    padding-top: 5em;
    color: #dfb77b;
    font-size: 3em;
    letter-spacing: 1em;
}
.maintenance_content{
    padding: 2em 0;
    font-size: 2em;
}
.maintenance .maintenance_cancel:hover{position:relative;top:2px;cursor: pointer;}
/*綁定銀行帳戶*/
.AccountBind{overflow:hidden}
.AccountBind-Box{width: 70%;}
@media screen and (max-width: 950px){
    .AccountBind-Box{width: 100%;}
}
.AccountBind-Box .title{font-size: 1.5em;margin: 1em 0;}
@media screen and (max-width: 480px){
    .AccountBind-Box .title{margin: 1em 0;}
}
.AccountBind-Tab{width: 100%;border-bottom: #dfb77b solid 1px;font-size: 1.2em;}
.AccountBind-btn{
    width: 50%;
    height: 40px;
    background: none;
    color: #fff;
    border: none;
    float:left;
}
.AccountBind-btn:hover {background-color: #efd0a155;}
.AccountBind-btn.active {
    background-color: #efd0a1aa;
    color: #fff;
    text-shadow: 0 0 5px #000;
}
.AccountBind-Way{font-size: 22px;}
.AccountBind-content p{font-size: 1.2em;text-align: left;}
.AccountBind-content-select{
    width: 100%;
    padding: 10px;
    border: #ddd solid 1px;
    border-bottom: #ddd solid 2px;
    border-radius: 5px;
    background-color: transparent;
    color: #ddd;
}
.AccountBind-content-select option{color: #000;}
.AccountBind-content-select:focus{
    border: #dfb77b solid 1px;
    border-bottom: #dfb77b solid 2px;
}
.text-notice{color: #f0e6c2;margin: 1em;font-size: 18px;}
.AccountBind-input-info input{
    padding: 10px;
    width: 100%;
    border: none;
    border-bottom: #ddd solid 1px;
    background-color: transparent;
    color: #fff;
    margin-bottom: 1em;
}
.AccountBind-input-info input:focus{
    outline: none;
    border-bottom: #dfb77d solid 1px;
}
.AccountBind-input-info input::placeholder{
    color: #ddd;
}
.AccountBind-input-btn input{
    padding: 10px;
    margin: 1em 0 0 0;
    width: 50%;
    border: none;
    border-bottom: #ddd solid 1px;
    background-color: transparent;
    color: #fff;
}
.AccountBind-input-btn input:focus{
    outline: none;
    border-bottom: #dfb77d solid 1px;
}
.AccountBind-input-btn input::placeholder{
    color: #ddd;
}
.upload-file-btn input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.AccountBind .btn-step{font-size: 16px;}
/*
.AccountBind-upload .upload-file-btn{
    border-radius: 10px;
    display: inline-block;
    padding: 10px 12px;
    cursor: pointer;
}
.AccountBind-img{max-width: 600px;height: auto;}*/
.AccountBind-input-Box{margin: 16px 0;}
.AccountBind-content .form-select{padding: 5px;}
.AccountBind-content .form-control{padding: 5px;width: 70%;}
.AccountBind-content .btn-sample{font-size: 14px;}
.upload-file-Box{
    background-color: #fff2;
    width:100%;
    height:230px;
    border: dashed 3px #999;
    border-radius: 20px;
}
.upload-file-Box .upload-file-btn{
    height: 220px;
    position: relative;
    overflow: hidden;
}
.upload-file-Box .AccountBind-img #video-tag{
    max-height: 200px;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.upload-file-Box .AccountBind-img #image-tag{
    max-height: 200px;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.upload-file-Box .file-title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
}
.upload-file-Box .notice{
    color: #f0e6c2;
    margin: 1em;
    font-size: 16px;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-60%, -50%);
}
@media screen and (min-width: 768px){
    #gcashdemoimg .remind-dialog-content img{max-width: 400px;}
    #gcashdemoimg .remind-dialog-content{padding: 0 5em;}
}
@media screen and (max-width: 767px){
    #gcashdemoimg .remind-dialog-content{padding: 0;}
    #gcashdemoimg .remind-dialog-icon{padding: 0;}
    #gcashdemoimg .remind-dialog-content img{max-width: 250px;}
}
/*紀錄-報表日期選取*/
.Date-Box{margin: 1em 0;}
.Date-Box input{
    padding: 5px 5px 5px 15px;
    border-radius: 3px;
    border: 1px solid #dfb77b;
}
.DateRange-Btn-Box{display: inline-block;}
@media screen and (max-width: 480px){
    .Date-Box input{padding: 5px 5px 5px 5px;max-width: 125px;vertical-align:middle;}
    .Date-Box .search-btn{margin-right: 0;padding: 7px 5px;vertical-align:middle;}
    .DateRange-Btn-Box{display: block;margin: 3px 0;}
    .Date-Box .DateRange-btn{margin:0 2px; margin-top: 10px;padding: 5px 8px;}
}
/*個人資訊*/
.personal-info p{font-size: 1.5em; text-align: center;}
.personal-info-table{
    width: 100%;
    max-width: 800px;
    table-layout:fixed;
    border-collapse: collapse;
}
.personal-info-table tr{
    text-align: center;
}
.personal-info-table td{
    border-bottom: #333 solid 1px;
}
.personal-info-table tr td{padding: 1em 0}
.setting-info-table{
    margin-top: 2em;
    width: 100%;
    max-width: 800px;
    table-layout:fixed;
    border-collapse: collapse;
}
.setting-info-table tr{
    text-align: center;
}
.setting-info-table td{
    border-bottom: #333 solid 1px;
}
.setting-info-table tr td{padding: 1em 0}
.personal-info-table td:nth-child(1), .setting-info-table td:nth-child(1){
    color: #dfb77b;
    font-weight: 600;
}
/*footer*/
.footer{
    margin-top: 3em;
    background-color: #fff1;
    text-align: center;
}
/*訊息紀錄*/
.Chat-Box{margin: 1em 0 0 0;}
.Chat-Box .title{font-size: 1.5em;margin-right: 1em;}
.chat-update-btn{
    padding: 5px 10px;
    color: #fff;
    text-shadow: 0 0 3px #000;
    background-color: #fff5;
    border: #fff5 1px solid;
    box-shadow: 0 2px 1px #555;
    border-radius: 5px;
    margin-right: 1em;
}
.Chat-Box-notes{width: 100%;text-align: right;font-size: 12px;color:#ccc;margin-top: 5px;}
/*優惠活動列表*/
.Activity-Box{
    position: relative;
    margin: 10px;
    border-bottom-left-radius: 40px;
    border-top-right-radius: 40px;
    overflow:hidden;
}
.Activity-Box img{
    width: 100%;
    max-width: 350px;
    transition: all .5s ease-out;
}
.Activity-Box img:hover{
    transform:scale(1.1);
}
.Activity-Box .imgActivity-title{
    position: absolute;
    bottom: 0;
    width:100%;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 1.5em;
    font-weight: 600;
    text-align: center;
    padding: 6px 0;
    border-bottom-left-radius: 40px;
    z-index: 9;
}
/*手機版-GameRoom*/
.tab-ver {
    float: left;
    margin-left: .5em;
}
.tablinks.active {
    color: #fff;
    text-shadow: 0 0 5px #000;
    border: solid #fbe6c1 2px;
}
.tablinks img{width: 30px;text-align: center;}
.tablinks-text {
    display: block;
    background: #dfb77b;
    box-shadow: 0 2px 1px #555;
    color: black;
    margin: 10px 0;
    padding: 5px 0;
    width:  40px;
    height: 60px;
    line-height: 25px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
}
.tablinks-text a{color:#000;}
.tabcontent {margin-top: .6em;}
.tabcontent img {width: 100%;}
/*電子大廳-手機*/
/*遊戲橫選單-廠商橫選單-----star*/
.tab-hor{position: absolute; margin: 0;}
.tablinks-hor.active{
    background: #fff;
    border: none;
    box-shadow: 0 0 5px #fff;
    position: relative;
}
/*
.tablinks-hor.active::before{
    position:absolute;
    top: -13px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    width: 30px;
}
.tablinks-live.active::before{content: 'live';}
.tablinks-sport.active::before{content: 'sport';}
.tablinks-slot.active::before{content: 'slots';}
.tablinks-lottery.active::before{content: 'lottery';}
.tablinks-poker.active::before{content: 'card';}
.tablinks-fish.active::before{content: 'fish';}*/
/*遊戲橫選單-廠商橫選單-----end*/
/*遊戲直選單-廠商橫選單-----star*/
.verTab .PlatformTab-hor{
    position: absolute;
    top: 200px;
    left: 70px;
    z-index: 100;
    background-color: #151412;
    padding: 5px;
    width:80vw; 
    overflow-x: auto;
    white-space:nowrap;
}
.verTab .PlatformTablinks-hor{
    display: inline-block;
    margin-top: 5px;
    padding: 5px;
    width:  60px;
    height: 50px;
    border-radius: 5px;
    border: #fff5 solid 1px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
}
/*遊戲直選單-廠商橫選單-----end*/
.PlatformTab-hor{width:95vw; overflow-x: auto;white-space:nowrap;}
.PlatformTablinks-hor{
    display: inline-block;
    margin-top: 55px;
    padding: 5px;
    width:  70px;
    height: 50px;
    border-radius: 5px;
    border: #fff5 solid 1px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
}
.PlatformTablinks-hor.active{
    background: #fffa;
    color: #40280f;
    border: none;
    position: relative;
}
.PlatformTablinks-hor img{
    max-width: 60px;
    max-height: 30px;
}
.PlatformContent{z-index: 9; text-align: center;}
.PlatformContent .SlotRoom-icon-Box{
    position: relative;
    display:inline-block;
    width: 32%;
    margin-top: 35px;
}
.SlotRoom-icon-Box img{
    width: 90%;
    display: block;
    margin: auto;
    position: relative;
    z-index: 2;
}
.SlotRoom-icon-Box .Lobby-newpng{
    position: absolute;
    top: -5px;
    left: 0px;
    z-index: 10;
}
.SlotRoom-icon-Box .Lobby-newpng img{width: 50px;height: 50px;}
.SlotRoom-icon-Box .Lobby-likestar{
    position: absolute;
    bottom: 20px;
    right: 5px;
    color: #fff;
    font-size: 1.5em;
    z-index: 10;
}
.SlotRoom-icon-Box .Lobby-likepng{
    position: absolute;
    bottom: 20px;
    right: 5px;
    z-index: 10;
    filter: drop-shadow(0 0 2px #000);
    z-index: 99;
}
.SlotRoom-icon-Box .Lobby-likepng img{width: 26px;height: 26px;}
.SlotRoom-icon-Box .Lobby-jackpot{
    position: absolute;
    top: -30px;
    left: 13px;
    z-index: 0;
}
.SlotRoom-icon-Box .Lobby-jackpot img{width: 70px;height: 35px;}
@media screen and (max-width: 480px){
    .GameRoom-M{padding-top: 0px;}
}
/*電子大廳-PC*/
@media screen and (min-width: 481px){
    .PlatformTab-hor{
        width:1000px;
        margin: auto;
        text-align: center;
    }
    .PlatformTab-hor .PlatformTablinks-hor{
        float: left;
        margin-top: 0;
        width:  90px;
        height: 70px;
        font-size: 1em;
        margin: 3px;
    }
    .PlatformTablinks-hor img{max-width: 80px;max-height: 40px;}
    .PlatformContent{margin: auto;margin-top: 2em;max-width: 1200px;text-align: center;}
    .PlatformContent .SlotRoom-icon-Box{width: 150px;}
    .SlotRoom-icon-Box:hover{transform:scale(1.1);filter: drop-shadow(0 0 20px rgba(255,255,255,1));}
    .SlotRoom-icon-Box .Lobby-newpng{top: -7px;left: 0px;}
    .SlotRoom-icon-Box .Lobby-newpng img{width: 60px;height: 60px;}
    .SlotRoom-icon-Box .Lobby-likepng{/*bottom: 5px;right: 10px;*/ z-index: 29;}
    .SlotRoom-icon-Box .Lobby-jackpot{top: -40px;left: 25px;}
    .SlotRoom-icon-Box .Lobby-jackpot img{width: 100px;height: 50px;}
}

.GameRoom-M .title{margin:0 0 10px 0;color:#dfb77b;font-size: 1.5em;font-weight:600;text-align:center}
.GameRoom-M .GameRoomBox{position: relative;}
.GameRoom-M .GameRoomName{
    position:absolute; 
    left:30px; 
    top:60px; 
    color:#fff;
    font-weight: 600;
    letter-spacing: 2px;
    text-shadow: 0 0 8px #000;
}
/*最新公告*/
.Announcement{position:relative;overflow:hidden;}
.Announcement-area{width: 75%;}
.Announcement-Box{
    color: #fff;
    background-color: #fff2;
    padding: 1.5em 2em;
    margin-bottom: 1em;
    border: 1px solid #fff;
    border-radius: 5px;
}
.Announcement-Box:hover{
    border: 1px solid #dfb77b;
    background-color: #efd0a155;
}
.Announcement-Box-title{font-size: 1.2em;}
.Announcement-Box-date{width: 100%;text-align: right;color:#ccc;}
@media screen and (max-width: 480px){
    .Announcement{padding: 0;}
}
.Announcement .footerNav{margin-bottom: 0em;text-align: center;}
.Announcement .footerNav a{margin: 5px;font-size: 13px;}
/*服務中心*/
.HelpCenter{position:relative;padding:2em 0;overflow:hidden}
.HelpCenter .container{max-width: 1000px;}
.Tab_HelpCenterAction{text-align: center;}
.Tab_HelpCenterAction_btn{
    padding: 1em 2em;
    background: none;
    color: #fff;
    border: none;
}
.Tab_HelpCenterAction_btn:hover {background-color: #efd0a155;border-radius: 10px;}
.Tab_HelpCenterAction_btn.active {
    background-color: #efd0a1aa;
    color: #000;
    font-weight: 600;
    border-radius: 10px;
}
.HelpCenterAction{color: #fff;}
#Connect a{color: #fff;}
#Connect a:hover{color: #efd0a1;}
#Connect .Connect_Box{
    display: inline-block;
    background-color: #fff1;
    padding: 1em;
    margin: .5em;
    border: #fff solid 1px;
    border-radius: 5px;
    position: relative;
}
#Connect .Connect_Box:hover{
    background-color: #fff2;
}
#Connect .Connect_Box .BoxName{font-size: 20px;}
#Connect .Connect_Box .BoxName a{color: #dfb77d;}
#Connect .Connect_Box .BoxName a:hover{text-decoration: underline;}
#Connect .Connect_Box p{margin-bottom: 0;}
#Connect .Connect-QRcode{
    position: absolute;
    right: 10px;
    top: 4px;
}
#Connect .Connect-QRcode img{
    width: 120px;
    height: 120px;
}
@media screen and (max-width: 480px){
    .HelpCenter{padding: 0;}
    .Tab_HelpCenterAction_btn{padding: .5em;}
}
/*------------------------------------------------------------*/

/*-----排行榜-----*/
.PlayerBoard{position:relative;padding:2em 0;overflow:hidden}
@media screen and (max-width: 480px){
    .PlayerBoard{padding: 0;}
}
.PlayerBoard-Box{margin-top: -2em;}
.Tab-PlayerBoardRanking{
    margin-top: 3em;
    text-align: center;
}
.Tab-PlayerBoardRanking-btn{
    padding: 1em 2em;
    background: none;
    color: #fff;
    border: none;
    background-color: #fff3;
}
.Tab-PlayerBoardRanking-btn:hover {background-color: #efd0a155;}
.Tab-PlayerBoardRanking-btn.active {
    background-color: #efd0a1aa;
    color: #fff;
    text-shadow: 0 0 5px #000;
}
.BoardRanking-table{
    width: 100%;
    table-layout:fixed;
    border-collapse: collapse;
    background-color: #fff5;
}
.BoardRanking-table tr{
    text-align: center;
}
.BoardRanking-table th{
    background-color: #555;
    border-bottom: #000 solid 1px;
    position:sticky;
    top:0;
}
.BoardRanking-table td{
    border-bottom: #aaa solid 1px;
}
.BoardRanking-table tr th, .BoardRanking-table tr td{padding: 1em 0;}
.Ranking-detail{
    margin-top: 1em;
    font-size: .8em;
    color: #aaa;
    text-align: center;
}
.RankingTableHeight{
    margin-top: 1em;
    max-height: 900px;
    overflow-y: auto;
    width: 80%;
}
@media screen and (max-width: 480px){
    .RankingTableHeight{width: 100%;max-height: none;}
}
.RankingTableHeight::-webkit-scrollbar { width: 10px; }
.RankingTableHeight::-webkit-scrollbar-track { background: #fff3;}
.RankingTableHeight::-webkit-scrollbar-thumb { background: #dfb77b66;}
/*------------------------------------------------------------*/

/*-----遊戲規則GameRules-----*/
.GameRules{position:relative;overflow:hidden}
.GameRules-Box{
    color: #fff;
    background-color: #fff2;
    padding: 10px;
    margin: 10px;
    border: 1px solid #fff;
    border-radius: 5px;
}
@media screen and (min-width: 768px){
    .GameRules-Box{padding: 15px 30px;margin: 10px;}
}
.GameRules-Box:hover{
    border: 1px solid #dfb77b;
    background-color: #efd0a155;
}
.GameRules-Box-title{font-size: 1.2em;}
/*------------------------------------------------------------*/

/*-----遊戲列表-----*/
.GameList{position:relative;overflow:hidden}
.GameList-table{
    width: 100%;
    table-layout:fixed;
    border-collapse: collapse;
    background-color: #fff5;
}
.GameList-table th{
    background-color: #0005;
    border-bottom: #000 solid 1px;
}
.GameList-table td{
    border-bottom: #aaa solid 1px;
}
.GameList-table tr th, .GameList-table tr td{padding: .5em 0;}
.GameList .PrintImg{cursor: pointer;}
.GameList .PrintImg:hover{background-color: #ffaa1655;}
.GameList .GameList-imgBox .GameList-eachimg{
    display: inline-block;
    width: 360px;
    margin: 5px;
}
.GameList-table .ListArrow{width: 30px;}
.GameList-vendor{position:relative;padding:2em 0;overflow:hidden}
.GameList-vendor-table{
    width: 100%;
    table-layout:fixed;
    border-collapse: collapse;
    background-color: #fff3;
}
.GameList-vendor-table th{
    background-color: #0005;
    border-bottom: #000 solid 1px;
}
.GameList-vendor-table td{
    border-bottom: #aaa solid 1px;
}
.GameList-vendor-table tr th, .GameList-vendor-table tr td{padding: .5em 0;}
/*-----遊戲列表--錢包類型(?)-----*/
.tooltip {/* Tooltip外容器 */
    position: relative;
    display: inline-block;
}
.tooltip .tooltiptext {/* Tooltip內容框 */
    visibility: hidden;
    width: 200px;
    top: 100%;
    left: 50%;
    margin-left: -100px;
    text-align: left;
    background-color: #efdbbd;
    color: #000;
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    z-index: 10;
}
.tooltip:hover .tooltiptext {/* hovershow */
    visibility: visible;
}
/*------------------------------------------------------------*/
/*-----數位銀行教學頁-----*/
.InterBank-Catalog{
    background-color: #ddd;
    color: #000;
    width: 80%;
    margin: 0 auto;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 14px;
}
.InterBank-Catalog a {
    color: #000;
}
.InterBank-Catalog-title{
    font-size: 16px;
    font-weight: 600;
}
.InterBank-Catalog ul {
    list-style-type:none;
}
.InterBank-title{
    font-size: 24px;
    color: #dfb77b;
}
.BankName{
    color: #ffc107;
    font-size: 20px;
}
.InterBank-Catalog .Catalog-level2{
    padding-left: 10px;
}
.InterBank-Bankquicklist a{
    color: #0d6efd;
}
.InterBank-table table{
    width: 100%;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
}
.InterBank-table table th{
    background-color: #916c2e;
    padding: 10px;
    border: #aaa 1px solid;
    color: #fff;
}
.InterBank-table table td{
    border: #aaa 1px solid;
    padding: 5px;
}
.block-separator{
    width: 50%;
    opacity: .5;
}
@media screen and (max-width: 767px){
    .InterBankTeach img{width: 100%!important;height: auto;}
    .InterBank-Catalog{width: 90%;}
}
/*------------------------------------------------------------*/

/*-----綁定教學頁-----*/
.Tutorial-title{
    font-size: 24px;
    color: #dfb77b;
}
.BindTutorial img{margin-left: 3em;}
@media screen and (max-width: 767px){
    .BindTutorial img{margin-left: 0em;padding-left: 1.5em; max-width: 90%;}
}
/*------------------------------------------------------------*/

/*-----註冊頁手機號碼輸入-----*/
.iti {
    position: relative;
    display: inline!important;
    margin-top: 16px;
}
.iti-mobile .iti__country-list{
    max-height: 200px!important;
    max-width: 800px!important;
}
.iti__flag-box, .iti__country-name{
    color: #000;
}
/*------------------------------------------------------------*/

/*-----文字不換行-----*/
.nowrap{
    white-space:nowrap;
}
/*------------------------------------------------------------*/

/*-----首頁圖片尺寸-----*/
#splide-HotGame ul li, #splide-CrashGame ul li,
#splide-NewGame ul li, #splide-RecommendGame ul li,
#splide-Live ul li, #splide-Sport ul li {width: 130px!important;}

#splide-HotGame ul li img, #splide-CrashGame ul li img,
#splide-NewGame ul li img, #splide-RecommendGame ul li img,
#splide-Live ul li img, #splide-Sport ul li img {width: 130px;}




/* 徽章 */
[data-after-text],
[data-before-text] {
	--badge-offset-x: calc(0px - var(--badge-size) / 3);
	--badge-offset-y: calc(0px - var(--badge-size) / 3);
	--badge-size: 1rem;
	--circle-size: 1.5rem;
	--dot-offset: 0.5rem;
	--dot-size: 0.5rem;
		
	--b: initial;
	--bgc: hsl(195, 100%, 30%);
	--bdrs: 0;
	--c: hsl(195, 100%, 99%);
	--d: inline-flex;
	--fz: 0.625rem;
	--fw: 700;
	--h: auto;
	--l: initial;
	--m: 0.4rem;
	--p: 0;
	--pos: static;
	--r: initial;
	--t: initial;
	--tt: uppercase;
	--w: initial;
	
	position: relative;
}

[data-after-text]:not([data-after-text=""])::after {
	content: attr(data-after-text);
}
[data-before-text]:not([data-before-text=""])::before {
	content: attr(data-before-text);
}

[data-after-text]:not([data-after-text=""])::after,
[data-before-text]:not([data-before-text=""])::before {
	align-items: center;
	background: var(--bgc);
	border-radius: var(--bdrs);
	bottom: var(--b);
	box-shadow: var(--bxsh);
	box-sizing: border-box;
	color: var(--c);
	display: var(--d);
	font-size: var(--fz);
	font-weight: var(--fw);
	height: var(--h);
	justify-content: center;
	left: var(--l);
	padding: var(--p);
	position: var(--pos);
	right: var(--r);
	text-decoration: none;
	text-transform: var(--tt);
	top: var(--t);
	width: var(--w);
}

/* MODIFIERS */
[data-after-type*="badge"]::after,
[data-before-type*="badge"]::before {
	--bdrs: var(--badge-size);
	--bxsh: 0 0 0 2px rgba(255, 255, 255, 0.5);
	--h: var(--badge-size);
	--p: 0;
	--pos: absolute;
	--w: var(--badge-size);
}
[data-after-type*="circle"],
[data-before-type*="circle"]{
	align-items: center;
	display: flex;
}
[data-after-type*="circle"]::after,
[data-before-type*="circle"]::before {
	--bdrs: 50%;
	--fw: 400;
	--h: var(--circle-size);
	--tt: initial;
	--w: var(--circle-size);
}
[data-after-type*="circle"]::after,
[data-after-type*="pill"]::after {
	margin-inline-start: 1ch;
}
[data-before-type*="circle"]::before,
[data-before-type*="dot"]::before,
[data-before-type*="pill"]::before {
	margin-inline-end: 1ch;
}
[data-after-type*="dot"]::after,
[data-before-type*="dot"]::before {
	--bdrs: 50%;
	--d: inline-block;
	--fz: 50%;
	--h: var(--dot-size);
	--p: 0;
	--pos: relative;
	--t: -1px;
	--w: var(--dot-size);
}
[data-after-type*="dot"]::after,
[data-before-type*="dot"]::before {
	content: "" !important;
}
[data-after-type*="pill"]::after,
[data-before-type*="pil"]::before {
	--bdrs: 1rem;
	--p: 0.25rem 0.75rem;
	--pos: relative;
	--t: -1px;
}

/* COLORS */
[data-after-type*="blue"]::after,
[data-before-type*="blue"]::before {
	--bgc: #007acc;
}
[data-after-type*="darkgray"]::after,
[data-before-type*="darkgray"]::before {
	--bgc: #706e6b;
	--c: #fff;
}
[data-after-type*="green"]::after,
[data-before-type*="green"]::before {
	--bgc: #04844b;
}
[data-after-type*="lightgray"]::after,
[data-before-type*="lightgray"]::before {
	--bgc: #ecebea;
	--c: #080707;
}
[data-after-type*="orange"]::after,
[data-before-type*="orange"]::before {
	--bgc: #ffb75d;
	--c: #080707;
}

[data-after-type*="red"]::after,
[data-before-type*="red"]::before {
	--bgc: #c23934;
}

/* POSITION */
[data-after-type*="top"]::after,
[data-before-type*="top"]::before {
	--b: auto;
	--pos: absolute;
	--t: var(--dot-offset);
}
[data-after-type*="right"]::after,
[data-before-type*="right"]::before {
	--l: auto;
	--pos: absolute;
	--r: var(--dot-offset);
}
[data-after-type*="bottom"]::after,
[data-before-type*="bottom"]::before {
	--b: var(--dot-offset);
	--pos: absolute;
	--t: auto;
}
[data-after-type*="left"]::after,
[data-before-type*="left"]::before {
	--pos: absolute;
	--r: auto;
	--l: var(--dot-offset);
}
[data-after-type*="badge"][data-after-type*="top"]::after,
[data-before-type*="badge"][data-before-type*="top"]::before {
	--m: 0;
	--t: var(--badge-offset-y);
}
[data-after-type*="badge"][data-after-type*="right"]::after,
[data-before-type*="badge"][data-before-type*="right"]::before {
	--m: 0;
	--r: var(--badge-offset-x);
}
[data-after-type*="badge"][data-after-type*="bottom"]::after,
[data-before-type*="badge"][data-before-type*="bottom"]::before {
	--b: var(--badge-offset-y);
	--m: 0;
}
[data-after-type*="badge"][data-after-type*="left"]::after,
[data-before-type*="badge"][data-before-type*="left"]::before {
	--l: var(--badge-offset-x);
	--m: 0;
}



/*----------------------------------------------------------------------------------------------------------------*/
/*-----0512版面(extra.css)-----*/
/*-----置頂列TopBar-----*/
.TopBar{
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
}
.menuBtn{
    font-size: 24px;
    padding: 0px 10px;
    margin: 10px 5px;
    color: #fff;
}
.logoBox{
    height:50px;
    width: 50px;
    position: fixed;
    top: 0;
    left: 50%;
}
.logoBox img{height: 48px;}
.logo-text{color: #fff;}
.login-input {
    font-size: 16px;
    padding: 5px;
    padding-left: 10px;
    border: #ddd solid 1px;
    border-radius: 5px;
    background-color: #333;
    color: #fff;
    width: 160px;
}
.password-eye{
    padding: 10px;
    font-size: 16px;
    position: absolute;
    right: 170px;
    top: 6px;
    cursor: pointer;
}
.forgetpassword{
    font-size: 12px;
    line-height: 50px;
    padding: 0;
}
.login-box, .signout-box{
    line-height: 50px;
}
/*------------------------------------------------------------*/
/*-----開啟遊戲iframe-----*/
#gamezone{
    position:fixed;
    top: 50px;
    left: 0;
    height: calc(100vh - 200px);
    width: 100vw;
    max-width: 100%;
    z-index: 100001;
}
.blocker-gamezone{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
    z-index: 100000;
    padding:20px;
    box-sizing:border-box;
    background-color:#000e;
    text-align:center
}
/*-----關閉iframe叉叉-----*/
.closeiframe-box{
    position: fixed;
    right: 5px;
    top: 0px;
    z-index: 100002;
    padding: 5px;
    background-color: #916c2e;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #ffe49d55;
    text-align: center;
}
.iframe-X img{
    height: 36px;
    width: 36px;
    padding: 2px;
}
/*-----開啟iframe後下方的更多遊戲選項-----*/
.OthergameList-arrow{
    position: fixed;
    bottom: 0;
    right: 5%;
    padding: 6px;
    background-color: #916c2e;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #aaa;
    border-bottom: none;
    box-shadow: 0 0 6px #000;
    z-index: 100002;
    cursor: pointer;
}
.OthergameList-Box {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100px;
    z-index: 100002;
    background-color: #916c2edd;
}
.OthergameList-Box .hidden{display: none;}
.OthergameList-Box .GameIcon-Box img{width: 90px;}
.OthergameList-Box .splide__slide{width: 90px!important;margin-right: 5px;}
.OthergameList-Box .GameIcon-Box img{margin:5px}
/*------------------------------------------------------------*/
/*-----電腦版-上方遊戲館別-----*/
.TopBar .HallLink {
    color: #fff;
    font-weight: 600;
    margin: 0 5px;
    cursor: pointer;
}
.TopBar .HallLink:hover {
    color: #d09b42;
}
@media screen and (max-width: 767px){
    .logoBox{left: 15%;}
}
/*-----餘額點擊下拉-----*/
.memPoint-dropdown{
    display: inline;
    position: absolute;
    right: 90px;
}
.Point-dropdownBtn{
    padding: 0 10px 0 0;
    position: relative;
    cursor: pointer;
}
.Point-dropdownBtn .memPoint{
    white-space:nowrap;
}
.memPoint-dropdown .memPointDetail{
    display: none;
    position: absolute;
    margin: 0px;
    right: -10px;
    top: 49px;
    z-index: 1999;
    text-align: center;
    width: 250px;
    background-color: #1d1609;
    color: #fff;
    border: 1px solid #fff5;
    border-radius: 10px;
}
.memPoint-dropdown .memPointDetail.Detail-show{display: block;}
.memPointDetail .badge-Box{
    position: absolute; 
    top: 0;
    right: 0;
}
.memPointDetail .badge-level{
    position: absolute;
    width: 50px;
    right: 10px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    z-index: 2;
}
.memPointDetail .badge-img{
    position: inherit;
    width: 50px;
    top: 0px;
    right: 10px;
    z-index: 1;
}
@media screen and (min-width: 768px){
    .memPoint-dropdown{right: 100%;margin-right: .5em;}
}
/*-----跑馬燈-----*/
.marqueeBox{
    width: 100%;
    position: fixed;
    margin-top: 50px;
    padding: 1px 0;
    background-color: #000;
    z-index: 99;
}
.marquee-text{
    margin-right: 2em;
}
/*------------------------------------------------------------*/

/*-----網頁內容-----*/
.WebContent{
    position: relative;
    margin-top: 50px;
}
/*-----左側漢堡選單-----*/
.Left-menuBox{
    position: fixed;
    z-index: 99999;
    background-color: #222;
    height: 100vh;
    width: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
.Left-menuBox.menuBox-active {
    padding: 16px;
    width: 220px;
}
.Left-menuBox .GameHall{
    border-bottom: 1px solid #fff3;
}
.Left-menuBox .HallLink{
    padding: 10px 20px;
    color: #fff;
}
.Left-menuBox .Webpage{
    border-bottom: 1px solid #fff3;
}
.Left-menuBox .WebpageLink{
    padding: 10px 20px;
    color: #fff;
}
.Left-menuBox .OtherAct{
    border-bottom: 1px solid #fff3;
}
.Left-menuBox .OtherActLink{
    padding: 10px 20px;
    color: #fff;
}
.Left-menuBox .DownloadIcon{
    padding: 10px 20px;
    width: 40px;
    display: inline-block;
}
.Left-menuBox .DownloadIcon img{
    width: 35px;
    height: 35px;
}
.Left-menuBox .SocialIcon{
    padding: 0px 20px 2px;
    display: inline-block;
}
.Left-menuBox .SocialIcon img{
    width: 35px;
    height: 35px;
}
.Left-menuBox .login-box, .Left-menuBox .signout-box{
    margin-left: 10px;
    display: inline-block;
}
.Left-menuBox::-webkit-scrollbar {
    height: 5px;
    opacity: 0;
    width: 5px;
}
.Left-menuBox::-webkit-scrollbar,.Left-menuBox::-webkit-scrollbar-track {
    background-color: #0d131c;
    border-radius: 2px;
}
.Left-menuBox::-webkit-scrollbar-thumb {
    background-color: #2a3546;
    border-radius: 2px;
}
/*-----語系點擊下拉-----*/
.Language-dropdown{
    display: inline;
    width: 55px;
    position: absolute;
    right: 20px;
}
.Language-dropdown nav {
    margin: auto;
    position: relative;
}
.Lang-dropdownBtn{
    width: 55px;
    padding: 8px 8px 8px 10px;
    margin: 8px 20px 0px 0px;
    position: relative;
    border: #916c2e 1px solid;
    border-radius: 20px;
}
.Language-dropdown .Lang-toggle {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
    height: 30px;
}
.Language-dropdown .Lang-toggle:checked ~ ul {
    visibility: hidden;
    opacity: 0;
}
.Language-dropdown ul {
    list-style: none;
    overflow: hidden;
    position: absolute;
    margin: 0px;
    right: 0;
}
.Language-dropdown ul li{
    position: relative;
    display: block;
    background: #000;
    padding: 5px 10px;
    border: #fff3 1px solid;
    cursor: pointer;
}
.Language-dropdown ul li a{color: #fff;}
.Language-dropdown ul li:hover, .Language-dropdown ul li a:focus {
    background-color: #916c2e;
}
/*-----左欄下方預留空間-----*/
.Left-menuBox .LeftBottom{
    height: 200px;
}
/*------------------------------------------------------------*/

/*-----右側遊戲列表-----*/
.right-gameBox{
    position: absolute;
    width: 100%;
    margin-top: 20px;
}
.right-gameBox .splide-BANNER{
    position: fixed;
    top: 70px;
    z-index: 99;
    background-color: #000;
}
.right-gameBox .splide-BANNER img{
    padding: 0 3px;
}
.right-gameBox .QuickgameList{
    margin-top: 130px;
}
.right-gameBox .QuickgameList-title{
    margin: 1.5em 0 0 10px;
    font-size: 1.2em;
    font-weight: 600;
    border-bottom: #fff7 1px solid;
    border-left: #fbe6c1 5px solid;
    padding-left: 5px;
}
.right-gameBox .GameList-title{
    padding: 1em 0 10px 0;
    font-weight: 600;
    background-color: #000;
    position: fixed;
    top: 70px;
    width: 100%;
    max-width: 1200px;
    margin: 0;
    z-index: 90;
}
.right-gameBox .footer{
    margin-top: 3em;
    background-color: #fff1;
    text-align: center;
}
.right-gameBox .splide-Platform{
    position: fixed;
    top: 130px;
    width: 100%;
    z-index: 90;
    padding-top: 30px;
    background-color: #000;
}
.right-gameBox .PlatformContent{
    margin-top: 150px;
}
.right-gameBox .GameArea{
    text-align: center;
}
.right-gameBox .GameList-Box{
    margin-top: 100px;
}
/*-----遊戲圖icon-----*/
.GameIcon-Box{
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.GameIcon-Box img{margin:10px 5px;width: 150px;}
.GameIcon-Box:hover{transform:scale(1.1);}
.GameIcon-Box .Lobby-hotgif{position: absolute;top: -30px;right: 0px;z-index: 10;}
.GameIcon-Box .Lobby-hotgif img{width: 56px;height: 49px;}
.GameIcon-Box .Lobby-newpng{position: absolute;top: -8px;left: -8px;z-index: 10;}
.GameIcon-Box .Lobby-newpng img{width: 70px;height: 70px;}
.GameIcon-Box .Lobby-jackpot{position: absolute;top: -30px;left: 25px;z-index: 10;}
.GameIcon-Box .Lobby-jackpot img{width: 100px;height: 40px;}
.splide__slide .Tablinks-hotgif{position: absolute;top: 5px;right: 0px;z-index: 10;}
.splide__slide .Tablinks-hotgif img{width: 40px;height: 35px;}
.HelpLink{display: inline-block;}
@media screen and (max-width: 767px){
    .right-gameBox .splide-BANNER img{height: 92px;}
    .right-gameBox .splide-Platform{padding: 10px;}
    .splide__slide .Tablinks-hotgif img{width: 32px;height: 28px;}
}
@media screen and (min-width: 768px){
    .right-gameBox .QuickgameList{margin-top: 300px;}
    .GameIcon-Box img{margin: 10px;}
    .right-gameBox .splide-BANNER img{height: 250px;}
    .right-gameBox .PlatformContent{margin-top: 200px;}
    .right-gameBox .GameList-Box img{width: 150px;}

    .GameIcon-Box .Lobby-hotgif img{width:56px;height: 49px;}
    .GameIcon-Box .Lobby-newpng img{width: 70px;height: 70px;}
    .GameIcon-Box .Lobby-jackpot{left: 25px;}
    .GameIcon-Box .Lobby-jackpot img{width: 100px;height: 50px;}
}
.index-gameList .splide-BANNER{
    position: relative;
    top: 0;
}
.index-gameList .QuickgameList{
    margin-top: 0;
}
/*------------------------------------------------------------*/

/*-----jackpot累積遞增-----*/
.scroll-jackpot{
    position: relative;
    text-align: center;
}
.scroll-jackpot img{
    z-index: 99;
    max-width: 500px;
}
.number-scroll {
  display: inline-block;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  overflow: hidden;
  color: #ff9;
  position: absolute;
  bottom: 20px;
  right: 25px;
  z-index: 100;
  letter-spacing: 2px;
}
.number-scroll span {
  position: relative;
}
@media screen and (min-width: 500px){.number-scroll{bottom: 25px;right: 70px;}}
@media screen and (min-width: 600px){.number-scroll{right: 120px;}}
@media screen and (min-width: 700px){.number-scroll{right: 170px;}}
@media screen and (min-width: 800px){.number-scroll{right: 220px;}}
@media screen and (min-width: 900px){.number-scroll{right: 270px;}}
@media screen and (min-width: 1000px){.number-scroll{right: 320px;}}
@media screen and (min-width: 1100px){.number-scroll{right: 370px;}}
@media screen and (min-width: 1200px){.number-scroll{right: 420px;}}
@media screen and (min-width: 1300px){.number-scroll{right: 470px;}}
@media screen and (min-width: 1400px){.number-scroll{right: 520px;}}
@media screen and (min-width: 1500px){.number-scroll{right: 570px;}}
@media screen and (min-width: 1600px){.number-scroll{right: 620px;}}
@media screen and (min-width: 1700px){.number-scroll{right: 670px;}}
@media screen and (min-width: 1800px){.number-scroll{right: 720px;}}
@media screen and (min-width: 1900px){.number-scroll{right: 770px;}}
@media screen and (min-width: 2000px){.number-scroll{right: 820px;}}
@media screen and (min-width: 2100px){.number-scroll{right: 870px;}}
@media screen and (min-width: 2200px){.number-scroll{right: 920px;}}
@media screen and (min-width: 2300px){.number-scroll{right: 970px;}}
@media screen and (min-width: 2400px){.number-scroll{right: 1020px;}}
@media screen and (min-width: 2500px){.number-scroll{right: 1070px;}}
@media screen and (min-width: 2600px){.number-scroll{right: 1120px;}}
@media screen and (min-width: 2700px){.number-scroll{right: 1170px;}}
@media screen and (min-width: 2800px){.number-scroll{right: 1220px;}}
@media screen and (min-width: 2900px){.number-scroll{right: 1270px;}}
@media screen and (min-width: 3000px){.number-scroll{right: 1320px;}}
/*------------------------------------------------------------*/

/*-----代理招募頁表格-----*/
.RecruitAgent p{font-size: 22px;}
.RecruitAgent-table{
    width: 100%;
    border:1px solid #aaa;
    text-align:center;
    border-collapse:collapse;
}
.RecruitAgent-table th{
    background-color: #916c2e;
    padding:10px;
    border: #aaa 1px solid ;
    color:#fff;
}
.RecruitAgent-table td{
    border: #aaa 1px solid;
    padding: 5px;
}
.RecruitAgent .table-note{
    color: #ccc;
    font-size: 14px;
}
@media screen and (min-width: 768px){
    .RecruitAgent-table{width: 400px;}
}
/*------------------------------------------------------------*/

/*-----slots頁面-----*/
.PlatformTablinks-hor {
    display: inline-block;
    margin: 3px;
    padding: 5px;
    width: 68px;
    height: 50px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    border-radius: 5px;
    border: #fff5 solid 1px;
}
@media screen and (min-width: 768px){
    .PlatformTablinks-hor{
    float: left;
    margin-top: 0;
    width: 90px;
    height: 70px;
    font-size: 1em;
    }
}
/*-----Footer-----*/
.footer .VendorImg{
    padding: 1em;
}
.footer .footerNav a{
    margin: 0 3px;
    font-size: 14px;
    color: #ddd;
}
.footer .footerNav a:hover{color:#dfb77b;}
.footer .over18-Box{padding: 1em 0;text-align: left;}
.footer .over18-text{padding-top:5px; font-size: 12px;line-height: 15px;color: #999;}
.footer .copyright{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #ddd;
    text-align: center;
    border-top: solid 1px;
    border-image: linear-gradient(90deg, #40280f 10%,  #d09b42 20%, #fbe6c1 30%, #d09b42 40%, #40280f 50%, #d09b42 60%, #fbe6c1 70%, #d09b42 80%, #40280f 90%) 100% 0;
}
@media screen and (max-width: 767px){
    .footer .VendorImg{width: 100%;padding: 1em 0;}
    .footer .HelpLink{padding: 5px 0;}
}
/*------------------------------------------------------------*/

/*------手機版/電腦版_隱藏------*/
@media screen and (max-width: 767px){
    .MobileHide {display: none!important;}
}
@media screen and (min-width: 768px){
    .PCHide {display: none!important;}
}
/*------------------------------------------------------------*/

/*------按鈕設定------*/
.Btn-primary, .Btn-secondary, .Btn-danger, .Btn-renew, .Btn-search, .Btn-success, .Btn-warning, .Btn-dark{
    font-size: 16px;
    font-weight: 600;
    padding: 6px 10px;
    color: #fff;
    border-radius: 5px;
}
.Btn-primary{
    background-color: #916c2e;
    border: 1px solid #916c2e;
}
.Btn-secondary{
    background-color: #916c2e55;
    border: 1px solid #916c2e;
}
.Btn-danger{
    background-color: #dc354555;
    border: 1px solid #dc3545;
}
.Btn-renew{
    background-color: #fff5;
    border: 1px solid #aaa;
}
.Btn-search{
    background-color: #3c73e2aa;
    border: 1px solid #3c73e2;
}
.Btn-success{
    background-color: #198754aa;
    border: 1px solid #198754;
}
.Btn-warning{
    background-color: #dc6100aa;
    border: 1px solid #dc6100;
}
.Btn-dark{
    background-color: #888;
    border: 1px solid #777;
}
.Btn-enter, .Btn-cancel{
    margin: 1em 5px;
    padding: 5px 15px;
}
@media screen and (min-width: 768px){
    .Btn-search{margin: 5px;margin-right: 1em;}
}
.Btn-shadow{
    padding: 3px;
    border: none;
    animation: BtnShadow 1s infinite;
}
@keyframes BtnShadow{
    0%{box-shadow:inset 0px 0px 2px 0px #555;}
    50%{box-shadow:inset 0px 0px 2px 0px #555;}
    51%{box-shadow:inset -1px -1px 3px 2px #555;}
    100%{box-shadow:inset -1px -1px 3px 2px #555;}
}
/*------------------------------------------------------------*/

/*------排行榜滾動------*/
.RankList_scroll{width:100%;height:200px; overflow:hidden;}
.RankList_scroll ul{padding: 0 4em;list-style:none;}
.RankList_scroll ul li{
    text-align: center;
    padding: 8px;
    margin: 2px;
    border: #fbe6c1aa 2px solid;
    border-radius: 5px;
    box-shadow: inset 0 0 5px #fbe6c1;
    width: 100%;
    font-size: 1em;
}
.RankList_scroll .username{color: #c9edff;}
.RankList_scroll .gamename{color: #c9edff;}
.RankList_scroll .winpoints{color: #fc0;font-size: 1.5em;}
@media screen and (min-width: 768px){
    .RankList_scroll ul{padding: 0 12em;list-style:none;}
}
/*------------------------------------------------------------*/

/*------Margin/Padding設定------*/
.m-1{margin: .25em;}
.m-2{margin: .5em;}
.m-3{margin: 1em;}
.m-4{margin: 1.5em;}
.m-5{margin: 3em;}
.mt-1{margin-top: .25em;}
.mt-2{margin-top: .5em;}
.mt-3{margin-top: 1em;}
.mt-4{margin-top: 1.5em;}
.mt-5{margin-top: 3em;}
.mb-1{margin-bottom: .25em;}
.mb-2{margin-bottom: .5em;}
.mb-3{margin-bottom: 1em;}
.mb-4{margin-bottom: 1.5em;}
.mb-5{margin-bottom: 3em;}
.p-1{padding: .25em;}
.p-2{padding: .5em;}
.p-3{padding: 1em;}
.p-4{padding: 1.5em;}
.p-5{padding: 3em;}
.pt-1{padding-top: .25em;}
.pt-2{padding-top: .5em;}
.pt-3{padding-top: 1em;}
.pt-4{padding-top: 1.5em;}
.pt-5{padding-top: 3em;}
.pb-1{padding-bottom: .25em;}
.pb-2{padding-bottom: .5em;}
.pb-3{padding-bottom: 1em;}
.pb-4{padding-bottom: 1.5em;}
.pb-5{padding-bottom: 3em;}
/*------------------------------------------------------------*/

/*------表格RWD------*/
.Responsive-table {
    width: 100%;
    color: #fff;
    text-align: center;
    border-spacing: 0;
    background-color: #fff3;
}
.Responsive-table .tabletitle-PC{
    background-color: #fff6;
}
@media (max-width: 960px){
    .Responsive-table {
        text-align: left;
        color: #fff;
        background: none;
    }
    .Responsive-table td {
        display: grid;
        grid-template-columns: 2fr 3fr;
        white-space: normal;
        border: #aaa solid 1px;
    }
    .Responsive-table tr {
        background-color: #fff3;
        margin-bottom: 10px;
    }
    .Responsive-table tr {
        display: block;
        margin: 20px 0;
    }
    .Responsive-table tbody td:before {
        margin: 0;
        padding: 0 10px;
        content: attr(data-label);
        display: flex;
        -webkit-box-align: start;
        align-items: center;
    }
    .Responsive-table  .tabletitle-PC{display: none!important;}
}
/*------------------------------------------------------------*/

/*------首頁彈跳公告------*/
#POPUP_modal{
    padding: 0;
}
#carousel_POPUP .modal-body{
    margin: 1em;
    text-align: center;
    margin-bottom: 2em;
}
#carousel_POPUP .modal-body .modal-title{
    font-size: 1.5em;
    font-weight: 600;
    color: #dfb77d;
    padding: 0;
    min-height: unset;
}
#carousel_POPUP .modal-body p{
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 3em;
}
#carousel_POPUP .modal-body img{
    width: 100%;
}
#carousel_POPUP .modal-footer{
    padding: 1em;
}