@charset "UTF-8";
/*===========================================
News
===========================================*/

/*-------------------------------------------
News
-------------------------------------------*/
.newsList{
	list-style:none;
	margin:0;
	padding:0;
}
	.newsList li{
		position:relative;
		padding:10px 130px 10px 15px;
	}
	.newsList li:nth-child(even){
		background-color:#f5f5f5;
	}
		.newsList li .newsTitle{
			margin:0;
			background:url(../images/img_li_icon1@2x.png?v=20190219) no-repeat 0 5px;
			background-size:12px 12px;
			padding-left:18px;
		}
			.newsList li .newsTitle a{
				color:#000;
			}
			.newsList li .newsTitle a.top{
				color:#c00;
			}
			.newsList li .newsTitle a:hover{
				color:#0040ff;
			}
			.newsList li time{
				position:absolute; right:15px; top:10px;
				font-size:85%;
				color:#999;
			}
@media screen and (max-width:430px){/* i14 Pro Max */
	.newsList li{
		padding-right:10px;
	}
		.newsList li time{
			position:static;
			padding-left:18px;
		}
}

/*-------------------------------------------
News Detail
-------------------------------------------*/
/*--- header ---*/
.newsHeader{
	position:relative;
	border-left:5px solid #004097;
	padding-left:20px;
}
	.newsHeader .newsTitle{
		margin:0;
		font-size:150%; line-height:1.2;
		color:#000;
	}
	.newsHeader time{
		font-size:85%;
		color:#999;
	}
/*--- content ---*/
.newsContent{
	margin-top:30px;
	padding-bottom:30px;
}
	.newsContent a{
		word-break:break-all;
	}
/*--- table ---*/
	.newsContent .tableWrap{
		position:relative;
		overflow-x:auto;
		overflow-y:hidden;
	}
		.newsContent .tableWrap:after{
			content:"";
			display:table;
			clear:both;
		}
		.newsContent table{
			border-collapse:collapse;
			max-width:100% !important;
			border-spacing:0;
			border:1px solid #aaa;
		}
			.newsContent table th,
			.newsContent table td{
				padding:5px;
				border:1px solid #aaa;
			}
			.newsContent table th{
				background-color:#f4f4f4;
			}
/*--- img ---*/
	.newsContent img{
		max-width:100%;
		height:auto !important;
		margin:10px 0;
		box-shadow:none;
	}
/*--- attachment ---*/
.attachment{
	position:relative;
	background-color:#e7f7ff;
	min-height:48px;
	padding:10px 10px 5px 85px;
	margin-top:1px;
}
	.attachment span{
		position:absolute; left:10px; top:15px;
		font-size:85%;
	}
	.attachment a{
		display:inline-block;
		background-image:url(../images/icon_file@2x.png?v=20190220);
		background-repeat:no-repeat;
		background-position:15px 50%;
		background-size:16px 16px;
		background-color:#fff;
		padding:9px 15px 9px 38px;
		margin:0 5px 5px 0;
		border-radius:5px;
		border:1px solid #bbb;
		color:#000;
		font-size:13px; line-height:18px;
		box-shadow:0 2px 5px rgba(0,0,0,.15);
		transition:.2s;
	}
	.attachment a:hover{
		background-color:#f5f5f5;
		box-shadow:0 0 0 rgba(0,0,0,0);
	}
	.attachment a[href *='.pdf']{background-image:url(../images/icon_pdf@2x.png?v=20190220);}
	.attachment a[href *='.doc'], .attachment a[href *='.docx']{background-image:url(../images/icon_word@2x.png?v=20190220);}
	.attachment a[href *='.xls'], .attachment a[href *='.xlsx']{background-image:url(../images/icon_excel@2x.png?v=20190220);}
	.attachment a[href *='.ppt'], .attachment a[href *='.pptx']{background-image:url(../images/icon_powerpoint@2x.png?v=20190220);}
	.attachment a[href *='.jpg'], .attachment a[href *='.JPG'], 
	.attachment a[href *='.png'], .attachment a[href *='.PNG']{background-image:url(../images/icon_img@2x.png?v=20190220);}
	.attachment a[href *='.rar']{background-image:url(../images/icon_rar.png?v=20190220);}
	.attachment a[href *='.zip']{background-image:url(../images/icon_zip.png?v=20190220);}
/*--- url ---*/	
.url{
	position:relative;
	background-color:#f7f7f7;
	padding:10px 10px 10px 85px;
	margin-top:1px;
	line-height:18px;
	word-break:break-all;
}
	.url span{
		position:absolute; left:10px; top:10px;
		font-size:85%;
	}
	.url a{
		display:inline-block;
		font-size:85%;
		background:url(../images/icon_blank.png?v=20190220) 0 0 no-repeat;
		padding-left:24px;
	}
@media screen and (max-width:430px){/* i14 Pro Max */
	.newsHeader{
		padding-left:10px;
	}
		.newsHeader .newsTitle {
			margin: 0;
			font-size: 125%;
			line-height: 1.2;
			color: #000;
		}
}

/*-------------------------------------------
Q & A
-------------------------------------------*/
.QAList{
	
}
	.QAList .QAitem{
		margin-top:15px;
		border:1px solid #ccc;
		border-radius:5px;
		overflow:hidden;
	}
		.QAList .row_Q,
		.QAList .row_A{
			position:relative;
			padding:15px; padding-left:45px;
		}
		.QAList .row_Q{
			cursor:pointer;
		}
		.QAList .row_Q.active,
		.QAList .row_Q:hover{
			background-color:#f5f5f5;
		}	
		.QAList .row_A{
			border-top:1px solid #ddd;
		}
			.QAList .icon_Q, 
			.QAList .icon_A{
				position:absolute; left:15px;
				font-weight:700;
			}
				.QAList .icon_Q{
					color:#0b88fd;
				}
				.QAList .icon_A{
					color:#e03a15;
				}
			.QAList .QAitem p{
				margin:0;
			}	

/*===========================================
RWD
===========================================*/
@media screen and (max-width:1024px){

}
@media screen and (max-width:932px){/* i14 Pro Max Landscape */

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

}
@media screen and (max-width:736px){/* i6,i7,i8 Plus Landscape */

}
@media screen and (max-width:667px){/* i6,i7,i8 Landscape */

}
@media screen and (max-width:640px){/* Xiaomi 2S Landscape */

}
@media screen and (max-width:568px){/* i5 Landscape */

}
@media screen and (max-width:430px){/* i14 Pro Max */

}
@media screen and (max-width:375px){/* i6,i7,i8,iX */

}
@media screen and (max-width:360px){/* Xiaomi 2S */

}
@media screen and (max-width:320px){/* i5 */

}