﻿/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap'); */
body{font-family:'Montserrat',Verdana,'微軟正黑體';color:#000;background-color:#e4e7ea;}

a:link{text-decoration-line:none;}
.top-header{padding:0.5rem;}
.top-header a{color: rgba(255,255,255,.7);}
.top-header a:hover{color: rgba(255,255,255);}
.table-borderless td, .table-borderless th {border:0;}
.error{color:#f00;}
.textbox{display:inline;width:7rem;}
.leftPercent{display:inline;width:3rem;text-align:right;padding:0.1rem;}
.leftMax{display:inline;width:4rem;text-align:right;padding:0.1rem;}
.smaller{font-size:90%;}
.large{font-size:1.2rem;}
.red{color:#f00;}
.blue{color:#0000ff;}
.orange{color:#fd7e14;}
.gray{color:#6c757d;}
.black{color:#000;}
.green{color:#1e7e34;}
.w-90{width:90%;margin:0 auto;}
.underline{border-bottom:2px solid #f00;color:#f00;}
.queryBox{background-color: #eee;}
.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;}
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;}
#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;}
#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;}
.custom-control-label.active::before,.custom-control-label.active::after{width:1.25rem;height:1.25rem;cursor:pointer;}
.candsListBox{max-width:720px;}
.candsListBox span e:nth-child(2){float:right;text-align:right;color:#0026ff;}
.candsListBox span{float:left;width:120px;padding:3px;margin:1px;cursor:pointer;border:1px solid #ccc;border-radius:3px;white-space:nowrap;overflow:hidden;background-color:#fff;}
.candsListBox span:hover{background-color:#ffffcc;}
.candsListBox .fas.fa-check-circle, .candsListBox .far.fa-circle{color:#6c757d;}
.candsListBox .hasdata:hover{cursor:default;}
#cands{overflow:hidden;max-height:150px;}
#active-sites{width:100%;}
#active-sites .site{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:240px;}
#active-sites .number{text-align:right;color:#0000ff;cursor:pointer;}
#active-sites .number:hover{color:#f00;}
#hints{color:#555;overflow:auto;max-height:300px;}
#details{overflow:auto;padding-bottom:30px;}
/*#details table tr td:nth-child(5), #details table tr td:nth-child(6), #details table tr td:nth-child(7), #details table tr td:nth-child(8), #details table tr td:nth-child(9){text-align:right;}
#details table tr td:nth-child(10), #details table tr td:nth-child(11){text-align:center;}
*/
#details table tr td:nth-child(6), #details table tr td:nth-child(7), #details table tr td:nth-child(8), #details table tr td:nth-child(9), #details table tr td:nth-child(10){text-align:right;}
#details table tr td:nth-child(11), #details table tr td:nth-child(12){text-align:center;}
#details table tr td input{cursor:pointer;}

.custom-control{padding-left:1.2rem !important;}
.custom-control-inline{margin-right:0.1rem !important;}
.custom-control.custom-checkbox{margin-right:0;}
.custom-control.custom-checkbox .custom-control-label{cursor:pointer;}
.table td, .table th{padding:.3rem;vertical-align:middle;}
.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 #ccc !important;}
.input-group.date{width:170px;}

table.dataTable tbody th, table.dataTable tbody td {
  padding: 0.3rem; 
}
table.dataTable thead th, table.dataTable thead td {
  padding: 0.3rem;
}

#stakesList td{word-break:break-all;}
#errorMsg{position:absolute;background-color:#f00;padding:0 10px;color:#fff;display:none;z-index:1;right:5px;border-radius:5px;}

@-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;}

.table-factor{
  margin: 0 auto;
  border-collapse: collapse;
  width: 95%;
  border-style: hidden;
  box-shadow: 0 0 0 1px #777;
  border-radius: 5px;
}
.table-factor td{
  /* padding: 2px; */
  text-align: left;
  border: 1px solid #777;
}
.table-factor th{
  font-size:90%;  
  text-align: left;
  color:#4e555b;
  /* border: 1px solid #777; */
  /* background-color: #6c757d;
  color: white; */
}


@media print {
  .noprint, .fa-times{display:none;}
  .orange, .blue, .red, .table .thead-dark th, a, .periodNumber, .carListBox e, .rankBox e{color:#000;}

  @page {
    /* 設定列印紙張大小 寬 高 橫向 */
    /*size: 297mm 210mm landscape;*/
    /* page用margin才能隱藏掉瀏覽器列印的 "頁首及頁尾" 選項 */
    margin: 25px 30px 10px 30px;
  }

}
