@charset "UTF-8";


/* news */
@media screen and (min-width: 1025px) {

@media (hover: hover) and (pointer: fine) {
	#updateUl li:hover{
		 transform: translateY(-10px);
	}
}

}

@media screen and (max-width: 1024px) {
	.archive #updateUl li, .blog #updateUl li {
    	width: calc(100% / 3 - 24px);
	}

	#updateUl li:nth-of-type(3n){
	  margin-right: 0;
	}
	#updateUl li:nth-of-type(4n){
	  margin-right: 24px;
	}

}


@media screen and (max-width: 767px) {

	#updateUl li .thumb img{
		width: 128px;
		height: 128px;
	}

	.archive #updateUl li,
	.blog #updateUl li{
		    width: 100%;
		    margin-right: 0;
	}

	.archive #updateUl li a,
	.blog #updateUl li a{
		display: block;
		overflow: hidden;
	}

	.archive #updateUl li a .thumb,
	.blog #updateUl li a .thumb{
		width: 100%;
		max-width: 128px;
		height: 128px;
		float: left;
		border-radius: 10px 0 0 10px;
	}
	.archive #updateUl li a .txt,
	.blog #updateUl li a .txt{
		width: calc(100% - 128px);
		height: 128px;
		float: right;
		position: relative;
	}

	.archive #updateUl li a .foot,
	.blog #updateUl li a .foot{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
	}

	.catNav{
		display: block;
	}

#updateUl li:nth-child(even){
		margin-right: 0;
	}

	#pageHeader.careers h1{
		width: 150px;
	}

	#updateUl li{
		margin-bottom: 24px;
	}

	#updateUl li .title{
		font-size: 14px;
	}
	#updateUl li .foot{
		font-size: 13px;
	}

	.category-list li a{
		padding: 5px 10px;
	}

	.lang_en #updateUl li .title{
		font-size: 15px;
	}
}


@media screen and (max-width: 480px) {
	#updateUl li .thumb img{
	}
}