/* LOGO */
.home .layout .left-section .left-top-section .app-logo {
  height: 59px;
}
.home .layout .left-section .left-top-section .app-logo .app-name {
  color: #FFF;
}

.home .layout .left-section .left-top-section .check-account-info {
  height: 29px;
}

/* 跑馬燈 */
.Righttop {
  /* background: url(images/themes/TopBg1.png) 0 -91px repeat-x; */
}
.nav-bar .main-bar {
  color: #FFF;
}

/* 彩類選擇 */
.nav-bar .lottery-bar .lottery-options .select-button {
  background: rgb(0, 0, 158);
  font-size: 16px;
  padding: 10px 30px;
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
  color: #FFF;
}
/* 下拉菜单箭头样式 */
.nav-bar .lottery-bar .lottery-options .select-button::after {
  content: "\25BC";
  font-size: 12px;
  margin-left: 10px;
  color: white;
}
/* 悬停效果 */
.nav-bar .lottery-bar .lottery-options .select-button:hover {
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
}

.nav-bar .lottery-bar .lottery-options .lottery-box {
  border: 1px solid #0F4066;
  background: linear-gradient( to bottom, #2363B4 0%, #175097 100% );
}

.nav-bar .lottery-bar .lottery-options .option {
  /* border-bottom: 1px dashed #99B0DF;
  background: url(images/themes/TopBg1.png) 5px -176px repeat-x; */
  color: #EEE;
  background: rgb(0, 0, 158);
}

.nav-bar .lottery-bar .lottery-options .option:hover {
  color: #FF5E00;
  background-color: #FEFEFE;
}

/* 功能按鈕背景 */
.nav-bar .lottery-bar .btn-item {
  color: #FFF;
  background: rgb(0, 0, 158);
  font-weight: bold;
  font-size: 17px;
}
.nav-bar .lottery-bar .btn-item.active {
    background: #FFF;
    color: rgb(0, 0, 158);
}

.nav-bar .lottery-bar .btn-item:hover {
  color: #1E579F;
  background: linear-gradient( to bottom, #FEFEFE 0%, #E6E6E6 100% );
}
.nav-bar .lottery-bar .btn-item.change-line {
  color: #FFEB3B !important;
}
.nav-bar .lottery-bar .btn-item.change-line:hover {
  color: #FF5E00 !important;
}

/* 次選單 */
/* | 顏色 */
.nav-bar .play-bar span {
  color: #00369B;
}

.nav-bar .play-bar .play-item {
  color: #666;
}

/* TABLE */
.my-table td, #sp_tzcgTbody td, #JeuList tr {
  border: 1px solid #B8C4CD;
}

.t_list, .jeu_tr_c td {
  border: 0 solid #B8C4CD;
  background-color: #B8C4CD;
}

.jeu_tr_c {
  background-color: #EFF4F7;
}

.s_list {
  border: 1px solid #B8C4CD;
  background-color: #EFF4F7;
}

.my-dialog .dialog-table .dialog_title {
  border-bottom: 1px solid #B8C4CD;
  color: #FFF;
  background-color: #B8C4CD;
}

/* TD 標題背景 */
.primary-bg, #sp_tzcgTbody td.t_td_caption_1, .my-table .td-caption, .my-table .list-caption {
  /* background-color: #F5F5F5; */
  background: rgb(0, 0, 158);
}
.td-fff {
  color: #FFF !important;
}
.my-table .list-caption {
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  /* color: #511E02; */
  color: #FFF;
  font-weight: bold;
}
/* Table左側次標 */
.my-table .tb-column.primary-bg {
  color: #511E02;
  font-weight: bold;
  background-color: #F5F5F5;
}
.user-account .t_list .t_td_caption {
  width: 64px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  color: #511E02;
  background-color: #F5F5F5;
  font-weight: bold;
}

/* 6h上方選項 */
.tabtype button {
  background: #EFEFEF;
  color: #000;
  font-weight: bold;
}

.tabtype button.forth-bg, .tabtype button:hover {
  background: #FF9224;
  color: #FFF;
  font-weight: 700;
}

