<style>
.item .tdlink{ max-width: 500px;}
.item .city{max-width: 80px;}
.item .cate {max-width: 120px;}
.item .desc{
	min-width: 250px;	
	max-width: 250px;
}

#autoget-form {	
	position: fixed;
	top: 0;
	z-index: 99000;
	right: 200px;
	padding: 10px;
}

#start-number-input{
	width: 37px;
	padding: 5px;
	display: inline;
	background: 5px;
	border: none;
	font-weight: bold;
	color: red;
	margin-top: 0;
}
#start-btn{
	margin-top: -3px;
}

#list-link .item p{margin:0;}
#list-link .item.disabled td{
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #E8E8E8;
	background-color: #fafafa;
}
#list-link .item.warning td{
	background-color: #fcf8e3!important;
	color: #CFA854!important;
}
#list-link .item.danger td{
	background-color: #f2dede!important;
	color: #E0A2A2!important;
}

#list-link .item.info td{
	background-color: #50AFDF;
	color: #fff;
	border-top: 1px solid #1F84B6;
	border-bottom: 1px solid #1F84B6;
}

#numget{
	color: rgb(244, 10, 10);
	margin-left: 10px;
	float: right;
}

@media (max-width: 767px) {
	#autoget-form {	
		width: 100%; left: 0;top: 50px;
		color: #000; background: #eee;
		box-shadow: 0 0 5px 0px #aaa;		
	}
	#list-link{margin-top:60px;}
}

.muted {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
</style>

<div id="autoget-form">
	<label class="uppercase">Start from </label>
	<input id="start-number-input" class="form-control" value="70"/>
	<button id="start-btn" class="btn btn-info active">
		<i class="fa fa-pause"></i>
		<small>Click to start ... </small>
	</button>	
</div>

<table id="list-link" class="table table-hover table-condensed table-striped">
	<thead>
		<tr>
			<th class="">
				<div class="checkbox" style="margin:0">
					<label>
						<input class="check-all-record" type="checkbox" value="">
						<b>ID</b>
					</label>
				</div>
			</th>				
			<th class=""> city 	</th>
			<th class=""> cate 	</th>
			<th class=""> link 	</th>
			<th class=""> desc 	</th>
		</tr>
	</thead>
	<tbody>
		<?php $index = 0; ksort($listcate);
			foreach($listcate as $group) {						
				foreach($group as $link) { 
					$index ++;
					$link -> index = $index;
					echo getPageIncBkend('link-row', $link);						
		}} ?>				
		
	</tbody>
</table>