.main-content > div{
	float: left;
	width: 100%;
}
.wp-content-work {
    
}
.contianer-content > div{
	float: left;
	width: 100%;
}
.title-filter {
    padding: 30px 0;
}
.title-filter > div{
	float: right;
}
.title-filter .title-ft{
	display: inline-block;
}
.title-filter .title-ft span {
    text-transform: uppercase;
    font-family: 'TannakoneMediumcondensed';
    font-size: 22px;
    color: #999999;
    padding: 10px 20px;
}


/* Block List */
.wp-work-list {
    float: left;
    width: 100%;
	margin: 50px 0 5%;
}
.wp-work-list .work-list{
	float: left;
    width: 48.5%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.wp-work-list .work-list:nth-child(even){
	margin-right: 0%;
}
.wp-work-list .work-list a{
	display: block;
	float: left;
	width: 100%;
}
.wp-work-list .work-list .img-list,
.wp-work-list .work-list .title-list {
    width: 50%;
    float: left;
}
.wp-work-list .work-list .img-list{
	padding-right: 30px;
	height: 220px;
}
@media(min-width: 2200px){
	.wp-work-list .work-list .img-list{
		height: 250px;
	}
}
.wp-work-list .work-list .img-list > div{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	/* filter: url(/themes/kos/#greyscale); */
	filter: gray;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.wp-work-list .work-list a:hover .img-list > div{
	-webkit-filter: grayscale(0);
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	/* filter: url(/themes/kos/#greyscale); */
	filter: none;
}
.wp-work-list .work-list .img-list img{
	visibility: hidden;
}
.wp-work-list .work-list .title-list {
	margin-top: 20px;
}
.wp-work-list .work-list .title-list h3{
    font-size: 30px;
    color: #000;
	padding: 10px 10px;
    margin: 0 0 30px;
    display: inline-block;
    position: relative;
}
.page_th .wp-work-list .work-list .title-list h3{
	font-family: 'DindanmaiRegular';
	font-size: 24px;
}
.page_en .wp-work-list .work-list .title-list h3{
	/*font-family: 'TannakoneMediumcondensed';*/
	font-family:'AmnestyTradeGothic','DindanmaiRegular',Helvetica,Arial,sans-serif;
}
.wp-work-list .work-list .title-list h3 span.line{
	position: absolute;
    top: 0;
	right: 0;
    height: 100%;
	opacity: 0;
    background-color: #feed01;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.wp-work-list .work-list a:hover .title-list h3 span.line {
	opacity: 1;
}
.wp-work-list .work-list .title-list h3 span.txt{
	position: relative;
    z-index: 1;
}
.wp-work-list .work-list .title-list h3 span.txt:after{
	content: '';
    width: 30px;
    height: 5px;
    display: block;
    background: #000;
    margin-top: 20px;
	position: absolute;
}

/* Responsive */
@media(max-width: 1840px){
	.wp-work-list .work-list .title-list h3 {
		font-size: 24px;
	}
}
@media(max-width: 1500px){
	.wp-work-list .work-list .img-list {height: 170px;}
}
@media(max-width: 1366px){
	.wp-work-list .work-list .title-list h3 {
		font-size: 22px;
	}
	.wp-work-list .work-list .img-list { height: 150px;}
}
@media(max-width: 1100px){
	.wp-work-list .work-list .img-list { height: 120px;}
}
@media(max-width: 768px){
	.wp-work-list .work-list .title-list {
		margin-top: 0;
	}
	.wp-work-list .work-list .title-list h3 {
		font-size: 16px;
		padding: 0;
	}
	.wp-work-list .work-list .img-list {
		height: 90px;
	}
}
@media(max-width: 550px){
	.wp-work-list {
		margin: 20px 0 10%;
	}
	.wp-work-list .work-list {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.title-filter {
		padding: 20px 0;
	}
	.wp-work-list .work-list .img-list {
		height: 130px;
	}
}
@media(max-width: 350px){
	.wp-work-list .work-list .img-list {
		height: 70px;
	}
}