﻿/*產品表格*/
.table_style_a {  display: table; width: 100%;border: 0px solid #dee2e6!important;border-bottom: 3px solid #333!important; }
.table_style_a th { border: #ddd 1px solid; font-weight: normal; vertical-align: middle!important; color: #FFF; background-color: #333; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #ff6600; margin: 0px; padding: 5px; white-space: normal; }
.table_style_a td { vertical-align: top; color: #5A5A5A;  padding: 5px; }
.table_style_a .table-tr-td:hover{ background-color: #F5F5F5; }
.table_style_a .table-checkbox{width: 20px;height: 20px;}

.desktop-table-display-box{width: 80px; min-width: 80px;position: relative;cursor: pointer;}
.desktop-table-display { }
.desktop-table-display-img { width: 80px; min-width: 80px; }
.desktop-table-display-img-big{display: none;position: absolute; width: 280px; min-width: 280px;top: 0;left: 100%;padding: 5px;background-color: #fff;border: 1px solid rgba(0,0,0,.2);}
.desktop-table-display-box:hover .desktop-table-display-img-big{display: block;}

.mobile-table-picture { display: none;text-align: center!important; }
.mobile-table-picture-img { width: 100%; min-width: 100%; }
.button.table-button{display: flex!important;align-items: center;align-content: center;padding: .5rem .5rem;    flex-wrap: wrap;justify-content: center;margin-bottom: .5rem;}
.button.table-button i{margin-right: 0rem;font-size: .75rem;}
.button.table-button strong{font-weight: normal;font-size: .75rem;}
.button-table-inquiry-list{margin-bottom: 1rem;}


/*產品燈箱 productModal*/
.table-img-group .modal-dialog {  -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;max-width: 800px; }
.table-img-group .modal-header { border: 0 none; padding: 0; min-height: auto; }
.table-img-group button.close { position: absolute; right: 10px; top: 10px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 2; opacity: 1; }
.table-img-group button.close span { border: 1px solid #909295; border-radius: 60px; color: #909295; display: block; height: 30px; line-height: 0.88; text-align: center; width: 30px; padding-top: 1px; }
.table-img-group .product-layout.product-table .item-product{padding: 1.5rem;max-width: 800px;margin-left: auto;margin-right: auto;}

@media (max-width: 980px) {
.table_style_a { border: 0px solid #dee2e6!important; }
.table_style_a .table-tr-td{border-bottom: 3px solid #333!important;margin-bottom: 1rem;display: inline-block;}
.table_style_a th { display: none; }
.table_style_a td { position: relative; white-space: normal; text-align: left; display: inline-block;border-bottom: 0px solid #dee2e6!important; width: 100%;}
.table_style_a td:before { content: attr(data-th) " : "; font-weight: bold; color: #333; display: inline-block; width: 30%; vertical-align: top; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 5px; }
.table_style_a .table-txt { display: inline-block; width: 60%; border-left-width: 1px; border-left-style: solid; border-left-color: #CCC; padding-left: 8px; }
.desktop-table-display { display: none!important; }
.mobile-table-picture { display: block;text-align: center!important;}
.mobile-table-picture:before { display: none!important; }
.button.table-button {display: inline-flex!important;padding: .0rem .5rem;margin-right: .5rem;}
.button.table-button i{margin-right: .25rem;}

}
