@charset "UTF-8";

#main {
	padding: 20px 0;
}

@media screen and (max-width: 640px) {
#main {
	padding: 20px 10px 10px;
}

}




/* #Recommend content
-----------------------*/

.recommended h3{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8;
	border-bottom: 2px solid #000;

}

.recommended .re-left-part{
	width: 50%;
	float:left;
}

.recommended .re-right-part{
	width: 50%;
	float:right;
}

.recommended .re-left-part .pic,.recommended .re-right-part .pic{
	width: 38%;
	float:left;

}
.recommended .re-left-part .pic img,.recommended .re-right-part .pic img{
	width:100%;
	max-width: 180px;
}

.recommended .re-left-part .txt,.recommended .re-right-part .txt{
	width: 53%;
	float:left;
	padding-left: 4%;
}

.recommended .txt h4{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.7;
}

.recommended .txt h4.two-line{
	line-height: 1.2;
}
.recommended .txt h4.two-line span{
	font-size: 15px;
}

.recommended .txt .txt01{
	font-size: 14px;
	line-height: 1.4;
}


.recommended .txt p.re-btn{
	background: url("/english/showroom/common/img/toright_icon.jpg")no-repeat left center;
	padding-left: 15px;
	font-weight: bold;
}

@media screen and (max-width: 640px){
	.recommended{
		margin-top: 20px;
	}
	.recommended .re-left-part,.recommended .re-right-part{
		width: 100%;
		padding-bottom: 30px;
	}
	.recommended .re-left-part .pic,.recommended .re-right-part .pic{
		width: 50%;
	}
	.recommended .re-left-part .pic img,.recommended .re-right-part .pic img{
		max-width: 100%;
	}
	.recommended .re-left-part .txt,.recommended .re-right-part .txt{
		width: 46.666666666%;
		float: right;
	}
	.recommended .re-left-part .txt,.recommended .re-right-part .txt{
		padding-left:0px;
	}
}