@charset "utf-8";
.filterDiv {
    text-shadow:		none;
    font-size:			16px;
}

.filterDivTitle {
    padding-left:		10px;
    padding-bottom:		6px;
    padding-top:		6px;
    background-color:	#003278;
    color:				#fff;
    font-size:			18px;
	font-weight:		bold;
}

.filterDivFilters {
    padding:			10px;
    background-color:	#eff2f7;
    font-size:			16px;
    font-weight:		normal;
}

.filterDivFilters .selectField {
    margin:				auto;
    text-align:			center;
}

.select-style {
    border:				1px solid #ccc;
    border-radius:		3px;
    font-size:			15px;
    font-weight:		normal;
    padding:			5px 8px;
    width:				160px;
}

.select-style select {
    padding:			5px 8px;
    box-shadow:			none;
    background:			transparent;
    background-image:	none;
    -webkit-appearance:	none;
}

.select-style select:focus {
    outline:			none;
}

#table_products_header .dynatable-head {
    height:				40px;
    background-color:	#003278;
    text-shadow:		none;
    color:				#FFFFFF;
}

#table_products_header .dynatable-head a {
    color:				#FFFFFF;
}

#table_products_header th {
    padding-left:		15px;
}

#table_products td {
    padding-left:		15px;
    padding-top:		6px;
    padding-bottom:		6px;
}

#table_products .even {
    background-color:	#f2f4f3;
}

.product-filter .outerDiv {
    background-color:	#fff;
    padding:			0px;
}

.product-filter .innerTileDiv {
    /*border:			1px solid #ccc;*/
    margin:				15px;
}
/*.product-filter .innerTileDiv:first-child{ margin-left:0}*/
.product-filter .titleDiv {
    padding:			8px;
    /*color:			#6e6e6e;*/
	color:				white;
    text-align:			center;
    margin:				auto;
    /*text-transform:	uppercase;*/
    font-size: 			16px;
	/*font-weight:		normal;*/
	font-weight:		bold;
	background-color:	#003278;
	height:             38px;
}

.product-filter .imageDiv {
    /*padding:			5px;*/
	padding:			0px;
}

.product-filter .imageDiv img {
    width:				100%;
    height:				auto;
}

.product-filter .descriptionDiv {
    padding:			8px;
    /*color:			#6e6e6e;*/
	color:				white;
    text-align:			left;
	/*font-size:		14px;*/
    font-size:			15px;
    min-height:		    80px;
	/*min-height:			120px;*/
    /*max-height:		95px;*/
	max-height:			120px;	
    overflow:			hidden;
	/*background:		none;*/
	background-color:	#5a82be;
}

.dynatable-record-count {
    display:			none;
}

.hbmtiles .property-filter--form {
    margin-left:		15px;
    margin-right:		15px;
}

.whitetiles .property-filter--form {
    margin-left:		15px;
    margin-right:		15px;
}

.msgSpan {
    padding-left:		15px;
    padding-right:		15px;
    color:				red;
}

.hiddenNR {
    display:			none;
    visibility:			hidden;
}

.shownNR {
    display:			block;
    visibility:			visible;
}

div.catego-select2-holder:hover  label.property-title {
/*	color:				#3272b9;*/
}

/*div.catego-select2-holder:hover  span.select2-container {
	background-color:	gray;
}*/

li.tileIF a:hover div.outerDiv div.innerTileDiv div.titleDiv {
/*	color:				#3272b9;*/
/*	background-color:	gray;*/
	text-decoration:	underline;
}

li.tileIF a:hover div.outerDiv div.innerTileDiv div.descriptionDiv {
/*	color:				#3272b9;*/
/*	background-color:	gray;*/
}

li.tileIF a:hover div.outerDiv div.innerTileDiv {
	-webkit-box-shadow:	0px 0px 10px 5px rgba(190,210,244,1);
	-moz-box-shadow:	0px 0px 10px 5px rgba(190,210,244,1);
	box-shadow:			0px 0px 10px 5px rgba(190,210,244,1);
}

