/* CSS Document */
body {font-family:'Sarabun', sans-serif; color: white; font-size:20px;}
a:link , a:visited { color:#F00; text-decoration:none;}
a:hover { text-decoration:underline; color:#F00;}

.wrap {width:100%; position:relative; margin:0; padding:0;}
.content {width:95%; position:relative; left:5.2%;} 
.boxes {float:left; display:block; width:30%; height:270px; border:1px solid #ececec; padding:10px;}
.boxes-img {margin-top:50px; margin-bottom:20px;}

.form-regis {width:100%;}
.form-regis input[type='text'] , input[type='number']
{
    width:100%; height:40px; border-radius:5px; margin-bottom:5px; text-align:center; font-family:'Sarabun', sans-serif; font-size:20px;
}

select {font-family:'Sarabun', sans-serif; color:#666; font-size:22px;}

.content-register {width:90%; position:relative; left:5%;} 
.content-form {width:48%; float:left; margin-left:2%;}

.list-no ,  .list-team , .list-name , .list-tag , .list-date { text-align:center;}

.list-no {width:10%; float:left; border:1px solid #666;}
.list-team {width:70%; float:left; border:1px solid #666;}
.list-name {width:50%; float:left; border:1px solid #666;}
.list-tag {width:20%; float:left; border:1px solid #666;}
.list-date {width:18%; float:left; border:1px solid #666;}

/*Paging*/
.paginate {
font-family:tahoma;
	padding: 3px;
	margin: 3px;
	font-size:12px;
}

.paginate a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #999;
	text-decoration:none;
	background-color: #555;
	color: #ccc;
}
.paginate a:hover, .paginate a:active {
	border: 1px solid #999;
	color: #000;
}
.paginate span.current {
    margin: 2px;
	padding: 2px 5px 2px 5px;
		border: 1px solid #999;
		
		font-weight: bold;
		background-color: #333;
		color: #FFF;
	}
	.paginate span.disabled {
		padding:2px 5px 2px 5px;
		margin:2px;
		border:1px solid #999;
	background-color: #555;
	color: #888;
	display:none;
	}
/*Paging*/

@media only screen and (max-width: 1600px), only screen and (max-device-width: 1600px) {
	
}

@media only screen and (max-width: 1280px), only screen and (max-device-width: 1280px) {
	
}

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
	
}