.table-item{
	width: 100%; height: auto; border: 1px solid #ccc; margin-top: 10px; position: relative;
}
.table-item .table-title{
	width: 100%; height: auto; padding: 10px 15px;
}
.table-item .table-title h3{
	margin-top: 10px; 
}
.table-item table{
	width: 100%; height: auto;
}
.table-item table tr th{
	padding: 8px 6px; text-align: center; background-color: #31567E; color: #fff; border: 1px solid #ccc;
}
.table-item table tr td{
	padding: 12px 6px; text-align: center; border: 1px solid #ccc;
}
.table-item table tr td b{
	font-family: 'Georgia-bold';
}
.table-item table tr td .div_detail{
	width: 100%;
}
.table-item table tr td .div_detail a{
	cursor: pointer;
}
.table-item table tr td .div_detail_content{
	position: absolute; top: 150px; right: 0px; z-index: 1; display: none;
	min-width: 250px; background-color: #ccc; border: 1px solid #999;
}
.table-item table tr td .div_detail:hover .div_detail_content{
	display: block;
}
.table-item table tr td .div_detail_content .div_detail_content_header{
	padding: 4px 0px; background-color: #000; color: #fff;
}
.table-item table tr td .div_detail_content .div_detail_content_body{
	width: 100%; min-width: 200px;
}
.table-item table tr td .div_detail_content .div_detail_content_body table{
}
.table-item table tr td .div_detail_content .div_detail_content_body table tr th{
	padding: 6px 6px; text-align: center; background-color: #ccc; color: #000; border: 1px solid #ccc;
}
.table-item table tr td .div_detail_content .div_detail_content_body table tr td{
	padding: 4px 6px; text-align: left; border: 1px solid #ccc;
}
.table-item table tr td .div_detail_content .div_detail_content_body table tr td.td_right{
	text-align: right;
}

@media (max-width: 767px){
	.table-item .table-title h3 {
	    margin-top: 5px; margin-bottom: 5px; font-size: 18px;
	}
	.table-item .table-title button{
		margin-top: 0px;
	}
	.table-item table tr th {
	    padding: 4px 6px; font-size: 15px;
	}
	.table-item table tr td {
	    padding: 4px 6px; font-size: 14px;
	}
}