.dropdown_pf {
    position:			relative;
}

.dropdown_pf a {
    color:				#fff;
    text-shadow:		none;
    font-size:			17px;
}

.dropdown_pf dd,
.dropdown_pf dt {
    margin:				0px;
    padding:			0px;
}

.dropdown_pf ul {
    margin:				-1px 0 0 0;
}

.dropdown_pf dd {
    position:			relative;
}

.dropdown_pf a,
.dropdown_pf a:visited {
    color:				#fff;
    text-decoration:	none;
    outline:			none;
}

.dropdown_pf dt a {
    background-color:	#999;
    display:			table;
    padding:			0px 25px 0px 5px;
    height:				40px;
    overflow:			hidden;
    border:				0;
    width:				100%;
	vertical-align:		middle;
	line-height:		20px;
}

.dropdown_pf dt a span,
.multiSel span {
    cursor:				pointer;
    display:			table-cell;
    padding:			0;
	font-weight:		normal;
	vertical-align:		middle;
}

.dropdown_pf dt a span.glyphicon,
.multiSel span.glyphicon {
    cursor:				pointer;
    display:			table-cell;
    padding:			0;
	font-weight:		normal;
    position:			absolute;
    right:				5px;
	/*top:				25%;*/
	top:				13px;
    /*top:				50%;*/
    /*transform:		translateY(-50%);*/
}

.dropdown_pf dt {
    cursor:				pointer;
}

.dropdown_pf dd ul {
    background-color:	#fff;
    border:				0;
    color:				#555;
    display:			none;
    left:				0px;
    padding:			2px 2px 5px 5px;
    position:			relative;
    top:				2px;
    list-style:			none;
    overflow:			auto;
    border:				1px solid #b1b5b8;
    font-size:			16px;
    width:				100%;
    text-shadow:		none;
}

.dropdown_pf dd ul.closed {
    position:			absolute;
    z-index:			1;
}

.dropdown_pf span.value {
    display:			none;
}
.dropdown_pf dd ul li a {
    padding:			5px;
    display:			block;
}

.dropdown_pf dd ul li a:hover {
    background-color:	#fff;
}

.dropdown_pf li label {
    margin:				3px 15px 3px 8px;
	font-weight:		normal;
}

.dropdown_pf li label input[type="checkbox"] {
	margin:				0px 5px 0px 0px
}

.selectedAj {
    color:				#555;
    border:				#ccc 1px solid;
    padding:			8px;
    margin-right:		5px;
}

#divInfoAj {
    margin-top:			8px;
    margin-bottom:		8px;
    margin-left:		15px;
    margin-right:		15px;
}

.pResInfo {
    margin-left:		15px;
    margin-right: 		15px;
}

.resInfo {
    margin-left:		15px;
    margin-right: 		15px;
}

.loadgif {
    margin-top:			15px;
    text-align:			center;
}

.multiSelect li {
    max-height:			120px;
    width:				100%;
    overflow-y:			auto;
    overflow-x:			hidden;
}

.multiSelect li.closed {
    max-height: 		none;
}

div.tileIF a:hover div.outerDiv div.innerTileDiv div.titleDiv {
    text-decoration:	underline;
}

div.tileIF a:hover div.innerTileDiv {
    -webkit-box-shadow:	0px 0px 10px 5px rgba(190,210,244,1);
    -moz-box-shadow:	0px 0px 10px 5px rgba(190,210,244,1);
    box-shadow:			0px 0px 10px 5px rgba(190,210,244,1);
}

.selectedAjAct {
    color:				#555;
    border:				#ccc 1px solid;
    padding: 			8px;
    margin-right:		5px;
}

.selectedAjAct:hover, .selectedAjAct:active {
    color:				#666;
    border:				#666 1px solid;
    background-color:	#eff2f7;
    /*font-weight:		bold;*/
    cursor:				pointer;
}

.rowProductFilter {
  background-color: #dbe4ec;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
  margin-left: 15px;
  margin-right: 15px;
}

.rowProductFilterImg {
  margin-left: -15px;
}