.my-table .third-bg {
  background-color: #96D9FB;
}
/* 6h快捷 */
.quick-6h {
  border-top: 1px solid #B8C4CD;
  border-right: 1px solid #B8C4CD;
  border-bottom: 1px solid #B8C4CD;
  border-left: 1px solid #B8C4CD;
}
.btn-area {
  border-right: 1px solid #B8C4CD;
  border-bottom: 1px solid #B8C4CD;
  border-left: 1px solid #B8C4CD;
}
.quick-title {
  width: 100%;
  padding: 3px;
  text-align: center;
  background: #C5D6E7;
}
.dia-content table thead tr th {
  color: #000;
  background: linear-gradient(to bottom, #FFF 0%,#F3FFFF 33%,#EAFEFF 48%,#E6FBFC 52%,#E6FEFE 55%,#E2FCFD 58%,#E1FFFF 61%,#DBFDFF 100%);
}
.dia-content table thead tr th, .dia-content table tbody tr td {
  border: 1px #7EB1C1 solid;
}

.td-captionx {
  color: #FFF !important;
  background: #2196F3;
}

.infoweb {
  background-color: #2196F3 !important;
  color: #e6e6e6;
  padding: 10px;
  font-size: 15px;
  height: 30px;
  font-size: 15px;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
}
.tTypeBtn {
  margin: 5px;
  border: 1px solid #2196f3;
  background: #2196f3;
  color: #fff;
  border-radius: 5px;
  padding: 3px;
  width: 10%;
}
.tTypeBtn:hover {
  background-color: #205eac; /* 移過去時的顏色 */
}

.tTypeBtn.selected {
  background-color: #205eac; /* 選擇後的顏色 */
}

/* 背景 */
.home {
  height: 100%;
  font-size: 12px;
  background-color: rgb(222, 236, 255);
}
.home.active {
  background-color: #FFF;
}
/* 歷史開獎 , 信用資料 table data */
/* .my-table .m_cen.list-tr:nth-of-type(2n+1),
.my-table #dataTable .list-tr:nth-of-type(2n+1) {
  height: 27px;
  text-align: center;
  line-height: 27px;
  background-color: rgb(212, 231, 255);
} */
.my-table .m_cen.list-tr:nth-of-type(odd),
.my-table #dataTable .list-tr:nth-of-type(odd) {
  background-color: rgb(212, 231, 255);
}

.my-table .m_cen.list-tr:nth-of-type(even),
.my-table #dataTable .list-tr:nth-of-type(even) {
  background-color: #FFF;
}
/* 下註明細 */
.my-table .list-tr .td-caption {
  background-color: #F5F5F5;
}
.my-table #dataTable .list-tr.tr-caption {
  background-color: #FFF;
}
.report_detail .my-table #dataTable .tr-caption td {
  vertical-align: middle;
  line-height: 26px;
  background: #FFF;
}
.report_detail .my-table #dataTable .tr-caption td.bgRed {
  background: #FFE0E0;
}
.report_detail .my-table #dataTable .tr-caption-3 td {
  background: rgb(210, 247, 247);
  color: #000;
}

.home .layout .left-section .left-bottom-section {
  /* background: #E6E6E6; */
  background: #FFF;
}
.home .layout .left-section .left-top-section, .home .layout .right-section .app-header {
  /* background: #2196F3; */
  /* background: rgb(0, 0, 158); */
}
.home .layout .left-section .left-top-section .check-account-info, .nav-bar .play-bar {
  border-bottom: 1px solid #CCC;
  /* background: #E6E6E6; */
  background: #FFF;
}
/* 快速錄入 */
.hiUjGF {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 98%;
  margin-bottom: 8px;
  padding: 5px 8px;
  min-height: 45px;
  background-color: #FFF !important;
}
/* 快速錄入 - 秒*/
.second-line #cdRefresh {
  margin-right: 12px;
}
/* 快速錄入 - 更新 */
.bettint-header .second-line .btn-common {
  width: 38px;
  height: 20px;
  margin-right: 16px;
  line-height: 16px;
  border: 1px solid #CCC;
  cursor: pointer;
  background-color: rgb(182, 118, 24);
  color: #FFF;
  display: inline-block;
  outline: rgb(111, 111, 111) solid 1px;
  border: 1px solid rgb(205, 205, 205);
}

/* 變更密碼 */
.container.info_data table td.tb-form, .container.changePsw table td.tb-form {
  text-align: left;
  background-color: #FFF;
}
/* 玩法規則 */
.container.announce_page {
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  background: #FFF;
}
/* 次標 - 快速錄入 */
/* .nav-bar .play-bar .active-play, .nav-bar .play-bar .play-item:hover {
  color: #F98D5C;
} */
.nav-bar .play-bar .play-item {
  background-color: #FFF;
  color: rgb(0, 0, 158)
}
.nav-bar .play-bar .play-item:hover,
.nav-bar .play-bar .play-item.active-play {
  background-color: rgb(0, 0, 158);
  color: #FFF
}

/* 结算报表-合计 */
.table-query .my-table tr:not(.list-tr) td.td-caption {
  background-color: rgb(210, 247, 247);
  color: #000;
}

/* 購採車 */
#buyCar_contact tr>td:not(.td-caption):not(.font-bold) {
  color: #000;
}