		#masonry
		{
			padding: 0;
			margin: 0 0 0 20px;
		}
		#masonry .thumbnail
		{
			width: 310px;
			margin: 20px 20px;
			padding: 0;
			border-width: 1px;
			-webkit-box-shadow: 0 3px 6px #CCCCCC;
					box-shadow: 0 3px 6px #CCCCCC;
		}
		#masonry .thumbnail:hover
		{
			border-width: 1px;
			-webkit-box-shadow: 0 6px 9px #B3B3B3;
					box-shadow: 0 6px 9px #B3B3B3;
		}
		#masonry .thumbnail .imgs
		{
			padding: 10px;
		}
		#masonry .thumbnail .imgs img
		{
			margin-bottom: 5px;
		}
		#masonry .thumbnail .caption
		{
			background-color: #fff;
			font-size: 13px;
			padding:0 15px 15px 15px;
		}
		#masonry .thumbnail .caption .title
		{
			font-size: 13px;
			font-weight: bold;
			margin: 5px 0;
			text-align: left;
			clear:both;
			line-height:25px;
			overflow:visible;
		}
		#masonry .thumbnail .caption .author
		{
			font-size: 11px;
			text-align: right;
			clear:both;
		}
		
		#masonry .thumbnail .caption .content
		{
			line-height:25px; text-indent:2em;
			clear:both;
		}
		
		
		
		
		
		
		
	.title_job{font-size: 13px;
			font-weight: bold;
			text-align: left;
			clear:both;
			line-height:25px;word-wrap: break-word;}	
	.content_job
		{
			line-height:25px; text-indent:2em;
			clear:both;
			min-height:10px;word-wrap: break-word;
		}
			
	.author_job{font-size: 11px;
			text-align: right;
			clear:both;
	}
		


.container{
    width: 1100px;
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}

.container:before,
.container:after {
  display: table;
  line-height: 0;
  content: "";
}

.container:after {
  clear: both;
}

.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}

.container-fluid:before,
.container-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.container-fluid:after {
  clear: both;
}



.thumbnails {
  margin-left: -20px;
  list-style: none;
  *zoom: 1;
}

.thumbnails:before,
.thumbnails:after {
  display: table;
  line-height: 0;
  content: "";
}

.thumbnails:after {
  clear: both;
}

.row-fluid .thumbnails {
  margin-left: 0;
}

.thumbnails > li {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px;
}

.thumbnail {
  display: block;
  padding: 4px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.thumbnail .imgs img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

.thumbnail .caption {
  padding: 9px;
  color: #555555;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}


@media screen and (min-width:1440px) and (max-width:20000px) {
	.container{
		width: 1375px;
	}
	
	#masonry .thumbnail{
		width: 403px;
		
	}
}