html,
body {
    font-family: Arial, 'Microsoft YaHei', 'Microsoft JhengHei', Helvetica, sans-serif !important;
    /* background-color: black; */
    background-color: rgb(240, 241, 243);
}

body #wrapper {
    overflow: hidden;
    min-height: 100%;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

#topBar {
    display: block;
    background-color: rgb(255, 255, 255);
    border-bottom: rgba(0, 0, 0, 0.05) 1px solid;
}

#topBar,
#topBar>.container {
    min-height: 39px;
}

#header,
#topNav,
#topMain {
    display: block;
}

.menuRwd-ul {
    float: right !important;
    display: inline-block;
    margin-top: 10px;
    padding: 0px !important;
    margin-bottom: 0px !important;
}

.menuRwd-ul li {
    list-style: none;
    display: inline-block;
    position: relative;
}

.marquee-icon {
    color: rgb(255, 255, 255);
    font-size: 37px;
    /*margin-left: 14px;*/
    line-height: 43px;
    float: left;
}

.mq-height {
    height: 42px;
    padding-left: 0px;
    width: 96%;
    float: left;
    padding-top: 4px;
}

ul.marquee {
    font-size: 20px;
    height: 27px;
}

.homepage_marquee {
    height: 42px !important;
    /*position: fixed !important;*/
    color: rgb(255, 255, 255);
    top: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    background-color: rgb(17, 106, 120) !important;
    /* background-image: url(../images/bg-img/sign_bg.jpg); */
}

#header {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    z-index: 900;
    font-size: 14px;
    background-color: rgb(255, 255, 255);
}

#header.transparent {
    /*position: absolute;*/
    background-color: transparent;
    border-bottom: rgba(255, 255, 255, 0.3) 1px solid;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#header.header-md #topNav a.logo {
    height: 70px;
    line-height: 50px;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

#topNav button.btn-mobile {
    color: rgb(51, 51, 51);
    display: none;
    padding: 6px 10px;
    float: right;
    margin-top: 13px;
    margin-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.float-right {
    float: right !important;
}

#header.navbar-toggleable-md .navbar-collapse {
    display: inherit;
    width: auto;
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#headTop {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999;
}

.fixedTop {
    position: fixed;
    top: 0;
    z-index: 999;
    background-color: rgb(255, 255, 255);
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.menuMain {
    width: 100%;
}

.logoTop {
    height: 60px;
    padding: 5px 0;
}

.lotoMenu {
    width: 100%;
    line-height: 70px;
    display: flex;
}

.lotoMenu li {
    flex: 1;
    height: 70px;
    line-height: 70px;
    margin: 0;
    padding: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor: pointer;
}

.fixedTop .lotoMenu li .dropdown-toggle {
    color: rgb(51, 51, 51) !important;
}

.lotoMenu li a {
    width: 100%;
    height: 70px;
    display: inline-block;
    font-weight: bold;
}

.lotoMenu li .dropdown-toggle {
    height: 70px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.lotoMenu li .dropdown-toggle:hover {
    cursor: pointer;
    background-color: rgb(24, 176, 179);
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.lotoMenu-LongDragonRemind-btn {
    flex: 1;
    height: 70px;
    line-height: 70px;
    margin: 0;
    padding: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor: pointer;
    font-weight: 600;
}

.fixedTop .lotoMenu-LongDragonRemind-btn {
    color: black;
}

.fixedTop .lotoMenu-LongDragonRemind-btn:hover {
    cursor: pointer;
    background-color: rgb(24, 176, 179);
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    color: black;
}

.lotoMenu-LongDragonRemind-btn:hover {
    cursor: pointer;
    background-color: rgb(24, 176, 179);
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    color: white;
}

.menuMain-general .lotoMenu-LongDragonRemind-btn {
    color: rgba(0, 0, 0, 0.63);
}

.fixedTop .menuMain-general .lotoMenu-LongDragonRemind-btn {
    color: black;
}

.lotoMenu .dropdown-menu {
    min-width: 100% !important;
    /*left: -55px !important;*/
    text-align: center;
    color: rgb(11, 11, 11);
    padding: 0;
    margin: 0;
}

.lotoMenu .dropdown-menu a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}


/*.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    !* padding: .5rem 0; *!
    !* margin: .125rem 0 0; *!
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: rgb(255,255,255);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}*/

.container-content {
    width: 1286px;
    max-width: 100%;
    margin: auto;
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
        max-width: 100%;
        margin: auto;
    }
    .container-m {
        width: 1286px !important;
        max-width: 100% !important;
        margin: auto;
        padding: 0px;
    }
}

@media (min-width: 1800px) {
    .container-content-m {
        width: 1623px;
        max-width: 100% !important;
        margin: auto;
    }

    .en-us .container-content-m {
        width: 1623px!important;
    }
}

.flexslider {
    padding-top: 42px;
}

.footer {
    background-color: rgb(95 95 95);
    color: white;
    padding: 6px;
    text-align: center;
}

.flex-flex-end {
    display: flex;
    align-items: flex-end;
}

.menu2-border-right {
    border-right-color: rgb(0 0 0 / 18%);
    border-right-style: solid;
    border-right-width: 1px;
}

.record-item-menu-pc {
    width: 10%;
    height: 39px;
    margin: 0;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: -1;
}

.record-item-menu-pc .circle-item-pc {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: rgb(0, 146, 255) 2px solid;
    background-color: rgb(0, 146, 255);
    color: white;
    top: 4px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    margin: auto;
    font-size: 19px;
}

.record-item-menu .circle-item-pk10-pc {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    background: rgb(255, 255, 255);
    border: rgb(0, 146, 255) 2px solid;
    background-color: rgb(0, 146, 255);
    color: white;
    top: 4px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    margin: auto;
    font-size: 19px;
}

.hour1-pc,
.hour2-pc,
.min1-pc,
.min2-pc,
.sec1-pc,
.sec2-pc {
    font-size: 18px;
}


/*字體粗度*/

.fw-100 {
    font-weight: 100;
}

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}


