﻿/* CSS Document */
@charset "utf-8";


#document {
	padding:30px 0;
	overflow:hidden;
}
#document h2{
	font-size:26px;
	color:#131652;
	margin-bottom:20px;
}
#document h3{
	font-size:26px;
	color:#0A71BC;
	margin-bottom:20px;
}
.manual{
	overflow:hidden;
	margin-bottom:40px;
}
#document .manual ul {
	margin-bottom:30px;
}

#document .manual li {
	float:left;
	margin:0 10px 10px 0;
	position:relative;
	width:180px;
}
#document .manual li:nth-child(5n+5) {
	margin-right:0px;
}
#document .manual li a{
	background:url(../images/icon_aplus.png) 10px 18px no-repeat #fff;
	color:#d19836;
	font-weight:bold;
	display:block;
	padding:20px 0px 5px 58px;
	font-size:18px;
	line-height:1;
	min-height:52px;
}
#document .manual li a span{
	font-size:12px;
	font-weight:bold;
	line-height:1.2;
	display:block;
    margin-top:2px;
}
#document .manual li a:hover{
	text-decoration:none;
	opacity:0.8;
}

#document .manual li.bx_eb a{
	background:url(../images/icon_eb.png) 10px 18px no-repeat #fff;
	color:#E45DBF;
}

#document .manual li.bx_cc a{
	background:url(../images/icon_cc.png) 10px 18px no-repeat #fff;
	color:#0886ab;
}
#document .manual li.bx_sa a{
	background:url(../images/icon_sa.png) 10px 18px no-repeat #fff;
	color:#ec4325;
}

#document .manual li.bx_ec a{
	background:url(../images/icon_ec.png?2020) 10px 18px no-repeat #fff;
	color:#7030a0;
}

#document .manual li.bx_ym a{
	background:url(../images/icon_ym.png) 10px 18px no-repeat #fff;
	color:#83cb67;
}

#document .manual li.bx_salmonella a{
	background:url(../images/icon_salmonella.png) 10px 18px no-repeat #fff;
	color:#e96503;
}

#document .manual li.bx_aerobic_count a{
	background:url(../images/icon_aerobic_count.png) 10px 18px no-repeat #fff;
	color:#ccc200;
}

#document .manual li.bx_coliform a{
	background:url(../images/icon_coliform.png) 10px 18px no-repeat #fff;
	color:#1e90b5;
}

#document .manual li.bx_ecoli_coliform a{
	background:url(../images/icon_ecoli_coliform.png) 10px 18px no-repeat #fff;
	color:#0b3800;
}


.caralog{
	overflow:hidden;
	margin-bottom:40px;
}
#document .caralog ul {
	margin-bottom:30px;
}

#document .caralog li {
	float:left;
	margin:0 10px 10px 0;
	position:relative;
	width:227px;
}
#document .caralog li:nth-child(4n+4) {
	margin-right:0px;
}
#document .caralog li a{
	background:url(../images/thum_aplus.png) left bottom no-repeat #fff;
	color:#d19836;
	font-weight:bold;
	display:block;
	padding:25px 0px 5px 98px;
	font-size:20px;
	line-height:1;
	min-height:84px;
	box-sizing:border-box;
}
#document .caralog li a span{
	font-size:12px;
	font-weight:bold;
	line-height:1.2;
	display:block;
}
#document .caralog li a:hover{
	text-decoration:none;
	opacity:0.8;
}

#document .caralog li.bx_general a{
	background:url(../images/thum_general.png) left bottom no-repeat #fff;
	color:#131652;
	/*padding:35px 0px 0px 98px;*/
}
#document .caralog li.bx_cc a{
	background:url(../images/thum_cc.png) left bottom no-repeat #fff;
	color:#0886ab;
}
#document .caralog li.bx_sa a{
	background:url(../images/thum_sa.png) left bottom no-repeat #fff;
	color:#ec4325;
}

