@charset "utf-8";
/* CSS Document */

header {
	background-color: #fff;
}
pre {
	font-size:14px;
	line-height:200%;
	padding-top:10px;
	white-space:pre-wrap;
	word-break:break-all;
}
.op_line {
	color:#017ca8;
}
#shit {
	margin-top:12px;
}
#shit .on {
	color:#D00;
}
.con_h2 i {
	margin-right:8px;
	vertical-align:bottom;
}
ul.li {
	font-size:14px;
	padding:12px;
}
ul.li li {
	width:50%;
	display:inline-block;
	padding:5px 0;
	vertical-align:top;
}
ul.li li mc {
	display:inline-block;
	margin-right:3px;
	width:100px;
	text-align:right;
	color:#555;
}
ul.li li img {
	max-height:150px;
	max-width:100%;
	margin-bottom:6px;
}
ul.li.li_3 li {
	width:calc(100% / 3);
}
ul.li.li_4 li {
	width:calc(100% / 4);
}
tips {
	float:left;
	font-size:12px;
	color:#3f3f3f;
}
#logo {
	margin-bottom:22px;
	margin-top:12px;
}
#logo sub {
	font-family:none;
	font-size:14px;
}
#logo sub a {
	color:#333;
}
nav {
	background-color:#0185b2;
	line-height:38px;
	height:38px;
}
nav .main {
	font-size:14px;
	background-color:inherit;
}
nav a {
	color:#fff;
	padding:0 12px;
	display:inline-block;
}
nav a:hover {
	color:#eee;
}
nav a.on {
	color:#222;
	background-color:#fff;
}
nav a.on:hover {
	color:#555;
}
#con_h1 {
	border-bottom:1px solid #eee;
	padding:0 8px;
	line-height:250%;
	margin-top:16px;
}
#con_h1 i {
	margin-right:12px;
	font-size:18px;
	vertical-align:bottom;
}
.con_h2 {
	border-bottom:1px solid #eee;
	padding:0 8px;
	line-height:230%;
	margin-top:10px;
}
.con_h2 i {
	font-size:16px;
}
ul#pic_list.lie_group li:not(:nth-child(3n+1)) {
    margin-left: 9px;
}
ul#pic_list.lie_group li {
    width: calc(33.333333333333% - 6px);
	margin-left:0;
	text-align:inherit;
}
ul#pic_list.lie_group li img {
	max-width:100%;
	aspect-ratio: 1;
	width:100px;
	margin-right:8px;
	border:1px solid #f6f6f6;
	border-radius:18%;
}
g_zt {
	font-size:12px;
	color:#999;
}
#detail {
	display: -webkit-box;
	margin-top:20px;
	margin-bottom:15px;
	line-height:180%;
}
#detail img {
	float:left;
	margin-right:5px;
}
.t_list { margin-top:12px; }
.t_list th { font-size:14px; }
.c_ccc { color:#999; }
.c_090 { color:#090; }


@media screen and (max-width: 768px) {
	ul#pic_list.lie_group li {
		width: 100%;
	}
	ul#pic_list.lie_group li:not(:nth-child(3n+1)) {
		margin-left: 0;
	}
	
	ul.li {
		padding-left:0;
		padding-right:0;
	}
	ul.li.li_2 li {
		width:100%;
	}
	ul.li li mc {
		width: 5rem;
	}
	ul.li.li_3 li {
		width:calc(50% - 4px);
	}
	ul.li.li_3 li:nth-child(even) {
		margin-left:8px;
	}
}