/*margin*/

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-7 {
    margin-top: 7px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-7 {
    margin-bottom: 7px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mr-3 {
    margin-right: 3px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.ml-3 {
    margin-left: 3px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}


/*padding*/

.pb-20 {
    padding-bottom: 20px !important;
}

.pt-10 {
    padding-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}


/*首頁內容*/

.drop-ball-order {
    float: left;
    line-height: 50px;
    font-size: 18px;
    font-weight: 600;
    width: 3vw;
}

.border-bottom-rgb23_176_174 {
    border-color: rgb(23, 176, 174);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.LotoIndex-menu-btn {
    color: rgb(61, 62, 64);
    font-weight: 700;
    max-width: 20%;
}

.LotoIndex-menu-btn.on {
    background: rgb(255, 182, 23);
    border: rgb(255, 182, 23) 2px solid !important;
    background-color: rgb(255, 182, 23);
}

.time-div {
    display: initial;
    background-color: rgb(18, 105, 122);
    color: rgb(255, 255, 255);
    margin-right: 3px;
    border-radius: 7px;
    padding: 3px;
}

.time-div-2 {
    display: inline;
    font-weight: 900;
    color: rgb(18, 105, 122);
}

.LotoIndex-style .recordChoice {
    width: 100%;
    overflow: hidden;
    margin: 0px auto 0 auto;
}

.LotoIndex-style-bg .recordChoice {
    width: 50%;
    overflow: hidden;
    margin: 0px auto 0 0;
}

.LotoIndex-style .recordChoice .record-item-pk10 {
    float: left;
    width: 6%;
    height: 48px;
    margin: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.LotoIndex-style-bg .recordChoice .record-item-pk10 {
    float: left;
    width: 10%;
    height: 48px;
    margin: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.LotoIndex-style .recordChoice .record-item-pk10 .circle-item-pk10 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9;
    background: rgb(255, 255, 255);
    border: rgb(27, 38, 44) 2px solid !important;
    background-color: rgb(255, 255, 255);
    color: rgb(27, 38, 44) !important;
    top: 4px;
    width: 40px;
    height: 40px;
    border-radius: 25%;
}

.LotoIndex-style .recordChoice .record-item-pk10 .circle-item-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9;
    top: 4px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgb(3, 143, 254);
    border: rgb(3, 143, 254) 1px solid !important;
    background-color: rgb(3, 143, 254);
    color: rgb(255, 255, 255) !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotoIndex-style .recordChoice .record-item-pk10 .circle-item-bg.superNumber {
    background: rgb(231, 3, 18);
    border: rgb(231, 3, 18) 1px solid !important;
    background-color: rgb(231, 3, 18);
    color: rgb(255, 255, 255) !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotoIndex-style .recordChoice .record-item-pk10 .circle-item-Xsc {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9;
    top: 4px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgb(223, 1, 14);
    border: rgb(223, 1, 14) 1px solid !important;
    background-color: rgb(223, 1, 14);
    color: rgb(255, 255, 255) !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotoIndex-style .recordChoice .record-item-pk10 .circle-item-Win {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9;
    top: 4px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgb(16 212 210);
    border: rgb(16 212 210) 1px solid !important;
    background-color: rgb(16 212 210);
    color: rgb(255, 255, 255) !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotoIndex-style .recordChoice .record-item-pk10 .circle-item-Blt,
.LotoIndex-style .recordChoice .record-item-pk10 .circle-item-Six {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9;
    top: 4px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgb(231, 3, 18);
    border: rgb(231, 3, 18) 1px solid !important;
    background-color: rgb(231, 3, 18);
    color: rgb(255, 255, 255) !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotoIndex-style .recordChoice .record-item-pk10 .circle-item-Blt.superNumber,
.LotoIndex-style .recordChoice .record-item-pk10 .circle-item-Six.superNumber {
    background: rgb(38, 171, 56) !important;
    border: rgb(38, 171, 56) 1px solid !important;
    background-color: rgb(38, 171, 56) !important;
}

.LotoIndex-style .recordChoice .record-item-pk10 .circle-item-Pow.superNumber {
    background: rgb(231, 3, 18) !important;
    border: rgb(231, 3, 18) 1px solid !important;
    background-color: rgb(231, 3, 18) !important;
}

.LotoIndex-style .recordChoice .record-item-pk10 .circle-item-Pow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9;
    top: 4px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgb(159, 231, 23);
    border: rgb(159, 231, 23) 1px solid !important;
    background-color: rgb(159, 231, 23);
    color: white !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotoIndex-style .recordChoice .record-item-pk10 .circle-item-Ths,
.LotoIndex-style .recordChoice .record-item-pk10 .circle-item-Fos {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9;
    top: 4px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgb(229, 163, 254);
    border: rgb(229, 163, 254) 1px solid !important;
    background-color: rgb(229, 163, 254);
    color: white !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotoIndex-style .recordChoice .record-item-pk10 .circle-item-Ftn,
.LotoIndex-style .recordChoice .record-item-pk10 .circle-item-Fan {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9;
    top: 4px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgb(253, 243, 0);
    border: rgb(253, 243, 0) 1px solid !important;
    background-color: rgb(253, 243, 0);
    color: rgb(0, 0, 0) !important;
}

.LotoIndex-style .recordChoice .record-item-pk10 .circle-item-Ftn.hundredArray-style {
    background: rgb(128 127 122);
    border: rgb(128 127 122) 1px solid !important;
    background-color: rgb(128 127 122);
    color: rgb(255, 255, 255) !important;
}


/*幸運飛艇的10個彩球顏色*/

.LotoIndex-style .recordChoice .record-item-pk10.bingo01 .circle-item-pk10 {
    background-color: rgb(255, 189, 0);
    border: rgb(255, 189, 0) 2px solid !important;
    color: rgb(255, 255, 255) !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotoIndex-style .recordChoice .record-item-pk10.bingo02 .circle-item-pk10 {
    background-color: rgb(0, 203, 249);
    border: rgb(0, 203, 249) 2px solid !important;
    color: rgb(255, 255, 255) !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotoIndex-style .recordChoice .record-item-pk10.bingo03 .circle-item-pk10 {
    background-color: rgb(107, 107, 107);
    border: rgb(107, 107, 107) 2px solid !important;
    color: rgb(255, 255, 255) !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotoIndex-style .recordChoice .record-item-pk10.bingo04 .circle-item-pk10 {
    background-color: rgb(255, 103, 0);
    border: rgb(255, 103, 0) 2px solid !important;
    color: rgb(255, 255, 255) !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotoIndex-style .recordChoice .record-item-pk10.bingo05 .circle-item-pk10 {
    background-color: rgb(38, 205, 177);
    border: rgb(38, 205, 177) 2px solid !important;
    color: rgb(255, 255, 255) !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotoIndex-style .recordChoice .record-item-pk10.bingo06 .circle-item-pk10 {
    background-color: rgb(62, 5, 144);
    border: rgb(62, 5, 144) 2px solid !important;
    color: rgb(255, 255, 255) !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotoIndex-style .recordChoice .record-item-pk10.bingo07 .circle-item-pk10 {
    background-color: rgb(182, 182, 182);
    border: rgb(182, 182, 182) 2px solid !important;
    color: rgb(255, 255, 255) !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotoIndex-style .recordChoice .record-item-pk10.bingo08 .circle-item-pk10 {
    background-color: rgb(254, 0, 9);
    border: rgb(254, 0, 9) 2px solid !important;
    color: rgb(255, 255, 255) !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotoIndex-style .recordChoice .record-item-pk10.bingo09 .circle-item-pk10 {
    background-color: rgb(99, 35, 36);
    border: rgb(99, 35, 36) 2px solid !important;
    color: rgb(255, 255, 255) !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotoIndex-style .recordChoice .record-item-pk10.bingo10 .circle-item-pk10 {
    background-color: rgb(1, 108, 56);
    border: rgb(1, 108, 56) 2px solid !important;
    color: rgb(255, 255, 255) !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotoIndex-gameMenu-btn {
    float: left;
    text-align: center;
    height: 6em;
    width: 113px;
    border-radius: 13px;
    margin: 0px 15px 0px 0px;
    color: rgb(57, 57, 57) !important;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
}
.LotoIndex-gameMenu-btn span {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.68);
}
#downloadQR-2 {
    padding: 10px;
    background-color: white;
    color: black;
    width: 9%;
    height: 195px;
    position: fixed;
    top: 72%;
    left: 57%;
    border-radius: 10px;
    text-align: center;
    font-size: 13px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
}

@media (max-width: 1600px) {
    .LotoIndex-gameMenu-btn {
        float: left;
        text-align: center;
        height: 6em;
        width: 99.5px;
        border-radius: 13px;
        margin: 0px 15px 0px 0px;
        color: rgb(57, 57, 57) !important;
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
    }
    /* 樂透選單過多換行fix */
    #Lotto-content .LotoIndex-gameMenu-btn {
        width: 88px!important;
    }
    /* 四星選單過長會換行fix */
    .menu-LotteryFos #distribution,
    .menu-LotteryFosTrend #distribution,
    .menu-LotteryFosRandom #distribution,
    .menu-LotteryFosStatistics #distribution {
        margin: 0!important;
    }
    .LotoIndex-gameMenu-btn span {
        font-size: 12px;
        color: rgba(0, 0, 0, 0.68);
    }
    #downloadQR-2 {
        padding: 10px;
        background-color: white;
        color: black;
        width: 9%;
        height: 172px;
        position: fixed;
        top: 67%;
        left: 55%;
        border-radius: 10px;
        text-align: center;
        font-size: 13px;
        box-shadow: 0px 0px 6px rgb(0 0 0 / 35%);
    }
}

.LotoIndex-gameMenu-btn i {
    font-size: 47px;
    display: block;
    color: rgb(22, 110, 120);
    line-height: 61px;
}

.LotoIndex-table-style {
    width: 100%;
    text-align: center;
}

.LotoIndex-table-style th,
.LotoIndex-table-style td {
    border: 2px rgb(184, 184, 184) solid;
}

.color-tiger,
.color-single,
.color-small,
.color-fit,
.color-虎,
.color-單,
.color-小,
.color-合 {
    color: red !important;
}

.color-dragon,
.color-big,
.color-even,
.color-double,
.color-prime,
.color-龍,
.color-大,
.color-雙,
.color-質 {
    color: blue !important;
}

.color-小單 {
    color:  #db8100!important;
}

.color-和 {
    color: rgb(255, 0, 188) !important;
}

.color-小雙 {
    color: #198100 !important;
}

.LotoIndex-table-style td {
    padding: 5px !important;
}

.LotoIndex-history-btn {
    display: initial;
    padding: 10px 20px 10px 20px;
    background: rgb(251, 188, 31);
    background: -moz-linear-gradient(top, rgb(251, 188, 31) 0%, rgb(233, 165, 4) 61%, rgb(218, 157, 7) 100%);
    background: -webkit-linear-gradient(top, rgb(251, 188, 31) 0%, rgb(233, 165, 4) 61%, rgb(218, 157, 7) 100%);
    background: linear-gradient(to bottom, rgb(251, 188, 31) 0%, rgb(233, 165, 4) 61%, rgb(218, 157, 7) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgb(251,188,31)', endColorstr='rgb(218,157,7)', GradientType=0);
    color: red;
    font-size: 18px;
    font-weight: bolder;
    border-radius: 8px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
    position: absolute;
    left: 88%;
    top: 23px;
    transform: translate(-50%, -50%);
}

.content-segment-style {
    padding-bottom: 15px;
    border-bottom-color: rgba(0, 0, 0, 0.21);
    border-bottom-width: 2px;
    border-bottom-style: dashed;
}

.icon-mixedGraph,
.icon-dragonTiger,
.icon-firstAndSecondTrend {
    font-size: 61px !important;
}

.icon-sizeCouple,
.icon-showSuperNumberTimes {
    font-size: 62px !important;
}

.icon-coldHotTrend {
    font-size: 38px !important;
}

.icon-mantissa {
    font-size: 66px !important;
}

.icon-showNumberAppearTimes {
    font-size: 37px;
}

.menuMain-general {
    background-color: rgb(255, 255, 255);
}

.menuMain-general .lotoMenu li {
    color: rgba(0, 0, 0, 0.63);
}

.content-style {
    padding-top: 134px;
}

.LongDragonRemind-title {
    clip-path: polygon(0 0, 70% 0, 100% 100%, 0% 100%);
    background-color: rgb(9, 64, 75);
    width: 182px;
    padding: 10px 10px 10px 40px;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 600;
}

.LongDragonRemind-checkbox {
    text-align: center;
    padding: 0px;
    border-color: rgba(0, 0, 0, 0.67);
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    line-height: 34px;
    margin-right: 10px;
}

.LongDragonRemind-checkbox.on,
.setSynchronousButton.on {
    border-color: rgb(236, 182, 32);
    color: rgb(236, 182, 32);
}

.LongDragonRemind-select {
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    height: 25px;
}

.LongDragonRemind-th {
    border-top-style: none !important;
    border-left-style: none !important;
}

.LongDragonRemind-search-btn {
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.39);
    color: rgb(255, 255, 255);
    border-radius: 7px;
    width: 65px;
    margin: auto;
}

a:hover {
    text-decoration: none;
}

.LotoIndex-gameMenu-btn:hover {
    background-color: rgb(28, 178, 179);
}

.LotoIndex-gameMenu-btn:hover i,
.LotoIndex-gameMenu-btn:hover span {
    color: rgb(255, 255, 255) !important;
}


/* pk-10 */

.filter-on-img {
    height: 16px;
    position: absolute;
    /* transform: translate(-50%,60%); */
    bottom: 0;
    right: 0;
    display: none;
}

.filter-on .filter-on-img,
.filter-on2 .filter-on-img {
    display: initial !important;
}

.openNums-pc .record-item-menu {
    z-index: 0;
}

.LotteryPpk-style-span-div {
    position: absolute;
    width: 100%;
    right: 0%;
    font-size: 16px;
    text-align: center;
    margin-top: 5px;
}

.LotteryPpk-color-style冠軍 {
    color: rgb(255, 197, 9);
}

.LotteryPpk-color-style季軍 {
    color: rgb(224, 92, 54);
}

.bingoNum-pc {
    width: 94%;
    margin: auto;
    margin-right: 0px
}

.bingoNum-pc .record-item-menu .circle-item {
    height: 30px;
    width: 30px;
    margin: auto;
}

.bingoNum-pc .record-item-menu.bingo-chc {
    display: contents;
    z-index: 0 !important;
}

.bingoNum-pc .record-item-menu {
    z-index: 0 !important;
}

.bingo-chc-pc .circle-item-chc-pc {
    background-color: rgb(254, 0, 9) !important;
    border: rgb(254, 0, 9) 2px solid !important;
    color: rgb(255, 255, 255) !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    border-radius: 50% !important;
}

.record-item-menu .circle-item-chc-pc {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: rgb(0, 146, 255) 2px solid;
    background-color: rgb(0, 146, 255);
    color: white;
    top: 4px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    margin: auto;
    font-size: 20px;
}

.bingo539 .circle-item-539-pc {
    background-color: rgb(254, 244, 0) !important;
    border: rgb(254, 244, 0) 2px solid !important;
    color: black !important;
    border-radius: 50% !important;
    text-shadow: none;
}

.record-item-menu .circle-item-539-pc {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: rgb(0, 146, 255) 2px solid;
    background-color: rgb(0, 146, 255);
    color: white;
    top: 4px;
    margin: auto;
    font-size: 20px;
}

.bingo-blt .circle-item-Blt-pc {
    background-color: red !important;
    border: red 2px solid !important;
    color: white !important;
    border-radius: 50% !important;
}

.record-item-menu .circle-item-Blt-pc {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: rgb(0, 146, 255) 2px solid;
    background-color: rgb(0, 146, 255);
    color: white;
    top: 4px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    margin: auto;
    font-size: 18px;
}

.record-item-menu .circle-item-wl-pc {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: rgb(159, 231, 23) 2px solid;
    background-color: rgb(159, 231, 23);
    color: white;
    top: 4px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    margin: auto;
    font-size: 18px;
}

.record-item-menu .circle-item-dw-pc {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: rgb(15, 215, 213) 2px solid;
    background-color: rgb(15, 215, 213);
    color: white;
    top: 4px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    margin: auto;
    font-size: 18px;
}

.bingo-blt-bingo .circle-item-Blt-pc {
    background-color: rgb(25, 176, 135) !important;
    border: rgb(25, 176, 135) 2px solid !important;
    color: white !important;
    border-radius: 50% !important;
}

.bingo-blt-bingo .circle-item-wl-pc {
    background-color: red !important;
    border: red 2px solid !important;
    color: white !important;
    border-radius: 50% !important;
}

.bingo-style-pc .recordChoice {
    width: 94%;
    height: 38px;
    margin: auto;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 0;
}

.bingo-style-pc .recordChoice .record-item {
    float: left;
    width: 10%;
    height: 39px;
    margin: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.bingo-style-pc .recordChoice .record-item .circle-item {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: rgb(0, 146, 255) 2px solid;
    background-color: rgb(0, 146, 255);
    color: white !important;
    top: 4px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    font-size: 19px;
}

.LotteryBgStatistics-table-ball {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: rgb(0, 146, 255) 2px solid;
    background-color: rgb(0, 146, 255);
    color: white;
    top: 4px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    margin: auto;
    font-size: 19px;
}

.long-dragon-div div,
.filter-num-div {
    font-size: 16px !important;
}

.time-selector-btn.inline input {
    font-size: 16px !important;
}

.Luk-style-pc .recordChoice {
    flex: 1;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.Luk-style-pc .recordChoice .record-item {
    float: left;
    width: 10%;
    height: 43px;
    margin: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.Luk-style-pc .recordChoice .record-item .circle-item {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: rgb(0, 146, 255) 2px solid;
    background-color: rgb(0, 146, 255);
    color: white !important;
    top: 4px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    font-size: 20px;
}

.Chc-style-pc .recordChoice {
    flex: 1;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.Chc-style-pc .recordChoice .record-item-blt {
    float: left;
    width: 16%;
    height: 38px;
    margin: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.Chc-style-pc .recordChoice .record-item-blt .circle-item-blt {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: red 2px solid;
    background-color: red;
    color: white !important;
    top: 4px;
    font-size: 20px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotteryFtn-tr-pc:nth-child(1) {
    background-color: rgb(232 250 198);
}

.LotteryFtn-style-pc .recordChoice {
    flex: 1;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.LotteryFtn-style-pc .recordChoice .record-item-539 {
    float: left;
    width: 19%;
    height: 44px;
    margin: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.LotteryFtn-style-pc .recordChoice .record-item-539 .circle-item-539 {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: rgb(254, 244, 0) 2px solid;
    background-color: rgb(254, 244, 0);
    color: black !important;
    top: 4px;
    font-size: 17px;
}

.LotteryFtn-style-pc .recordChoice .record-hundred-539 {
    float: left;
    width: 19%;
    height: 44px;
    margin: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.LotteryFtn-style-pc .recordChoice .record-hundred-539 .circle-item-539 {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: rgb(254, 244, 0) 2px solid;
    background-color: rgb(254, 244, 0);
    top: 4px;
    font-size: 17px;
}

.LotteryBlt-style-pc .recordChoice {
    flex: 1;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.LotteryBlt-style-pc .recordChoice .record-item-blt,
.LotteryBlt-style-pc .recordChoice .record-item-blt-bingo,
.LotteryBlt-style-pc .recordChoice .record-item-wl,
.LotteryBlt-style-pc .recordChoice .record-item-blt-wl {
    float: left;
    width: 15%;
    height: 40px;
    margin: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.LotteryBlt-style-pc .recordChoice .record-item-blt .circle-item-blt {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: red 2px solid;
    background-color: red;
    color: white !important;
    top: 4px;
    font-size: 16px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotteryBlt-style-pc .recordChoice .record-item-blt .circle-item-dw {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: rgb(15, 215, 213) 2px solid;
    background-color: rgb(15, 215, 213);
    color: white !important;
    top: 4px;
    font-size: 16px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotteryBlt-style-pc .recordChoice .record-item-blt .circle-item-wl {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: rgb(159, 231, 23) 2px solid;
    background-color: rgb(159, 231, 23);
    color: white !important;
    top: 4px;
    font-size: 16px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotteryBlt-style-pc .recordChoice .record-item-blt-bingo .circle-item-blt {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: rgb(25, 176, 135) 2px solid;
    background-color: rgb(25, 176, 135);
    color: white !important;
    top: 4px;
    font-size: 16px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotteryBlt-style-pc .recordChoice .record-item-blt-bingo .circle-item-wl {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: red 2px solid;
    background-color: red;
    color: white !important;
    top: 4px;
    font-size: 16px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}


/* 廣告 */

.right-zone {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 500px;
    transition: top 0.8s;
    z-index: 999;
}

.right-zone img {
    height: 96%;
    width: auto;
}


/* 關閉廣告按鈕 */

.right-zone span {
    position: absolute;
    color: white;
    font-size: 18px;
    cursor: pointer;
}

.LongDragonRemind-div {
    position: fixed;
    background-color: rgb(241 241 241);
    z-index: 999;
    width: 20%;
    right: 10px;
    padding: 10px;
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(24, 176, 177);
    bottom: 0px;
}

.LongDragonRemind-div .Betting {
    color: blue;
}

.LongDragonRemind-div .content-div {
    width: 100%;
    margin: auto;
    font-size: 14px;
}

.voice-switch {
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    background-color: rgb(24, 176, 177);
    color: #fff;
    border-radius: 10px;
    margin-left: 10px;
    font-size: 21px;
}

.Betting-immediately-btn {
    width: 81px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    border-radius: 5px;
    background: rgb(255, 190, 23);
    background: -moz-linear-gradient(top, rgb(255, 190, 23) 0%, rgb(236, 167, 4) 100%);
    background: -webkit-linear-gradient(top, rgb(255, 190, 23) 0%, rgb(236, 167, 4) 100%);
    background: linear-gradient(to bottom, rgb(255, 190, 23) 0%, rgb(236, 167, 4) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffbe17', endColorstr='#eca704', GradientType=0);
    color: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.35);
}

.close-remind-btn-02 {
    background-color: rgb(90, 90, 90) !important;
}

.setSynchronousButton {
    width: 100px;
    display: inline-block;
    text-align: center;
    padding: 2px 5px 2px 5px;
    font-size: 16px;
    font-weight: 600;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 7px;
    border-radius: 6px;
    border-color: rgb(169 169 169);
    margin-right: 35px;
    cursor: pointer;
}

.bingo-blt .LotterySix-number-color-red,
.LotoIndex-style .recordChoice .record-item-pk10 .LotterySix-number-color-red,
.LotteryBlt-style-pc .recordChoice .record-item-blt .LotterySix-number-color-red,
.bingo-blt-bingo .circle-item-Blt-pc.LotterySix-number-color-red {
    background-color: red !important;
    border: red 2px solid !important;
    color: white !important;
    border-radius: 50% !important;
}

.grey-bingo {
    background-color: rgb(128 127 122) !important;
    border: rgb(128 127 122) 2px solid !important;
    color: white !important;
    border-radius: 50% !important;
}

.bingo-blt .LotterySix-number-color-green,
.LotoIndex-style .recordChoice .record-item-pk10 .LotterySix-number-color-green,
.LotteryBlt-style-pc .recordChoice .record-item-blt .LotterySix-number-color-green,
.bingo-blt-bingo .circle-item-Blt-pc.LotterySix-number-color-green {
    background-color: rgb(34 173 56) !important;
    border: rgb(34 173 56) 2px solid !important;
    color: white !important;
    border-radius: 50% !important;
}

.bingo-blt .LotterySix-number-color-blue,
.LotoIndex-style .recordChoice .record-item-pk10 .LotterySix-number-color-blue,
.LotteryBlt-style-pc .recordChoice .record-item-blt .LotterySix-number-color-blue,
.bingo-blt-bingo .circle-item-Blt-pc.LotterySix-number-color-blue {
    background-color: rgb(0 119 167) !important;
    border: rgb(0 119 167) 2px solid !important;
    color: white !important;
    border-radius: 50% !important;
}

.bingo-blt-bingo .circle-item-Blt-pc.hundredArray-style {
    background-color: rgb(128 127 122) !important;
    border: rgb(128 127 122) 2px solid !important;
    color: white !important;
    border-radius: 50% !important;
}

.LotoIndex-style .recordChoice .record-item-pk10 .hundredArray-style {
    background-color: rgb(128 127 122) !important;
    border: rgb(128 127 122) 2px solid !important;
    color: white !important;
    border-radius: 50% !important;
}


/* 雙贏menu */

.record-item-dw {
    width: 16.66%;
    z-index: 0;
    height: 40px;
}


/*四星 三星*/

.record-item-menu .circle-item-ths-pc {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: rgb(0, 146, 255) 2px solid;
    background-color: rgb(0, 146, 255);
    color: white;
    top: 4px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    margin: auto;
    font-size: 20px;
}

.bingo-ths .circle-item {
    background-color: rgb(229, 163, 254) !important;
    border: rgb(229, 163, 254) 2px solid !important;
    color: white !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    border-radius: 50% !important;
}

.bingo-ths-pc .circle-item-ths-pc {
    background-color: rgb(229, 163, 254) !important;
    border: rgb(229, 163, 254) 1px solid !important;
    color: white !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    border-radius: 50% !important;
}

#number-distribute.LotteryThs {
    width: 11% !important;
    margin-left: 1%;
}

.LotteryThs-style-pc .recordChoice {
    flex: 1;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.LotteryThs-style-pc .recordChoice .record-item-blt,
.LotteryThs-style-pc .recordChoice .record-item-blt-bingo,
.LotteryThs-style-pc .recordChoice .record-item-wl,
.LotteryThs-style-pc .recordChoice .record-item-blt-wl {
    float: left;
    width: 15%;
    height: 40px;
    margin: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.LotteryThs-style-pc .recordChoice .record-item-ths .circle-item-ths {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    font-size: 16px;
    background: rgb(229, 163, 254);
    border: rgb(229, 163, 254) 1px solid !important;
    background-color: rgb(229, 163, 254);
    color: white !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}


/* .LotteryChc-winningTable.LotteryChc-winningTable-threestar tbody tr:first-child{
    background-color: rgb(230, 255, 226) !important;
} */

#bg_winningTable-pc tbody.green-firstTr tr:first-child {
    background-color: rgb(230, 255, 226) !important;
}

.LotteryThs-style-pc .recordChoice .record-item-ths .circle-item-dw {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: rgb(15, 215, 213) 2px solid;
    background-color: rgb(15, 215, 213);
    color: white !important;
    top: 4px;
    font-size: 16px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotteryThs-style-pc .recordChoice .record-item-ths .circle-item-wl {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: rgb(159, 231, 23) 2px solid;
    background-color: rgb(159, 231, 23);
    color: white !important;
    top: 4px;
    font-size: 16px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotteryThs-style-pc .recordChoice .record-item-ths-bingo .circle-item-ths {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: rgb(25, 176, 135) 2px solid;
    background-color: rgb(25, 176, 135);
    color: white !important;
    top: 4px;
    font-size: 16px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotteryThs-style-pc .recordChoice .record-item-ths-bingo .circle-item-wl {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: red 2px solid;
    background-color: red;
    color: white !important;
    top: 4px;
    font-size: 16px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.LotteryThs-style-pc .recordChoice .record-item-ths,
.LotteryThs-style-pc .recordChoice .record-item-ths-bingo,
.LotteryThs-style-pc .recordChoice .record-item-wl,
.LotteryThs-style-pc .recordChoice .record-item-ths-wl {
    float: left;
    width: 33%;
    height: 40px;
    margin: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.digit-color {
    background-color: rgb(238, 238, 238) !important;
    color: rgb(85, 85, 85) !important;
    border-top: 1px solid rgb(228, 228, 228) !important;
    height: 40px !important;
}

.no-digit-color {
    background-color: white !important;
    color: rgb(85, 85, 85) !important;
    border-top: 1px solid rgb(228, 228, 228) !important;
    height: 40px !important;
}

.tableMainFour>table:nth-child(1) tbody td:nth-child(1) {
    background-color: rgb(18, 105, 122);
    color: rgb(255, 255, 255);
}

#numberTablePc tbody td:nth-child(1) {
    background-color: rgb(18, 105, 122);
    color: rgb(255, 255, 255);
}


/* 版權說明 */

.copyright-content {
    width: 70%;
    margin-left: 15%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
    padding: 30px;
}

.aboutus-label {
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
    background-color: rgb(13, 91, 104);
    color: white;
    width: 10%;
    margin-left: 15%;
    height: 50px;
    padding: 10px;
    margin-top: 30px;
}

.aboutus-label span {
    font-size: 20px;
    font-weight: 600;
}

.aboutus-label i {
    font-size: 30px;
    vertical-align: bottom;
}

.footer-left {
    text-align: left;
}

.footer-right {
    text-align: right;
}

.footer-left p,
.footer-right p {
    color: rgb(210, 210, 210);
    padding-bottom: 15px;
    margin-bottom: 0;
}

.footer>div {
    width: 70%;
    margin-left: 15%;
}

.footer-right span:hover {
    cursor: pointer;
    color: blue;
}


/* 下載QR code */

.downloadQR-1 img,
#downloadQR-2 img {
    width: 80%;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
    margin-top: 5px;
    margin-bottom: 5px;
}

#downloadQR-2 ::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: white transparent transparent transparent;
}


/* 隨機選號 */

#randomNumberArea {
    width: 80%;
    margin: auto;
    margin-top: 25px;
    padding-bottom: 30px;
}

#randomNumberArea div {
    line-height: 45px;
}

#randomNumberArea div:nth-child(odd) {
    background-color: rgb(238, 238, 238);
}

.copyRandomBtn {
    border: none;
    background-color: rgb(24, 176, 177);
    color: white;
    border-radius: 3px;
}

.clearRandomBtn {
    border: none;
    background-color: rgb(128, 127, 122);
    color: white;
    border-radius: 3px;
}

.copyRandomBtn:focus,
.clearRandomBtn:focus {
    outline: none;
}

.viewArticle-viewContent-style img {
    width: 47%;
    height: auto;
}

#switchLanguage > a {
    padding: 10px;
    font-size: 15px;
    color: white;
    display: block;
    text-decoration: none;
}

#switchLanguage ul li > a {
    padding: 8px 6px;
}

#switchLanguage ul li {
    margin-bottom: 5px;
    font-size: 15px;
}

.language-icon {
    font-size: 19px;
    vertical-align: text-bottom;
}

.language-icon-shadow {
    -webkit-box-shadow: 2px 2px 2px #111;
    box-shadow: 2px 2px 2px #111;
    border-radius: 50%;
}

.dropdown-menu-style.show {
    display: block !important;
    -webkit-animation: fadeIn .5s !important;
    animation: fadeIn .5s !important;
    background-color: #fff !important;
    border: 0px !important;
}

.dropdown-menu-style {
   box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.35) !important;
    border-radius: 10px !important;
    padding: 10px !important;
}

/* 英文排版 */
.en-us #mixed-graph-table .col-1 {
    min-width: 10vw!important;
}

.en-us #open-his-double-side,
.en-us #long-dragon,
.en-us #number-distribute {
    width: auto!important;
    padding: 5px 10px!important;
}
.en-us #winning-anal-content .mt-20 {
    /* overflow-x: scroll; */
}

.en-us .openOrder {
    width: 3vw;
}

.en-us .container-content {
    width: 1380px;
}

.en-us #bg_winningTable-pc, 
.en-us #winningSumTable {
    width: 98%;
    margin-left: 1%;
}

.en-us .LongDragonRemind-title {
    width: 255px!important;
    padding: 10px 10px 10px 10px!important;
    font-size: 16px!important;
}
.en-us .setSynchronousButton {
    width: 170px!important;
    font-size: 14px;
}

.en-us #open-his-double-side-table-pc,
.en-us #winning-anal-table-pc,
.en-us #open-his-dragon-tiger-table-pc {
    table-layout: fixed;
}

.en-us .Chc-style-pc .recordChoice .record-item-blt {
    width: 19%!important;
}

.en-us #Chc-container .col-1 {
    min-width: 11%;
}
.en-us .special3 {
    font-size: 14px;
}
.en-us .lotoMenu-LongDragonRemind-btn {
    font-size: 14px;
}
.en-us .aboutus-label {
    width: 13%;
}