#document .caralog li.bx_ec a{
	background:url(../images/thum_ec.png) left bottom no-repeat #fff;
	color:#7030a0;
}

#document .caralog li.bx_ym a{
	background:url(../images/thum_ym.png) left bottom no-repeat #fff;
	color:#83cb67;
}

#document .caralog li.bx_salmonella a{
	background:url(../images/thum_salmonella.png) left bottom no-repeat #fff;
	color:#e96503;
	padding:35px 0px 0px 98px;
}

#document .caralog li.bx_aerobic_count a{
	background:url(../images/thum_aerobic_count.png) left bottom no-repeat #fff;
	color:#ccc200;
}

#document .caralog li.bx_coliform a{
	background:url(../images/thum_coliform.png) left bottom no-repeat #fff;
	color:#1e90b5;
}

#document .caralog li.bx_ecoli_coliform a{
	background:url(../images/thum_ecoli_coliform.png) left bottom no-repeat #fff;
	color:#0b3800;
}

.certificate{
	overflow:hidden;
	margin-bottom:40px;
}
#document .certificate ul {
	margin-bottom:30px;
}

#document .certificate li {
	float:left;
	margin:0 10px 10px 0;
	position:relative;
	width:180px;
}
#document .certificate li:nth-child(5n+5) {
	margin-right:0px;
}
#document .certificate li a{
	background:url(../images/pdf_aplus.png) 10px 18px no-repeat #fff;
	color:#d19836;
	font-weight:bold;
	display:block;
	padding:20px 0px 5px 58px;
	font-size:18px;
	line-height:1;
	min-height:52px;
}
#document .certificate li a span{
	font-size:12px;
	font-weight:bold;
	line-height:1.2;
	display:block;
    margin-top:2px;
}
#document .certificate li a:hover{
	text-decoration:none;
	opacity:0.8;
}

#document .certificate li.bx_cc a{
	background:url(../images/pdf_cc.png) 10px 18px no-repeat #fff;
	color:#0886ab;
}
#document .certificate li.bx_sa a{
	background:url(../images/pdf_sa.png) 10px 18px no-repeat #fff;
	color:#ec4325;
}

#document .certificate li.bx_ec a{
	background:url(../images/pdf_ec.png?2020) 10px 18px no-repeat #fff;
	color:#7030a0;
}

#document .certificate li.bx_ym a{
	background:url(../images/pdf_ym.png) 10px 18px no-repeat #fff;
	color:#83cb67;
}

#document .certificate li.bx_salmonella a{
	background:url(../images/pdf_salmonella.png) 10px 18px no-repeat #fff;
	color:#e96503;
}

#document .certificate li.bx_aerobic_count a{
	background:url(../images/pdf_aerobic_count.png) 10px 18px no-repeat #fff;
	color:#ccc200;
}

#document .certificate li.bx_coliform a{
	background:url(../images/pdf_coliform.png) 10px 18px no-repeat #fff;
	color:#1e90b5;
}

#document .certificate li.bx_ecoli_coliform a{
	background:url(../images/pdf_ecoli_coliform.png) 10px 18px no-repeat #fff;
	color:#0b3800;
}

.treatise{
	overflow:hidden;
	margin-bottom:40px;
}
#document .treatise ul {
	margin-bottom:30px;
}

#document .treatise li {
	float:left;
	margin:0 10px 10px 0;
	position:relative;
	width:180px;
}
#document .treatise li:nth-child(5n+5) {
	margin-right:0px;
}
#document .treatise li a{
	background:url(../images/pdf_aplus.png) 10px 18px no-repeat #fff;
	color:#d19836;
	font-weight:bold;
	display:block;
	padding:20px 0px 5px 58px;
	font-size:18px;
	line-height:1;
	min-height:52px;
}
#document .treatise li a span{
	font-size:13px;
	font-weight:bold;
	line-height:1.2;
	display:block;
    margin-top:2px;
}
#document .treatise li a:hover{
	text-decoration:none;
	opacity:0.8;
}
#document .treatise .journal a{
	font-size:13px;
	padding:10px 0px 5px 58px;
	line-height:1.2;
    margin-top:2px;
}