.rowProductFilterInner {
  margin-left: -15px;
}
.product-filter-table {
  width: calc(100% - 5px);
  margin-top: 0;
  margin-bottom: 1rem;
  border-collapse: separate;
  border-spacing: 0 5px;
  display: table;
  border-color: grey;
}

.table-product-filter-wrapper {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
  margin-left: 15px;
  margin-right: 15px;
}

.product-filter-table-header {
  display: table-header-group;
  background-color: #FFF;
  min-height: 60px;
  font-weight: bold;
}

.product-filter-table thead th:not(:first-child) {
  border-left: 1px solid #e2e2e2;
}

.product-filter-table th {
  padding-top: 0;
  padding-bottom: 0;
  color: #6f6f6f;
  font-size: .875rem;
  font-weight: inherit;
  text-align: left;
  padding-left: .5rem;
  padding-right: .5rem;
  min-width: 0;
  border: none;
  vertical-align: top;
  display: table-cell;
}

.product-filter-table tbody td {
  padding-top: 0;
  padding-bottom: 0;
  color: #6f6f6f;
  font-size: .875rem;
  font-weight: inherit;
  text-align: left;
  padding-left: .5rem;
  padding-right: .5rem;
  min-width: 0;
  border: none;
  vertical-align: top;
  display: table-cell;
}

.product-filter-table tbody tr {
  background-color: #dbe4ec;
}

.product-filter-table tbody td img {
  max-height:85px;
  max-width: 100%;
}

.product-filter-table tbody td.product-filter-table-productname {
  padding-top: 8px !important;
}

.product-filter-table tbody td.product-filter-table-category-product {
  padding-top: 8px !important;
}

.imageDivCatman img {
  display: block;
  margin: 0 auto;
  max-width: 280px;
}

.imageDivCatman {
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%;
  position: relative;
}

div.product-catman-buttons {
  text-align:center;
  display: block;
  margin: 0 auto;
  width: 100%;
  position: relative;
}

div.product-filter-row-techdesc p, div.product-filter-row-techdesc ul, div.product-filter-row-techdesc ol, div.product-filter-row-techdesc li {
  font-size: 15px;
}

@media only screen and (max-width: 991px) and (min-width: 768px)  {
  div.product-catman-buttons > a.btn.btn-highlight-blue, div.product-catman-buttons > a.btn.btn-highlight-green {
    font-size: 12px !important;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 768px)  {
  div.rowProductFilterDesc > a.btn.btn-highlight-blue, div.rowProductFilterDesc > a.btn.btn-highlight-green {
    font-size: 12px !important;
    margin-bottom: 5px;
  }
}

div.product-filter-wrapper {
  margin-left: -10px;
  margin-right: -10px;
}

img.product-filter-subcategory-icon {
  width: 30px;
  height:auto;
}

div.catIconsDiv {
  padding-top: 8px;
  padding-bottom: 5px;
}

div.product-filter-row-techdesc li {
  margin-left: -25px;
}

/*Hide filter if js is disabled*/
html.no-js #divFormAj,
html.no-js #divInfoAj,
html.no-js .pResInfo{
	display: none;
}

/******分页************************/
.pager{
	margin-top: 60px;
	text-align: center;
	clear:both;
}
.pager a{
	display: inline-block;
	font-family:"微软雅黑";
	border: 1px solid #d2d2d2;
	background: url(../images/pager_number.gif) repeat-x;
	padding: 0 10px;
	line-height: 26px;
	text-decoration:none;
	margin-right:2px;
}
.pager a.current{
	/*background: #5185c4;
	border-color: #5185c4;*/
	font-weight: bold;
	color: #fff;
	background: #003278;
	border-color: #003278;
}

.pager a:link, .pager a:visited{
	color: #535353;
}
.pager a:hover, .pager a:active{
	color: #E26001;
}
.pager a.current:link, .pager a.current:visited, .pager a.current:hover, .pager a.current:active{
	color: #fff;
}
.pager a:hover{
	text-decoration: none;
}