body{font-family:Verdana,'微軟正黑體';color:#000;}
#navbarNav{position:relative;}
.navbarRight{position:absolute;right:0;}
.navbarLeft{position:absolute;left:0;}
.navcntRight{margin-right:0}
.navcntLeft{margin-left:0;}
.navbar-dark .navbar-nav .nav-link{color: rgba(255,255,255,.7);}
.navbar-dark .navbar-nav .nav-link:hover{color: rgba(255,255,255);}
a:link{text-decoration-line:none;}
.deadlineinfo{padding:.5rem 1rem;color:#fff;}
.fa-bell{font-size:1.3rem;}
#expired a, #unseen a{color:#ffe000;position:relative;}
#expired a, #unseen a{color:#ffe000;position:relative;}
#expired e, #unseen e{width:15px;height:15px;line-height:15px;background-color:red;border-radius:50%;position:absolute;top:-6px;right:-10px;font-size:0.8rem;font-weight:bold;text-align:center;}
.expand{display:none;position:absolute;background-color:#212529;padding:5px;border-radius:5px;z-index:2}
#outbetNotify .expand{right:0;min-width:110px;}
#outbetNotify .expand div{border-bottom:1px solid #555;color:#fff;}
.top-header{background-color:#253a54;}
.top-header2{background-color:#bd2130;}
.footer{-webkit-font-smoothing:antialiased;width:100%;clear:both;bottom:0;left:0;}
.announce{padding:1rem;border:1px solid #000;margin-top:-2px;}
.table-borderless td, .table-borderless th {border:0;}
.borderShadow{border:1px solid #ddd;box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;}
.error{color:#f00;}
.width80{width:80px;}
.cell100{min-width:100px;display:inline-block;}
.textbox{display:inline !important;width:7rem !important;}
.textnumbox{display:inline !important;width:7rem !important;text-align:right;}
.smaller{font-size:90%;}
.large{font-size:1.2rem;}
.larger{font-size:1.3rem;}
.red{color:#f00;}
.blue{color:#0000ff;}
.orange{color:#fd7e14;}
.gray{color:#6c757d;}
.black{color:#000;}
.yellow{color:#fff000;}
.green{color:#008000;}
.underline{border-bottom:2px solid #f00;color:#f00;}
.btn-orange{color:#000;background-color:#fca35a;border-color:#fca35a;}
.btn-orange:hover{background-color:#df9151;border-color:#df9151;}
.btn-outline-dark{color:#000;}
.success{position:absolute;left:100px;background-color:#28a745;padding:10px 50px;font-size:1.5rem;display:none;}
.unique{font-size:.9rem;color:000;}
.tooltip-inner{max-width:300px !important;text-align:left;}
#bet{background-color:#ffff99;font-size:1.5rem;height:50px;width:83%;}
#betContent{color:blue;}
#betContent c{display:inline-block;vertical-align:middle;width:25px;line-height:1;}
#multiNumber{color:#f00;padding:5px 0 0 5px;}
.max100{max-width:100% !important;}
.queryBox{background-color:#f8f9fa;}
#candsList, #candsArea{position:fixed;top:0;z-index:1021;background-color:#3c5a98;border:1px solid #366caf;min-height:300px;border-radius:0 10px 10px 0;}
#candsArea{width:670px;padding:20px 0px 20px 5px;z-index:1023;}
#candsArea .candsListBox{width:660px;}
#candsArea .menuTab{position:absolute;top:15px;right:-30px;width:30px;background-color:#3c5a98;color:#ffffff;text-align:center;
  padding:10px 0;border-radius: 0 10px 10px 0;}
#candsArea .candsListBox span e:nth-child(1){width:115px;overflow:hidden;white-space:nowrap;float:left;}
#candsArea .candsListBox span e:nth-child(2){float:right;color:#0026ff;}
.candsListBox span{background-color:#fff;}
#candsList div.candsListBox span e:nth-child(2){float:right;text-align:right;color:#0026ff;}
/*.candsListBox, .percentsListBox, .stakesListBox, .copyPageBox{max-width:900px;}*/
.candsListBox span{float:left;width:155px;padding:3px;margin:1px;cursor:pointer;border:1px solid #ccc;border-radius:3px;white-space:nowrap;overflow:hidden;}
.candsListBox span:hover, .carListBox td:hover{background-color:#ffffcc;}
.candsListBox .fas.fa-check-circle, .candsListBox .far.fa-circle{color:#6c757d;}
.candsListBox .hasdata:hover{cursor:default;}
.carListBox, .rankBox{line-height:1.1rem;}
.carListBox td{cursor:pointer;min-width:85px;}
.carListBox e, .rankBox e{color:#0066CC;font-size:1rem;padding:.2rem 0;display:block;}
/*.carListBox.star3 e{font-size:.8rem;}*/
.rankBox e{display:inline-block;padding:.2rem 0 .2rem .2rem;}
.rankBox .integer{color:#B13A18;font-size:.7rem;}
.carListBox .integer{color:#B13A18;font-size:.9rem;}
.carListBox .decimal{color:#4e4e4e;-webkit-transform:scale(0.95);display:inline-block;font-size:.7rem;}
.carListBox .carTable{height:300px;}
.carListBox.carTable e{font-size:1.2rem;margin-bottom:.3rem;}
.carListBox.carTable .integer{font-size:1.2rem;color:#000;}
#candform .num{text-align:right;}
#carCal{border:1px solid #dee2e6;border-radius:50%;}
#carCal input[type='text']{text-align:right;padding-right:5px;border:1px solid #dee2e6;border-radius:5px;}
#carCal .fas{font-size:1.8rem;vertical-align:middle;color:#007bff;}
#carCal .summery{color:#0066CC;font-size:1.2rem;}
.slide{color:#007bff;cursor:pointer;}
.slide .fas{font-size:1.2rem;}
.slide e{font-size:.9rem;}
.copyPageBox .item{width:80px;padding:.5rem;margin-right:1rem;background-color:#343a40;color:#fff;}
.copyPageBox .fa-plus-square, .copyPageBox .fa-minus-square, .copyBatch .fa-plus-square, .copyBatch .fa-minus-square{font-size:1.5rem;vertical-align:middle;color:#007bff;}
#copyBatch .item{font-weight:bold; margin-right:1rem;}
.percentsListBox input[type='text']{width:60px;}
.percentsListBox .item{width:100px;padding:.5rem;margin-right:1rem;background-color:#343a40;color:#fff;}
#betTable span{float:left;width:46%;position:relative;}
#betTable span i{position:absolute;right:-68px;top:0;font-size:0.7rem;color:#6c757d;text-align:right;}
#betTable span i e{font-size:1rem;}
#betTable span.w60{width:60%;}
#betTable span win{color:#0000ff;font-weight:bold;}
#betTable input[type='text']{color:#0026ff;width:80px;border:1px solid #d7d5dd;background:#e8e9fb;text-align:right;margin-right:2px;padding-right:2px;font-size:.8rem;}
#betTable input[type='checkbox']{width:18px;height:18px;vertical-align:middle;margin-left:5px;cursor:pointer;}
#betTable .won{background:#E7FAF8 !important;color:#f00 !important;}
#betTable tr:hover{background-color:#ffffcc;}
#betTable td{padding:0.2rem;}
#betTable div{float:right;}
#betTable .wonArea i{margin-left:6px;vertical-align:middle;cursor:pointer;}
#betTable .wonArea i.fa{color:#f00;}
[list]::-webkit-calendar-picker-indicator{display: none !important;}
#betHead{width:100%;}
#betHead div{float:right;}
#betHead div span{display:inline-block;width:80px;text-align:center;margin: 0 1px;padding-right:2px;}
#sheetTable tr{text-align:center;}
#sheetTable tbody span{color:#0026ff;}
#won1, #won2, #won3, #won4, #won5, #won6, #won7{color:#f00;}
/*#sheetTable th{background-color: #d7e9ff;color:black;}*/
.periodNumber{font-size:1.3rem;color:#0066CC;}
.winningNumbers{display:inline-block;vertical-align:top;}
.winningNumbers e{font-weight:700;display:inline-block;text-align:center;width:31px;height:31px;line-height:31px;border-radius:50%;
	margin-right:6px;background:linear-gradient(180deg,#fff34b 0,#ffe048 50%,#b79100)}
.winballs{display:inline-block;vertical-align:top;}
.winballs e{font-weight:700;font-size:.8rem;display:inline-block;text-align:center;width:24px;height:24px;line-height:24px;border-radius:50%;
  margin-right:6px;background:linear-gradient(180deg,#fff34b 0,#ffe048 50%,#b79100)}
.memberSelect .fas{font-size:1.5rem;color:#007bff;cursor:pointer;}
.betNo{float:left;text-align:left;max-width:350px;line-height:1;}
.betNo c{display:inline-block;border:1px solid #d7e9ff;padding:3px;margin-bottom:3px;vertical-align:middle;}
.betNo e{display:inline-block;width:25px;vertical-align:top;}
.betNo t{display:inline-block;width:25px;text-align:center;}
.betNo win{color:#0000ff;font-weight:bold;}
.betCnt{float:right;padding:0 3px;color:#0000ff;background-color:#b1ff7d;}
.won w{color:#993300;font-size:80%;}
.keyin-content.table-striped tr.trlink:hover{cursor:default;}
.keyin-content td{text-align:right;}
.winning-drawn{display:none;}
.explain{color:#fd7e14;}
.explain::before{font-family:"Font Awesome 5 Free";content:"\f0f3";font-size:1.2rem;margin-right:.2rem;}
.pointer{cursor:pointer;}
#bill .thead-dark th{background-color:#d7e9ff;color:#000;border-color:#000;cursor:default;}
#bill .normal{font-weight:100;}
#bill .noprint tr:hover{background-color:#fff !important;cursor:default;}
#bill tr:hover{background-color:#ffffcc !important;cursor:pointer;}
#bill tr.summery{cursor:default;}
#bill tr:nth-of-type(even).summery:hover{background-color:rgba(0,0,0,0);}
#bill tr:nth-of-type(odd).summery:hover{background-color:rgba(0,0,0,.05);}
#bill tr.summery td table, #bill tr.summery td table tr td{border:0;background-color:#fff;}
#bill tr.summery td table{padding-right:0;}
#bill tr.summery td table tr td{padding-left:10px;padding-right:0;text-align:left;}
#bill tr.summery td table tr:hover{background-color:#fff;cursor:default;}
.bill th{line-height:2;}
.bill td{text-align:right;padding:5px 3px 5px 1px;color:#000;font-size:.8rem;}
.bill .td0{width:70px;}
.bill .td1{width:70px;}
.bill .td2{width:60px;}
.bill .td3{width:80px;}
.bill .td4{width:130px;}
.bill tr.summery td, .billone tr.summery td, .sumtop td{background-color:#fff;}
.sumtop{border-top:3px solid #000;}
.bill .c1{float:left;}
.bill td.won{font-size:.7rem;color:#555;}
.billone{font-size:.95rem;}
.billone td{text-align:right;padding:3px 3px 3px 1px;color:#000;}
.billone .td0{min-width:55px;width:55px;text-align:center;}
.billone .td1{width:148px;}
.billone .td2{width:116px;}
.billone .down{color:#0000ff;}
.billone .print td{background-color:#fff;border-left:2px solid #fff;border-right:2px solid #fff;height:30px;}
.billone .car{display:inline-block;text-align:left;}
.billone .tab1{width:80px;}
.billone .tab2{width:130px;}
.billone .tab3{width:170px;}
.billone tr.summery.by td{background-color:#fffce0;}
.billone .back{font-weight:bold;color:#555;}
.updownDetail{font-size:.8rem;}
.updownDetail table{width:800px;}
.updownDetail tr td{min-width:40px;}
.updownDetail tr td:nth-child(2){text-align:center;}
.updownDetail tr td:nth-child(5), .updownDetail tr td:nth-child(6), .updownDetail tr td:nth-child(7){text-align:right;}
.updownDetail tr td:nth-child(3){word-break:break-all;width:50%;}
#showDowns tr td:nth-child(2){text-align:center;}
#showDowns tr td:nth-child(3), #showDowns tr td:nth-child(4){text-align:left;}
#showDowns tr td:nth-child(5), #showDowns tr td:nth-child(6), #showDowns tr td:nth-child(7){text-align:right;}
#showDowns tr td:nth-child(3){word-break:break-all;width:50%;}
.feature li{margin-bottom:1rem;}
.max-840{max-width:840px;}
#cands tr td{text-align:right;}
#cands .fa-check{color:#f00;font-size:.7rem;margin-right:.25rem;}
.running{z-index:99;background-color:#f8f9fa;position:absolute;}
.printA4{width:21cm;margin:0 auto;padding-bottom:100px;}
.bill50{width:100%;color:#000;}
.w20{width:20px;}
.bill50 td{text-align:right;padding:0 3px 0 0;}
.bill50 .head td{text-align:center;}
.bill50 .tail td{text-align:left;}
.bill50 td.tdw{width:60px;}
/*.printB4{width:21cm;margin:0 auto;padding-bottom:100px;font-size:1rem;}*/
.printB4{font-size:1rem;}
.printB4 select{font-size:1rem;}
.abgne_tab{clear:left;width:100%;margin: 0 0 -1px 0;}
.abgne_tab ul, .abgne_tab li{margin:0;padding:0;list-style:none;}
ul.tabs{width:100%;height:35px;border-left:1px solid #000;}
ul.tabs li{float:left;height:34px;line-height:34px;overflow:hidden;position:relative;margin-bottom:-1px;
  border:1px solid #000;border-left:none;background:#e1e1e1;z-index:2;}
ul.tabs li a{display:block;padding:0 20px;color:#000;border:1px solid #fff;text-decoration:none;}
ul.tabs li a:hover{background:#ccc;}
ul.tabs li.active {background:#fff;border-bottom:1px solid #fff;}
ul.tabs li.active a:hover{background:#fff;}
div.tab_container{width:100%;}
div.tab_container .tab_content{padding:10px 0;}
.form-control.datetimepicker-input{width:130px;}
.report td{text-align:right;}
.report .w-50{min-width:50px;}
.winbox table{width:800px;}
.winbox .table tr td{padding:.1rem;font-size:.8rem;min-width:35px;}
.winbox .table tr td:nth-child(2){text-align:center;}
.winbox .table tr td:nth-child(4){text-align:right;}
.winbox .table tr td:nth-child(3){word-break:break-all;}
.winbox .large{font-size:.9rem;}
#priceform input{text-align:right;padding-right:3px;}
.editor e{cursor:pointer;}
.editor input[type='text']{display:inline;}
.editor .date{width:120px;}
.editor .text{width:160px;}
.editor span{display:none;}
#done{background-color:#fd7e14;color:#fff;padding:3px 9px;border-radius:20px;display:none;position:absolute;z-index:1030;}
#editor-user{display:none;}
#editor-user .fas{font-size:2rem;cursor:pointer;}
#winning-numbers .winNum{background-color:#ffffcc;width:48px;}
#winning-numbers .taihao, #winning-numbers .tewei{width:80px;text-align:right;margin-left:3px;}
#dup, #dup1{display:none;}
#loading{position:fixed;left:0;top:0;height:100%;width:100%;z-index:99995;opacity:.5;background-color:#ccc;display:none;}
#loadings{position:absolute;top:50%;left:50%;z-index:99996;display:none;}
.loading{position:absolute;left:50%;z-index:99995;display:none;}
.remain{text-align:right;border:0;}
.repeatsBox{position:absolute;background-color:#fff;border:1.2px solid #000;padding:.5rem;max-width:40%;word-break:break-all;text-align:left;cursor:default;margin-bottom:30px;}
#fax{display:none;float:left;margin-top:-56px;}
.removeRight{padding-left:0;margin-right:0;max-width:1000px;}
.navRight{position:inherit !important;}
#candsChoose{display:none;width:720px;}
#mailList{margin:0;padding:0;}
#mailList li{cursor:pointer;margin:5px;border:1px solid #555;list-style-type:none;float:left;text-align:center;height:310px;}
#mailList li img{width:200px;height:274px;}
#mailList li:hover{border-color:#fd7e14;}
#siteOption{border:1px solid #4e555b;padding:0.5rem;border-radius:2px;background-color:#fff;z-index:1;position:absolute;}
#siteOption span{display:inline-flex;padding:2px;width:180px;cursor:pointer;}
#siteOption span:hover{background-color:#ccc;}
.winNumBox span{font-weight:bold;font-size:1.2rem;padding:0 3px;margin-right:10px;cursor:pointer;}
.winNumBox span.check{background-color:#666;color:#fff;}
#factorList tr td e{word-break:break-all;}
#addDownPrice .fa-hand-point-left{animation:shake 3s ease infinite;}
#userList tr:hover{background-color:#ffffcc;}

.mailContent .noprint, .mailContent .fa-times{display:none;}
.mailContent .orange, .mailContent .blue, .mailContent .red{color:#000;}
.mailContent .billone td{font-size:14px;padding:0 3px 0 1px;font-family:'微軟正黑體';color:#000;font-weight:bold;}
.mailContent #bill .thead-dark th{background-color:#fff;font-weight:bold;}
.mailContent .winningNumbers e{background:#fff;}
.mailContent .periodNumber, .mailContent .billone .down{color:#000;}
.mailContent .billone table td, .mailContent .billone table th{border:1px solid #000;border-collapse:collapse;border-left:0;border-top:0;}

#receiptPrint td, #receiptPrint div{font-family:微軟正黑體;font-size:1.5rem;font-weight:bold;}
#receiptPrint .td0{width:36px;white-space:nowrap;}
#receiptPrint .td1{width:70px;white-space:nowrap;}
#receiptPrint .td2{width:39px;white-space:nowrap;text-align:right;}
#receiptPrint .td3{width:100px;white-space:nowrap;text-align:right;}
#receiptPrint .td31{width:100px;text-align:center;}
#receiptPrint .td12{width:70px;white-space:nowrap;font-size:1rem;}
#receiptPrint .td22{width:55px;white-space:nowrap;text-align:right;}
#receiptPrint .betNo{max-width:none;}

.outbet thead {background-color:#d7e9ff;}
.outbet tr td{padding:5px 3px 5px 1px;font-size:.8rem;}
.outbet .pointer:hover{background-color:#ffffcc !important;}

.break-before{page-break-before:always;}

@-webkit-keyframes blink{50%{border-color:#fff;}}
.blinkBorder{border: 1px solid #f00;-webkit-animation:blink .5s step-end infinite alternate;animation-iteration-count:6;border-radius:5px;}

.custom-control{padding-left:1.2rem !important;}
.table td, .table th{padding:.3rem;vertical-align:middle;border-color:#000;}
.keyinHelp.table td{padding:.2rem;}
.slow-spin {
  -webkit-animation: fa-spin 6s infinite linear;
  animation: fa-spin 6s infinite linear;
}
.table-striped tr.trlink:hover{background-color:#ffffcc !important;cursor:pointer;}
.table-bordered tr:nth-child(even) td, .table-bordered tr:nth-child(odd) td, .table-bordered tr:nth-child(even) th, .table-bordered tr:nth-child(odd) th{border:1px solid #000 !important;}
.input-group.date{width:170px;}
.billMemo{max-width:200px;word-break:break-all;}
#stakesSum-box input[type='text']{color:#0026ff;width:80px;border:1px solid #d7d5dd;background:#E7FAF8;text-align:right;margin-right:2px;padding-right:2px;font-size:.8rem;}

#compare,#compareList th{width:60px;text-align:center;}
#compareList td{width:60px;text-align:right;}
#compareList input[type='text']{width:60px;border:none;color:#f00;text-align:right;}
#compareList input.editor{border:1px solid #000;color:#000;width:400px;text-align:left;}
#compareList .msg{background-color:#17a2b8;color:#fff;padding:2px;}

@media print {
  .noprint, .fa-times{display:none;}
  .orange, .blue, .red, .table .thead-dark th, a, .periodNumber, .carListBox e, .rankBox e{color:#000;}
/*  .billone td{font-size:20px;padding:0 3px 0 1px;font-family:'微軟正黑體';}
  .billone td.td0{font-size:16px;padding:0 1px;}*/
  .bill td{font-size:1.2rem;padding:0 3px 0 1px;}
  .bill .c1{display:none;}
  .winningNumbers e{border:1px solid #000;}
  .bill-print{max-width:100% !important;padding:0;margin:0;}
  .pay-ec{max-width:450px;}
  .betternet-wrapper{display:none;}

	@page {
	  /* 設定列印紙張大小 寬 高 橫向 */
	  /*size: 297mm 210mm landscape;*/
	  /* page用margin才能隱藏掉瀏覽器列印的 "頁首及頁尾" 選項 */
	  margin: 25px 30px 10px 30px;
	}

}