@charset "utf-8";
/* CSS Document */

.txt a { color:#bbb;}
.txt li{ margin-bottom: 40px;}
.txt li img{ 
	float:left;
	margin: 0 15px 30px 0;
	width:200px;
}
.date{
	color:#FFF;
	line-height:1.8em;
	font-size:2em;	
	display:inline-block;	
}
.line{
	float:left;
	margin-top:0.9em;
	margin-right: 0;
	width: 0;
	height:1px;
	background:rgba(255,255,255,0.2);
	
	-webkit-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}
.txt li:hover .line{
	width: 40px;
	margin-right: 15px;	
}

.q{
	clear: both;
	position: relative;
	margin: 20px 0px;
	padding: 15px 20px;
	border-left: 3px solid rgba(255,255,255,0.3);
}
.q::before{
	content: '';
	position: absolute;
	top: -10px;
	left: 20px;
	width: 25px;
	height:25px;
	background:url(../images/press/quote-left.png) no-repeat;
	opacity: 0.4;
}
.q::after{
	content: '';
	position: absolute;
	bottom: -10px;
	right: 20px;
	width: 25px;
	height:25px;
	background:url(../images/press/quote-right.png) no-repeat;
	opacity: 0.4;
}

@media screen and (max-width:460px){
	.txt li img{ 
		float:none;
		margin: 0 15px 5px 0;
	}
}