/*百家樂版面*/

    /*內容區域*/
    .game_body>.b_right{/*右邊區底圖*/
        background-image: url("../img/roulette/pcbg.jpg");
        background-repeat: no-repeat;
    }
    @media (max-width: 767px) { /*手機板*/
        .game_body>.b_right{/*右邊區底圖*/
            background-image: url("../img/roulette/mobilebg.png");
        }
    }
/* gary css */
/* 轮盘 css  */
    #mainarea #main_roulette {/*轮盘*/
        width: 460px;
        height: 460px;
        position: absolute;
        left: 60px;
        top: 148px;
    }
    #mainarea #bet_curve_roul {/*下注曲盘*/
        width: 666px;
        height: 176px;
        position: absolute;
        left: 550px;
        top: 105px;
    }
    #mainarea #bet_rect_roul {/*下注长方形盘*/
        width: 666px;
        height: 280px;
        position: absolute;
        left: 550px;
        top: 300px;
    }
    @media (max-width: 767px) { /*手機板*/
            #mainarea #main_roulette { /*轮盘*/
                width: 280px;
                height: 280px;
                right: 0;
                left: unset;
                top: -62px;
            }
            #mainarea #bet_rect_roul {
                display: none;
                opacity: 0;
                transition: 0.8s;

            }
            #mainarea #bet_curve_roul { /*下注曲盘*/
                width: 472px;
                height: 125px;
                left: 18px;
                top: 230px;
                transition: 0.8s;
            }
            #mainarea #bet_rect_roul { /*下注长方形盘*/
                width: 472px;
                height: 199px;
                left: 18px;
                top: 283px;
                transition: 0.8s;
                opacity: 1;

            }
            #bottom_btn_result {
                display: flex;
                align-items: center;
                height: 77px;
                border-top: solid 2px #686a1b;
                color: #DDD;
                background: #1a160b;
            }
            #bottom_road_div_out{
                border-top:unset!important;
            }
            #bottom_btn_result .bottom_button {
                background: url('/img/roulette/bottom_btn.png')no-repeat;
                background-size: 100%;
                background-position: 0 6px;
                width: 160px;
                height: 62px;
                margin:0 5px;
            }
            #bottom_btn_result .bottom_button.active {
                background-position: 0 -71px;
            }
            #bottom_btn_result>canvas {
                height: 85px;
                flex: 1;
            }
            .hide_chips {
                height: 0!important;
                padding: 0!important;
                overflow: hidden;
                transition: 0.8s;
            }
            
        }
        @media (min-width: 768px) { /*電腦板*/

            .bottom_road_div.r1{width: 25%!important; position: relative;}/*r1珠盤三路*/
            .bottom_road_div.r2{width: 625px!important;max-height: unset!important;position: relative;}/*r2文字*/
            .bottom_road_div.r3{width: 12%;height: 100%;}
            
            #ab_1, #ab_2, #ab_3, #ap_1, #ap_2, #ap_3{height: 10px;width: 10px;font-size: 10pt;}
            
            .bottom_road_div.r1::-webkit-scrollbar{background-color: transparent;scroll-padding:unset;}
            .bottom_road_div.r1::-webkit-scrollbar-thumb{background-color: transparent;}
            .bottom_road_div.r1::-webkit-scrollbar-corner{background-color: transparent;}

            .bottom_road_div.r2::-webkit-scrollbar{background-color: transparent;}
            .bottom_road_div.r2::-webkit-scrollbar-thumb{background-color: transparent;}
            .bottom_road_div.r2::-webkit-scrollbar-corner{background-color: transparent;}
            

            .bottom_road_div.r1 .button-left.r1{background:rgb(115 110 110 / 50%); width: 10px; height: 40px; position: fixed; left:460px; bottom: 85px;display: none;}
            .bottom_road_div.r1 .button-left.r1 i.arrow-left{width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid white; margin: auto; position: absolute; left: 0; right: 3px; top: 0; bottom: 0;}

            .bottom_road_div.r1 .button-right.r1 { background: rgb(115 110 110 / 50%); width: 10px; height: 40px; position: fixed; right: 891px; bottom: 85px;display: none;}
            .bottom_road_div.r1 .button-right.r1 i.arrow-right{width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid white; margin: auto; position: absolute; left: 3px; right: 0; top: 0; bottom: 0;}

            .bottom_road_div.r2 .button-left.r2{background:rgb(115 110 110 / 50%); width: 10px; height: 40px; position: fixed; left: 710px; bottom: 85px;display: none;}
            .bottom_road_div.r2 .button-left.r2 i.arrow-left{width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid white; margin: auto; position: absolute; left: 0; right: 3px; top: 0; bottom: 0;}

            .bottom_road_div.r2 .button-right.r2 { background: rgb(115 110 110 / 50%); width: 10px; height: 40px; position: fixed; right: 265px; bottom: 85px; display: none;}
            .bottom_road_div.r2 .button-right.r2 i.arrow-right{width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid white; margin: auto; position: absolute; left: 3px; right: 0; top: 0; bottom: 0; }
        }
        .roulBtn{
            border-bottom: 1px solid #d2a36e;
        }
        .roulBtn:last-child {
            border-bottom: unset;
        }
        .roulBtn.active, .roulBtn:hover {
            background: #b36f31;
        }
