@charset "utf-8";

.factsheetArea {
	position:relative;
	width:100%;
	padding:20px 0 0;
}
.factsheet-img {
	position:relative;
	padding:0px 0 20px;
}
.factsheet-img img {
	position:relative;
	width:100%;
	max-width:400px;
}

.factListTit {position:relative;display:inline-block;font-size:24px;font-weight:400;line-height:22px;padding-left:25px;color:rgba(0,0,0,1);margin:40px 0 0;}
.factListTit:before {content:'';display:inline-block;width:15px;height:2px;background:#333;position:absolute;top:10px;left:0}

.factList {
	position:relative;
	margin:0px auto;
}
.factsheet {
	position:relative;
	border-bottom:1px solid rgba(204,204,204,1);
	padding:15px 0;
	display:inline-block;
}

.factsheet:last-child {
	border-bottom:none;
}
.factsheet .factTable {
	position:relative;
	display:table;
	
}
.factsheet .imgArea {
	position:relative;
	display:table-cell;
	vertical-align:top;
}
.factsheet .imgArea img {
	height:120px;
}
.factsheet .txt {
	padding:10px 10px 10px 15px;
	text-align:left;
	display:table-cell;
	vertical-align:bottom;
}
.factsheet .txt h1 {
	font-size:18px;
	font-weight:400;
	line-height:140%;
	color:rgba(0,0,0,1);
	margin-bottom:20px;
}

.factsheet .linkArea {
	position:relative;
	text-align:left;
	display:inline-block;
}

.factsheet a.view { 
	display: block; 
	display: inline-block; *display: inline; *zoom: 1; 
	margin:0px 0px 10px 0px;
	width: auto; 
	color:#fff;
	background:rgba(153,153,153);
	background:rgba(255,255,255);
	border:1px solid rgba(204,204,204,1);
	color:#333;
	line-height: 28px; 
	height:30px;
	text-align:left; 
	letter-spacing: 0; 
	position: relative; 
	padding: 0px 10px 0px 30px; 
	/*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/
	font-size:14px;
}

.factsheet a.view:before { position: absolute; top: 1px; left: 8px; bottom: 0; display: block; font-size: 15px; font-family: 'themify'; content: "\e693"; content: "\e611"; font-weight: normal; }
.factsheet a.view:hover { 
	background:rgba(175,150,75,1);
	background:rgba(153,153,153,1);
	border:1px solid rgba(153,153,153,1);
	color:#fff;
}

.factsheet a.down { 
	display: block; 
	display: inline-block; *display: inline; *zoom: 1; 
	margin:0px 0px 10px 0px;
	width: auto; 
	background:rgba(255,255,255,1);
	color:#333;
	color:#fff;
	background:rgba(204,204,204,1);
	
	border:1px solid rgba(204,204,204,1);
	
	line-height: 28px; 
	height:30px;
	text-align:left; 
	letter-spacing: 0; 
	position: relative; 
	padding: 0px 10px 0px 30px; 
	/*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/
	font-size:14px;
}

.factsheet a.down:before { position: absolute; top: 1px; left: 8px; bottom: 0; display: block; font-size: 15px; font-family: 'themify'; content: "\e6a7"; font-weight: normal; }
.factsheet a.down:hover { 
	background:rgba(175,150,75,1);
	background:rgba(153,153,153,1);
	border:1px solid rgba(153,153,153,1);
	color:#fff;
}

/* detail */
.fact-detail .linkArea {
	position:relative;
	padding:40px 0 0;
	font-size:0;
}

.fact-detail a.view { 
	display: block; 
	display: inline-block; *display: inline; *zoom: 1; 
	margin:0px 0px 10px 0px;
	width: auto; 
	background:rgba(255,255,255);
	border:1px solid rgba(0,0,0,1);
	color:#000;
	line-height: 42px; 
	height:44px;
	text-align:left; 
	letter-spacing: 0; 
	position: relative; 
	padding: 0px 20px 0px 50px; 
	/*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/
	font-size:18px;
}

.fact-detail a.view:before { position: absolute; top: 1px; left: 16px; bottom: 0; display: block; font-size: 18px; font-family: 'themify'; content: "\e693"; content: "\e611"; font-weight: normal; }
.fact-detail a.view:hover { 
	background:rgba(0,0,0,1);
	border:1px solid rgba(0,0,0,1);
	color:#fff;
}

.fact-detail a.down { 
	color:#fff;
	margin:0px 0px 10px 10px;
	background:rgba(0,0,0,1);
	border:1px solid rgba(0,0,0,1);
}

.fact-detail a.down:before { content: "\e6a7"; }


@media screen and (max-width: 768px) {
	.factsheetArea {
		padding:0 20px;
		text-align:center;
	}
	.factsheet-img {
		padding:0 20px 20px;
	}
	.factListTit {padding-left:0px;padding-top:60px;margin:10px 0 0;font-size:20px;}
	.factListTit:before {content:'';width:1px;height:30px;top:0px;left:calc(50%);}
}
@media screen and (max-width: 414px) {
	.factsheet .factTable {
		text-align:center;
		width:100%;		
	}
	.factsheet .linkArea {
		position:relative;
		bottom:0;
		width:100%;
		display:block;
		text-align:center;
	}
	.factsheet .imgArea, .factsheet .txt {
		display:block;
		padding:10px;
		text-align:center;
		width:100%;
	}
	.fact-detail .linkArea {
		position:relative;
		bottom:0;
		width:100%;
		display:block;
		text-align:center;
	}
	.fact-detail a.view { 
		padding: 0px 20px 0px 40px; 
		font-size:16px;
	}
	.fact-detail a.view:before {font-size: 16px;}
}