﻿
.s-title {
	background:#f1f1f1;
	padding:5px 10px 3px 10px;
	font-weight:bold;
	font-size:16px;
	border-bottom:#999 2px solid;
	border-radius:5px 5px 0 0;
}
#topInfo li .s-title:before {
	font-family: 'FontAwesome';
	margin-right:7px;
	color:#999;
	font-size:1.3em;
	vertical-align: middle;
}



/* topInfo */
#topInfo {
	width:1000px;
	margin:20px auto 0 auto;
}
#topInfo li#info {
	width:480px;
	float:left;
}
#topInfo li#info .s-title:before {
	content:"\f05a";
}
#topInfo li#info dl {
	width:100%;
	border-bottom:#999 1px dotted;
	margin-top:10px;
	padding-bottom:10px;
	display:table;
}
#topInfo li#info dl dt {
	width:9em;
	display:table-cell;
	vertical-align:top;
}
#topInfo li#info dl dd {
	display:table-cell;
	vertical-align:top;
}
#topInfo li#movie {
	width:480px;
	float:right;
}
#topInfo li#movie .s-title:before {
	content:"\f16a";
}
#topInfo li#movie dl {
	margin-top:15px;
}
#topInfo li#movie dt {
	width:168px;
	float:left;
}
#topInfo li#movie dd {
	width:300px;
	float:right;
}



/* productsArea */
#productsArea {
	width:1000px;
	margin:0 auto;
}
#productsArea a {
	width:303px;
	margin-left:40px;
	margin-top:20px;
	float:left;
	background:#FFF;
	border:#EEE 1px solid;
	box-shadow:3px 3px 5px rgba(0,0,0,0.3);
	display:block;
	text-decoration:none;
}
#productsArea a:nth-child(3n+1) {
	margin-left:0;
}
#productsArea .miniBox {
	padding:20px 20px 10px 20px;
}
#productsArea a .miniBox h4 {
	font-size:16px;
	margin-top:15px;
	color:#666;
}
#productsArea h3 {
	padding:15px 10px;
	text-align:center;
	background:#F1F1F1;
	text-decoration:none;
	line-height:1;
}
#productsArea h3:after {
	font-family: 'FontAwesome';
	content:"\f105";
	margin-left:5px;
	float:right;
}
#productsArea .txt {
	margin-top:5px;
}


@media (max-width: 740px) {
		
	#mainArea-top {
		padding:0 3%;
	}
	#mainArea-top .txtC {
		text-align:left;
	}
	
	
	/* topInfo */
	#topInfo {
		width:auto;
	}
	#topInfo li#info {
		width:auto;
		float:none;
	}
	#topInfo li#info dl dt {
		width:auto;
		display:block;
	}
	#topInfo li#info dl dd {
		width:auto;
		display:block;
		margin-top:3px;
	}
	#topInfo li#movie {
		width:auto;
		float:none;
		margin-top:30px;
	}
	#topInfo li#movie dt {
		width:auto;
		float:none;
		text-align:center;
	}
	#topInfo li#movie dd {
		width:auto;
		float:none;
		margin-top:10px;
	}
		
	/* productsArea */
	#productsArea {
		width:auto;
	}
	#productsArea a {
		max-width:265px;
		width:auto;
		margin-left:0;
		margin:20px auto 0 auto;
		float:none;
		padding:10px;
	}
	#productsArea a img {
		max-width:265px;
		width:100%;
		height:auto;
	}
	#productsArea a:nth-child(3n+1) {
		margin-left:auto;
	}
	
	/* bnrArea */
	#bnrArea {
		width:auto;
	}
	#bnrArea li {
		margin:20px auto 0 auto;
		float:none;
	}
	#bnrArea li:first-child {
		margin-left:auto;
	}
	
	
	
}