/* end gary css  */
    .deckcard{ /*完整牌靴 卡片樣式*/
        width: 12.3%; height: 100px; background-size: cover; background-position: center; float: left; font-size: 130%;
        border: 1px solid #666; border-radius: 3px; text-align: right; margin: 0.9%; cursor: pointer; box-shadow: 0 0 3px 0 #222;
        user-select: none; -moz-user-select: none;
    }
    .deckcard>span{
        display: inline-block; margin-right: 4px;
    }
    @media (max-width: 767px) { /*手機板*/
        .deckcard{ width: 18%; font-size: 110%;}
    }
    #br_deckshow_carddetail>.br_carddetail_div1{ /*完整牌靴 單一卡細節 四格主div*/
        width: 50%; float: left; padding: 6px;
    }
    #br_deckshow_carddetail>.br_carddetail_div2{
        width: 50%; float: left; border: solid 4px #fff; border-bottom: none; padding:5px; border-top-left-radius: 5px; border-top-right-radius: 5px;
    }
    #br_deckshow_carddetail>.br_carddetail_div3{
        width: 50%; float: right; border: solid 4px #fff; border-top: none; padding:5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
    }
    #br_deckshow_carddetail>.br_carddetail_div4{
        width: 50%; float: right; padding: 6px;
    }
    @media (max-width: 767px) { /*手機板*/
        #br_deckshow_carddetail>.br_carddetail_div1, #br_deckshow_carddetail>.br_carddetail_div2, #br_deckshow_carddetail>.br_carddetail_div3, #br_deckshow_carddetail>.br_carddetail_div4{
            width: 100%;
        }
        .br_carddetail_div4 .c-icon{/*完整牌靴 單一卡細節 驗證按鈕箭頭轉向*/
            -moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);
        }
    }
    .deckshow_carddetail_card{/*完整牌靴 單一卡細節 卡片樣式*/
        background-size: cover; background-position: center; text-align: right; border: 1px solid #666; border-radius: 3px; box-shadow: 0 0 3px 0 #222; user-select: none; -moz-user-select: none; cursor: pointer;
    }
    .deckshow_carddetail_card>span{
        margin-right: 4px;
    }
    #br_deckshow_carddetail textarea{/*完整牌靴 單一卡細節 全部文字框*/
        width: 100%; color: #fff; background-color: #333; border-radius: 5px; padding: 5px; background-repeat: no-repeat; background-position: bottom right;
    }
    #br_deckshow_carddetail .correctBg{/*完整牌靴 單一卡細節 驗證後背景*/
        /*background-color: rgba(46, 184, 92, 0.2);*/
        animation-name: correctBg_animate;
        animation-duration: 0.6s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }
    #br_deckshow_carddetail .wrongBg{
        /*background-color: rgba(229, 83, 83, 0.2);*/
        animation-name: wrongBg_animate;
        animation-duration: 0.6s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }
    @keyframes correctBg_animate {
        from {background-color: rgba(46, 184, 92, 0.1);}
        to {background-color: rgba(46, 184, 92, 0.25);}
    }
    @keyframes wrongBg_animate {
        from {background-color: rgba(229, 83, 83, 0.1);}
        to {background-color: rgba(229, 83, 83, 0.25);}
    }
    .tryListCard {/*完整牌靴 單一卡細節 換張卡試試 卡片樣式*/
        width: 12.3%; height: 100px; margin: 0.9%; float: left;
    }
    .tryListCard>span{
        display: inline-block; margin-right: 4px;
    }
    @media (max-width: 767px) { /*手機板*/
        .tryListCard{ width: 18%;}
    }



    /*內容細節*/
    .game_body>.b_left>.l_listdiv{ /*左側遊戲選單*/
        margin-bottom: 10px;
        cursor: pointer;
    }
    .game_body>.b_left>.l_listdiv>.l_canvasdiv{
        border: 1px solid #000; height: 80px; background-color: white;
        overflow-x: hidden;
    }


    /*好路提示按鈕*/
    #goodroad_btn{
        position: absolute;
        top: 355px;
        cursor: pointer;
        z-index: 20;
    }
    #haoLuSum_btn{
        position: absolute;
        top: -8px;
        left: 28px;
        font-size: 10pt;
        font-weight: 900;
        color: #fff;
    }


    /*下方路圖區*/
    #bottom_div{/*下DIV 外寬 也要設置*/
            /*下方RWD移除更動屬性 20201023*/
            top: 598px;
    }
    @media (max-width: 767px) { /*手機板*/
        #bottom_div{
            /*下方RWD移除更動屬性 20201023*/
            /* top: 540px; */
            top:650px;
        }
    }
    #bottom_road_word{ /*右側文字*/
        white-space:nowrap; position: relative; font-size: 24px; font-weight: 700;background: #42403b;border: 2px solid #d2a36e;text-align: center;cursor: pointer;
    }
    #bottom_road_word .wordspace{
        display: inline-block;
    }
    #bottom_road_word ch .wordspace{
        width: 50px;
    }
    #bottom_road_word en .wordspace{
        width: 90px;
    }
    #bottom_road_word #ab_1{
        display: none;
        border: solid 2px;
        border-radius: 50%;
        margin-right: 5px;
    }
    #bottom_road_word #ab_2{
        display: none;
        border-radius: 50%;
        margin-right: 7px;
    }
    #bottom_road_word #ab_3{
        display: none;
        transform-origin:bottom center;
        transform:rotateZ(25deg);
        font-weight: 900;
    }
    #bottom_road_word #ap_1{
        display: none;
        border: solid 2px;
        border-radius: 50%;
        margin-right: 5px;
    }
    #bottom_road_word #ap_2{
        display: none;
        border-radius: 50%;
        margin-right: 7px;
    }
    #bottom_road_word #ap_3{
        display: none;
        transform-origin:bottom center;
        transform:rotateZ(25deg);
        font-weight: 900;
    }
    @media (max-width: 767px) { /*手機板*/
        #bottom_road_word .wordspace{
            display: inline;
        }
    }
    .bottom_road_div{ /*走路區*/
        float: left;
        overflow-x: hidden;
        overflow-y: hidden;
    }
    .bottom_road_div.r1{
        border-left: solid 1px #000;
        border-right: solid 1px #000;
        height: 100%;
    }
    .bottom_road_div.r2{
        max-height: 95px;
    }
    @media (min-width: 768px) { /*電腦板*/
        .bottom_road_div.r1{width: 90%;}/*r1珠盤三路*/
        .bottom_road_div.r2{width: 10%;}/*r2文字*/
        #ab_1, #ab_2, #ab_3, #ap_1, #ap_2, #ap_3{
            height: 10px;
            width: 10px;
            font-size: 10pt;
        }
    }
    @media (max-width: 767px) { /*手機板*/
        .bottom_road_div.r1{width: 100%;border-left:unset;border-right:unset;opacity: 0;}/*r1珠盤三路*/
        .bottom_road_div.r2{
            display: none;
            /* width: 100%; background-color: #333; */
        }/*r2文字*/
        #bottom_road_word{
            width: 100%;
            font-size: 16px;
        }
        #bottom_road_word>span{
            padding-right: 7px;
        }
        #ask_banker, #ask_player{
            padding-right: 1px !important;
        }
        #ab_1, #ab_2, #ab_3, #ap_1, #ap_2, #ap_3{
            width: 13px;
            height: 13px;
            font-size: 12pt;
        }
    }
    .ask-click:hover{ /*右下莊閒問路效果*/
        background-color: rgba(255,255,255,0.5);
        border-radius: 3px;
    }

    #bottom_road_div_out{/*下方路圖 外框div*/
        border-top: solid 2px #686a1b; color: #DDD;
        background: -webkit-linear-gradient(#1a160b,#000);
        background: -o-linear-gradient(#1a160b,#000);
        background: -moz-linear-gradient(#1a160b,#000);
        background: linear-gradient(#1a160b,#000);
    }
    #bottom_road_div_in{/*下方路圖 內框div*/
        margin-left: auto; margin-right: auto; max-width: 1000px;
    }


    #bottom_chip_btn_div{/*籌碼按鈕區*/
        margin-left: auto; margin-right: auto; padding: 6px; background-color: rgba(0,0,0,0.7); border-radius: 8px;
    }
    @media (min-width: 768px) { /*電腦板*/
        #bottom_chip_div{ width: 440px; float: right;} /*籌碼區*/
        #bottom_btn_div{ width: 185px; float: right;
        } /*按鈕區*/
        #bottom_chip_btn_div{/*籌碼按鈕區*/
            width: 641px; height: 62px; 
        }
    }
    @media (max-width: 767px) { /*手機板*/
        #bottom_chip_div{ width: 440px; margin: 0 auto;
            height: 60px
        } /*籌碼區*/
        #bottom_btn_div{ width: 185px; margin: 0 auto;
            height: 60px;
        } /*按鈕區*/
        #bottom_chip_btn_div{/*籌碼按鈕區*/
            width: 453px; height: 124px;transition: 0.8s;overflow: hidden;
        }
    }
    .chip,.chipclone{/*籌碼本體*/
        color: white;
        background-size: cover; float: left; text-align:center; font-weight: 900;
        user-select: none; -moz-user-select: none; cursor: pointer;
        width: 50px;
        height: 50px;
    }
    .chipclone{
        /*background-size: 70%;*/ background-repeat:no-repeat; background-position: center;
    }
    .chipclone.chipwin{ /*勝利的籌碼*/
        transform: scale(1.4);
        color: #ed7c0f;
    }
    .chipact{
        border:2px #ed7c0f solid; border-radius:10%;
        color: #ed7c0f;
        background-color: rgba(0,0,0,0.7);
        box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.4);
    }
    #chipconfig{ /*修改按鈕*/
        float: left; cursor: pointer; user-select: none; -moz-user-select: none; padding-top: 5px;
    }
    .chipconfig_ipt{ /*修改輸入框*/
        width:100%; line-height: 20px; padding:0px; text-align:center;
    }
    #sound{
        float: left; cursor: pointer; user-select: none; -moz-user-select: none; padding-top: 5px; margin-left: 5px;
    }
    #sound_controller_border{
        position: absolute;
        top: -50px;
        left: 800px;
        width: 350px;
        height: 56px;
        border-radius: 10px;
        background: -webkit-linear-gradient(300deg, #BF6E1D 0,#F3C63D 20%, #F3C63D 50%,#BF6E1D 100%);
        background: -moz-linear-gradient(300deg, #BF6E1D 0,#F3C63D 20%, #F3C63D 50%,#BF6E1D 100%);
        background: -ms-linear-gradient(300deg, #BF6E1D 0,#F3C63D 20%, #F3C63D 50%,#BF6E1D 100%);
        background: -o-linear-gradient(300deg, #BF6E1D 0,#F3C63D 20%, #F3C63D 50%,#BF6E1D 100%);
        background: linear-gradient(300deg, #BF6E1D 0,#F3C63D 20%, #F3C63D 50%,#BF6E1D 100%);
    }
    #sound_controller{
        position: absolute;
        top: 1px;
        left: 1px;
        width: 348px;
        height: 54px;
        background: #000;
        border-radius: 10px;
        color: #fff;
    }
    #sound_controller svg{
        cursor: pointer;
    }
    #sound_controller .active{
        color: yellow;
    }
    @media (max-width: 767px) {
        #sound_controller_border{
            top: -70px;
            left: 113px;
            width: 280px;
            height: 70px;
        }
        #sound_controller{
            width: 278px;
            height: 68px;
            font-size: 150%;
        }
    }
    #sound_controller input[type="range"]{
        -webkit-appearance: none;
        padding: 0 !important;
        height: 20px;
        width: 70px;
        background: none;
        outline: none;
        border-radius: 0;
        overflow: hidden;
        cursor: pointer;
    }
    #sound_controller input[type="range"]::-webkit-slider-runnable-track {
        background-color: #fff;
        height: 5px;
        margin-top: 8px;
    }
    #sound_controller input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 11px;
        height: 11px;
        background-color: #CEB224;
        border-radius: 50%;
        margin-top: -3px;
    }
    #sound_controller input[type="range"]::-ms-track {
        padding: 0 !important;
        margin-top: 8px;
        height: 5px !important;
        color: transparent;
    }
    #sound_controller input[type="range"]::-ms-thumb {
        width: 11px;
        height: 11px;
        background-color: #CEB224;
        border-radius: 50%;
        margin-top: -3px;
    }
    #sound_controller input[type="range"]::-ms-fill-lower {
        background: #fff;
    }
    #sound_controller input[type="range"]::-ms-fill-upper {
        background: #fff;
    }
    #bottom_btn_div .btn{ /*確定 清除 重複按鈕*/
        margin: 3px 1px 3px 1px; width: calc(33% - 4px);
    }
    #betbtn_confirm,#betbtn_clear,#betbtn_redo{ /*確認 取消 再下注*/
        float: left;
        height: 50px;
        width: 50px;
        background-position: center;
        background-size:cover;
        cursor: pointer;
        margin: 0 5px;
    }
    @media (max-width: 767px) { /*手機板*/
        #betbtn_confirm,#betbtn_clear,#betbtn_redo{ /*確認 取消 再下注*/
            margin: 5px;
        }
    }
    #betbtn_confirm>div,#betbtn_clear>div,#betbtn_redo>div{
        height: 50px;
        width: 50px;
    }
    #bottom_btn_div .unact{ /*按鈕未啟用*/
        pointer-events:none;
        /*background-color: gray;
        border-color: #666;*/
        opacity: 0.5;
        -webkit-filter:grayscale(1);
        -webkit-filter: grayscale(1); /*灰階圖片*/
        -moz-filter: grayscale(1);
        -ms-filter: grayscale(1);
        -o-filter: grayscale(1);
        filter: grayscale(1);
        filter: gray; /* IE 6-9 */
    }

    /*主要下注區域*/
    #betcontent{/*最外區域*/
        height: 300px; max-width: 1200px; margin-left: auto; margin-right: auto;
    }
    #betcenter{/*中心*/
        position: absolute; height: 200px; pointer-events:none;
    }
    .betchdiv{
        line-height: 145%;
    }
    #betcenter>.betchdiv{
        width: 33.333%; float: left; height: 100%; pointer-events:auto;
    }
    #betleft{/*左*/
        width: 20%; float: left; height: 66.66%;
    }
    #betleft>.betchdiv{
        width: 100%; height: 50%; float: left;
    }
    #betright{/*右*/
        width: 20%; float: right; height: 66.66%;
    }
    #betright>.betchdiv{
        width: 100%; height: 50%; float: left;
    }
    #betbottom{/*下*/
        width: 100%; float: left; height: 33.33%;
    }
    #betbottom>.betchdiv{
        width: 25%; height: 100%; float: left;
    }
    #betcontent, #betcenter>.betchdiv, #betleft>.betchdiv, #betright>.betchdiv, #betbottom>.betchdiv{ /*邊框 及 子欄位共通設置*/
        border: solid 1px white;
        text-align: center;
        font-weight: 900;
        user-select: none; -moz-user-select: none;
        font-size: 110%;
        color: white;
        text-shadow: 0 0 1px #04282d,0 0 2px #04282d,0 0 3px #04282d,0 0 4px #04282d,0 0 5px #04282d,0 0 6px #04282d,0 0 7px #04282d;
    }
    .dobet{/*全下注區樣式*/
        cursor: pointer; 
    }
    .dobet.disablebet{/*dobet區域禁止下注*/
        background-color: rgba(0,0,0,0.2);
        pointer-events:none;
    }
    .dobet.flashBgAnimate { /*dobet背景閃爍動畫(開獎效果)*/
        animation-name: flashBgKf;
        animation-duration: 0.6s;
        animation-iteration-count:infinite;
        animation-direction: alternate;
    }
    @keyframes flashBgKf {
        from {background-color: rgba(0,0,0,0.2);}
        to {background-color: rgba(255,255,255,0.2);}
    }


    @media (max-width: 767px) { /*手機板*/
        #betcenter{/*中心*/
            position: static; width: 100%; 
            /*height: 42.86%;*/
            height: 60%;
        }
        #betleft, #betright{ /*左右*/
            width: 25%; 
            /*height: 28.57%;*/
            height: 40%;
        }
        #betleft>.betchdiv, #betright>.betchdiv{
            height: 100%;
            width: 100%; /*左右 下注欄位寬度調整 (因為龍寶 大小 被隱藏)*/
        }
        #betleft>.betchdiv{
            float: right;
        }
        #betbottom{/*下*/
            /*height: 28.57%;*/
            height: 40%;
            width: 50%;
        }
        #betbottom>.betchdiv{
            width: 50%; /*下 下注欄位寬度調整 (因為龍寶 大小 被隱藏)*/
        }
        #betcontent, #betcenter>.betchdiv, #betleft>.betchdiv, #betright>.betchdiv, #betbottom>.betchdiv{ /*邊框 及 子欄位共通設置*/
            font-size: 2vh;
        }
    }
    #betcontent .betchdiv.betfont_p{/*閒區字體*/
        font-size: 130%; color: #3399ff;
    }
    #betcontent .betchdiv>.betfont_d{/*和區字體*/
        font-size: 130%; color: #2eb85c;
    }
    #betcontent .betchdiv>.betfont_sp6{/*超級6區域*/
        font-size: 130%; border-top: 2px solid white;
    }
    #betcontent .betchdiv.betfont_b{/*莊區字體*/
        font-size: 130%; color: #e55353;
    }
    #betcontent .nocommission_switch_d{/*免傭切換 和*/
        height: 100%;
    }
    #betcontent .nocommission_switch_d.switchact{
        height: 50%;
    }
    #betcontent .nocommission_switch_sp6{/*免傭切換 超級6*/
        height: 100%; display: none;
    }
    #betcontent .nocommission_switch_sp6.switchact{
        height: 50%; display: block;
    }
    #betcontent .nocommission_switch_b{/*免傭切換 原始莊*/
        height: 100%;
    }
    #betcontent .nocommission_switch_b.switchact{
        display: none;
    }
    #betcontent .nocommission_switch_b2{/*免傭切換 切換莊*/
        height: 100%; display: none;
    }
    #betcontent .nocommission_switch_b2.switchact{
        display: block;
    }
    .treasurerule_questionbtn{ /*莊閒龍寶規則 入口問號按鈕*/
        display: inline-block; width: 20px; line-height: 16px; height: 20px; border-radius: 100%; border: 2px solid #fff; font-size: 15px; margin-left: 0px;
    }
    .treasurerule_questionbtn:hover{
        background-color: rgba(0,0,0,1);
    }

    /*上方資訊區 (下注時間 開獎結果 說明按鈕)*/
    .left_top_timecard{ /*左上方外框*/
        background-color: rgba(0,0,0,0.7); padding:0px 5px 0px 5px; max-height: 100%; position: absolute; z-index: 11; color: white; border-bottom-right-radius: 5px;
    }
    .lastresult_number{ /*結果比數數字*/
        display: inline-block; width: 25px; line-height: 25px; text-align: center; border-radius: 100%; color: white; border: 1px solid black;
    }
    #lt_Collapse,#rt_Collapse{ /*左右上收合按鈕*/
        position: absolute; z-index: 12; border: 1px solid white; background-color: rgba(0,0,0,0.5); width: 25px; line-height: 23px; text-align: center;border-radius: 100%; cursor: pointer; user-select: none; -moz-user-select: none; top:1px;
        transition: -webkit-transform 0.3s, -webkit-left 0.3s;
        transition: transform 0.3s, left 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s, left 0.3s, -webkit-left 0.3s;
    }
    .collapse_act{
        -moz-transform:rotate(180deg);
        -webkit-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        transform:rotate(180deg);
    }
    .smallcard_horizontal{/*上局開獎小卡片 水平卡框*/
        height: 35px; padding: 2px 11px; line-height: 29px; 
    }
    .smallcard_vertical{/*上局開獎小卡片 垂直卡框*/
        width: 55px; height: 55px; padding: 2px; line-height: 22px;;
    }
    .smallcard{/*上局開獎小卡片 卡片本體*/
        border:1px solid black; border-radius: 100%; height: 100%; text-align: center;
        background-color: white;
        background-image: url("../img/smallcardbg_i.png"); background-repeat: no-repeat; background-position: 0;
        cursor: pointer; user-select: none; -moz-user-select: none;
    }
    .right_top_gameinfo{/*右上方即時訊息框*/
        width:25%; max-width: 220px; background-color: rgba(0,0,0,0.7); max-height: 100%; position: absolute; z-index: 11; right: 0px; padding: 0px 5px 5px 5px; color: white; border-bottom-left-radius: 5px;
    }
    #bet_st_p3, #bet_st_d3, #bet_st_b3{
        transition: -webkit-transform 0.3s, -webkit-width 0.3s;
        transition: transform 0.3s, width 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s, width 0.3s, -webkit-width 0.3s;
    }

    /*正中央主要卡區*/
    #maincardarea{ /*外框主區*/
        position: absolute; width: 100%; z-index: 9; /*height: 300px;*/
    }
    #maincardarea_bottom{
        width: 100%; position: absolute;  top: -5px;
    }
    #maincardarea_bottom_center{
        width: 100%; max-width: 550px; margin: 0 auto;
    }
    .maincardgroup_l, .maincardgroup_r{/*左側右側*/
        width: 22%; float: left; min-height: 1px; height: 100%;
    }
    @media (max-width: 767px) { /*手機板*/
        .P_point_word{
            top:15px;
        }
        .B_point_word{
            top:15px;
        }
    }
    @media (min-width: 768px) { /*電腦板*/
        .maincardgroup_l{
            width: 11%;
        }
        .P_point_word{
            left:-125px; top:90px; text-align:right;
        }
        .B_point_word{
            left:125px; top:90px; text-align:left;
        }
    }
    .maincardgroup_main{/*主卡區*/
        width: 26%; float: left; min-height: 1px; height: 100%;
    }
    .maincardgroup_c{/*中區*/
        width: 4%; float: left; min-height: 1px; height: 100%;
    }
    .maincard{/*全部主卡*/
        background-size:cover; text-align: right; cursor: pointer;
        user-select: none; -moz-user-select: none;
        border: 1px solid #666; border-radius: 4px; padding-right: 2px; line-height: 18px;
        background-position: center;
        text-shadow: 0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white;
        box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.8);
    }
    .topcard{/*上方補卡的卡*/
        width: 46%; margin: 0 auto;
        -moz-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
    }
    .clonetopcard{
        -moz-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
    }
    .clonepackcard{ /*收牌匣角度*/
        -moz-transform:rotate(8deg);
        -webkit-transform:rotate(8deg);
        -o-transform:rotate(8deg);
        -ms-transform:rotate(8deg);
        transform:rotate(8deg);
    }
    .cloneoddercard{ /*發牌匣角度*/
        -moz-transform:rotate(-63deg);
        -webkit-transform:rotate(-63deg);
        -o-transform:rotate(-63deg);
        -ms-transform:rotate(-63deg);
        transform:rotate(-63deg);
    }
    .centercard{/*中央莊閒的卡*/
        width: 46%; margin: 0 2%; float: left; height: 92px;
    }
    .minicard{/*右下方小卡(預備卡)*/
        width: 40%; margin: 0 2%; float: right; background-size:cover;
    }
    @media (max-width: 767px) { /*手機板*/
        .maincardgroup_lr{ width: 23%; }/*左右兩側*/
        .maincardgroup_main{ width: 26%; }/*主卡區*/
        .maincardgroup_c{ width: 2%; }/*中區*/
        .maincard{
            font-size: 60%;
            line-height: 13px;
        }
    }
    #packcard_div{/*發牌收牌匣 收牌區*/
        position: absolute; z-index: 12; left:0px; top:0px; cursor: pointer; width: 168px; height: 120px;
    }
    #offercard_div{/*發牌收牌匣 發牌區*/
        position: absolute; z-index: 12; right:0px; top:0px; cursor: pointer; width: 200px; height: 120px;
    }
    #packcard_word{/*發牌收牌匣 收牌文字*/
        position: absolute; left: 128px; top: 12px; color: white; font-size: 18px;
    }
    #offercard_word{/*發牌收牌匣 發牌文字*/
        position: absolute; left: 4px; top: 12px; color: white; font-size: 18px;
    }
    /*局號與免傭文字位置*/
    #gameidDiv{ position: absolute; }
    #ncswitchDiv{ position: absolute; }
    @media (min-width: 768px) { /*電腦板*/
        #gameidDiv  { left:910px;  top:180px; }
        #ncswitchDiv{ left:1070px; top:180px; }
    }
    @media (max-width: 767px) { /*手機板*/
        #gameidDiv  { left:95px;  }
        #ncswitchDiv{ left:195px;bottom:270px   ; }
    }
    lg2, .lg2 {
        display: none;
    }
    .pointer{
        cursor: pointer;
    }