/*表格A*/
/*目前使用在保險平台-會員、人生簡單算_扶養能力分析*/
/*modify by QQ 20200925*/
.table-style{
    border:1px solid #2C3E50;
    text-align:center;

}
.table-head-style{
    background-color:#2C3E50;
    color:white;
    text-align:center;
}
.table-head-style th{
    text-align:center;
}
.table-body-style{
    border-color:#2C3E50;    
}

.table-body-style tr td{
    vertical-align:middle !important;
}
.table-body-style tr.tr-style:nth-child(4n) {
     border-bottom:1px solid #2C3E50 ;
     background-color:rgba(255, 187, 15,0.4);
}
.tr4-td1-style{
     border-bottom:1px solid #2C3E50 !important ;
}

/*table - model*/
.modal .table-body-style .input-group{
    float:left;
    padding:5px;
}
.modal .table-body-style .input-group-addon{
    padding:0px;
}
.modal .table-body-style .input-group-addon .imgIcon{
    width:2em;
}
.table-body-style span.smallcontent{
    padding:0px;
    font-size:0.8em;
    font-weight:700;
}

/*表格B - FooTable*/
/*目前使用在-保險平台搜尋商品的結果顯示、貸款計算*/
/*modify by QQ 20210701*/
div > table.products-list {
    text-align:center;/*水平置中*/ 
    vertical-align:middle;/*垂直置中*/ 
    /*border-collapse:separate;*/ /*框線與表格是否合併在一起 separate:否 collapse:是*/
    /*border:solid 1px #167F92;*/
    border-radius: 6px;/*要設圓角的話，框線不能與表格合在一起，沒有設線的話就是設表尾，有設線就是整個框*/
   
    -webkit-box-shadow: 0 5px 5px #ccc; /*陰影*/
    -moz-box-shadow: 0 5px 5px #ccc; /*陰影*/
    box-shadow: 0 5px 5px #ccc; /*陰影*/
}
div > table.products-list >  tbody > tr:nth-child(odd) { 
    /*單數-從資料列開始算，表標頭不算*/
    
}
div > table.products-list > tbody > tr:nth-child(even) { 
    /*雙數*/
    background-color:rgba(255, 231, 112,0.3);
}
table.products-list > thead > tr > th  {
    /*表標頭*/
    background-color:rgb(31, 173, 157);
    color:white;
    border-collapse:collapse; /*框線與表格是否合併在一起 collapse:是*/
    /*border-right:1px solid #BEBEBE ;*/
    text-align:center;/*水平置中*/ 
    vertical-align:middle;/*垂直置中*/ 
}
table.products-list > thead > tr:first-child > th.footable-first-visible {
    /*表標頭-第一個格子設圓角*/
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
    width:90px;
}
table.products-list > thead > tr:first-child > th.footable-last-visible  {
    /*表標頭-最後一個格子設圓角*/
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}
.main-title{ 
    /*表標頭-合併欄位之主分類樣式*/
    border-bottom-style:solid !important; 
    border-bottom-color:white !important; 
    border-bottom-width:2px !important;
}
.main-title-RightBorder{ 
    /*表標頭-合併欄位之主分類樣式-右線*/
    border-right-style:solid !important; 
    border-right-color:white !important; 
    border-right-width:2px !important;
}
div > table.products-list > tbody > tr > td  {
    /*表內容*/
    color:gray;
    border-collapse:collapse;
    /*border:1px solid #BEBEBE ;*/
    vertical-align:middle; /*垂直置中*/   
}
div > table.products-list > tbody > tr.BorderBottom , div > table.products-list > tbody > tr > td.BorderBottom{
    /*表內容_設底線*/
    border-bottom:3px solid rgb(248, 177, 24) ;

}
div > table.products-list > tbody > tr.footable-detail-row  {
    /*子隱藏項目列*/
    background-color: #D1E9E9;
}
div > table.products-list > tbody > tr.footable-detail-row table  {
    /*子隱藏項目列之表*/
    background-color: transparent;
}
div > table.products-list > tbody > tr.footable-detail-row table > tbody > tr > th  {
    /*子隱藏項目列之表標題*/
    width:250px;
}
/*div > table.products-list > tbody > tr.footable-detail-row table > tbody > tr > td  {
    子隱藏項目列之表標題
    text-align:left;
}*/