.clear{ clear: both; }
.clearfix:before, .clearfix:after{ content: " "; display: table; }
.clearfix:after { clear:both; }

body{
	font: 12px Arial, Helvetica, sans-serif;
}
.filter-title {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #333333;
    text-indent: 10px;
}
select {
    font: 100% Arial, Helvetica, sans-serif;
    vertical-align: middle;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C7C7C7;
    color: #666666;
    font: 100% Arial,Helvetica,sans-serif;
    padding: 4px;
    font-size: 12px;
    margin: 0px;
    width:200px;
    height: 25px;
}

/* table styles */
	.table {
		box-sizing: border-box;
		display: table;
		table-layout: fixed;
	}
	.row {
		display: table-row;
	}
	.cell {
		display: table-cell;
		padding:0.5em 0 0 0.5em;
		vertical-align: top;
		zoom: 1;
		*display:inline;

		flex: 1;
		flex-direction: column;
		position: relative;

	}
	.table.opt { width:330px; clear: both; }
	.table.opt .cell{vertical-align: middle; }
	.table.opt .cell.left{min-width: 275px; }
	.cell.left {
		text-transform: uppercase;
	}
	.cell.rright{
		text-align: right;
	}
	.cell.tit{ text-transform: uppercase; vertical-align: middle; min-width:200px; }

.showbox{
	background-color: #EDEDED;
	display: block;
	padding: 10px;
	/*width:330px;
	float: left;*/
	margin-right: 10px;
	margin-bottom: 10px;
}
.title{
	background-color: #333333;
	display: block;
	padding: 10px;
	color: #FFFFFF;
	text-transform: uppercase;
}
.param{
	background: #333333;
	display: block;
	padding: 1px;
	color: #FFFFFF;
	float: left;
	width:163px;
	height: 42px;
}
.param .inf{
	background: #EDEDED;
	display: block;
	padding: 10px;
	color: #000000;
	margin: 2px;
	float: left;
}
.param .inf.v1{
	width:85px;
}
.param .inf.v2{
	width:30px;
}

.txtar{
	width:98%;
	height:120px;
	left:0px !important;
	padding:5px !important;
}

.banner_cover{
	margin-left: 10px;
}