#document .treatise li.bx_cc a{
	background:url(../images/pdf_cc.png) 10px 18px no-repeat #fff;
	color:#0886ab;
}
#document .treatise li.bx_sa a,
#document .treatise li.j_sa a{
	background:url(../images/pdf_sa.png) 10px 18px no-repeat #fff;
	color:#ec4325;
}

#document .treatise li.bx_ec a{
	background:url(../images/pdf_ec.png?2020) 10px 18px no-repeat #fff;
	color:#7030a0;
}

#document .treatise li.bx_ym a,
#document .treatise li.j_ym a{
	background:url(../images/pdf_ym.png) 10px 18px no-repeat #fff;
	color:#83cb67;
}

#document .treatise li.bx_salmonella a{
	background:url(../images/pdf_salmonella.png) 10px 18px no-repeat #fff;
	color:#e96503;
}

#document .treatise li.bx_aerobic_count a,
#document .treatise li.j_aerobic_count a{
	background:url(../images/pdf_aerobic_count.png) 10px 18px no-repeat #fff;
	color:#ccc200;
}

#document .treatise li.bx_coliform a,
#document .treatise li.j_coliform a{
	background:url(../images/pdf_coliform.png) 10px 18px no-repeat #fff;
	color:#1e90b5;
}

#document .treatise li.bx_ecoli_coliform a,
#document .treatise li.j_ecoli_coliform a{
	background:url(../images/pdf_ecoli_coliform.png) 10px 18px no-repeat #fff;
	color:#0b3800;
}
.short-bottom{
	margin-bottom:10px;
}

.download{
	overflow:hidden;
	margin:40px 0 40px;
}
#document .download ul {
	margin-bottom:30px;
}

#document .download li {
	float:left;
	margin:0 10px 10px 0;
	position:relative;
	width:220px;
}
#document .download li:nth-child(5n+5) {
	margin-right:0px;
}
#document .download li a{
	background:url(../images/icon_pdf.png) 10px 18px no-repeat #fff;
	color:#333333;
	font-weight:bold;
	display:block;
	padding:35px 0px 0px 58px;
	font-size:18px;
	line-height:1;
	min-height:50px;
}
#document .download li a span{
	font-size:13px;
	font-weight:bold;
	line-height:1.2;
	display:block;
}
#document .download li a:hover{
	text-decoration:none;
	opacity:0.8;
}



@media screen and (max-width: 768px) {
	#contentsArea {
		padding:30px 4%;
	}
	#document .manual li {
	float:none;
	margin:0 10px 20px 0;
	position:relative;
	width:100%;
	}
	#document .manual li br{
		display:none;
	}
	#document .manual li a{
	padding:25px 0px 30px 65px;
	min-height:auto;
	}
	
	#document .caralog li {
	float:none;
	margin:0 10px 20px 0;
	position:relative;
	width:100%;
	}
	#document .caralog li br{
		display:none;
	}
	#document .caralog li a{
	padding:25px 0px 5px 98px;
	}
	
	#document .certificate li {
	float:none;
	margin:0 10px 20px 0;
	position:relative;
	width:100%;
	}
	#document .certificate li br{
		display:none;
	}
	#document .certificate li a{
	padding:25px 0px 30px 65px;
	min-height:auto;
	}
	
	#document .treatise li {
	float:none;
	margin:0 10px 20px 0;
	position:relative;
	width:100%;
	}
	#document .treatise li br{
		display:none;
	}
	#document .treatise li a{
	padding:25px 0px 30px 65px;
	min-height:auto;
	}
	
	#document .download li {
	float:none;
	position:relative;
	width:100%;
	}
	#document .download li a{
	padding:35px 0px 25px 58px;
	}
}
