.sssmb_svgi {
		width: 1em;
		height: 1em;
		stroke-width: 0;
		fill: currentColor;
		stroke: currentColor;
		display: inline-block;
	}

	.sssmodulebox {
		padding: 0 0 20px;
		font-size: 1em;
		line-height: 1em;
		font-family: Arial;
		margin-top: 100px;
	}

	.sssmodulebox h1,
	.sssmodulebox h2 {
		margin: 1em 0 .7em !important;
		line-height: 1.2em !important;
	}

	.sssmodulebox .sssmb_h2_cols {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
	}

	.sssmodulebox .sssmb_h2_cols .col {
		flex: 1 1 auto;
	}

	.sssmodulebox .sssmb_h2_cols .col.rght {
		text-align: right;
	}

	.sssmodulebox .sssmb_cinf {
		display: none;
	}

	.sssmodulebox .sssmb_stext_bttm {
		margin-bottom: 30px;
		text-align: left;
		line-height: 1.5em;
	}

	.sssmodulebox .sssmb_yashare {
		margin-bottom: 30px;
	}

	.sssmodulebox .sssmb_stext {
		text-align: left;
		line-height: 1.5em;
	}

	.sssmodulebox .sssmb_stext p {
		line-height: 1.5em;
		padding: 5px 0;
		text-indent: 2em;
		margin: 0;
		text-align: left;
	}

	.sssmodulebox .sssmb_stext ul,
	.sssmodulebox .sssmb_stext ol {
		margin: 1em 0 1em 0em;
	}

	.sssmodulebox .sssmb_stext ul {
		list-style: none;
	}

	.sssmodulebox .sssmb_stext ul li,
	.sssmodulebox .sssmb_stext ol li {
		display: list-item;
		margin: 0;
		padding: 5px 0 5px 0em;
		line-height: 1.5em;
		background: none;
		text-align: left;
		list-style-image: none;
	}

	.sssmodulebox .sssmb_stext ul li:before {
		content: "";
		width: 1em;
		height: 0;
		border-top: 1px solid #446b98;
		display: inline-block;
		position: relative;
		left: 0em;
		top: -3px;
		margin: 0 1.5em 0 0;
	}

	.sssmodulebox .sssmb_stext ol li:before {
		content: "";
		position: relative;
		margin: 0 1.5em 0 1em;
	}

	.sssmodulebox .yasharebox ul li {
		background: none;
		padding-left: 0;
	}

	.sssmodulebox .yasharebox ul li:before {
		content: "";
	}

	.sssmodulebox .sssmb_clr {
		clear: both;
		height: 0;
		line-height: 0;
		font-size: 0;
		margin: 0;
		padding: 0;
	}

	.sssmodulebox .sssmb_articles {}

	.sssmodulebox .sssmb_articles .sssmba_itm {
		display: flex;
	}

	.sssmodulebox .sssmb_articles .sssmba_itm+.sssmba_itm {
		margin-top: 20px;
	}

	.sssmodulebox .sssmb_articles .sssmba_img {
		flex: 0 0 100px;
	}

	.sssmodulebox .sssmb_articles .sssmba_img img {
		max-width: 100%;
		border: 1px solid #ddd;
		border-radius: 3px;
		padding: 3px;
	}

	.sssmodulebox .sssmb_articles .sssmba_inf {
		flex: 1 1 auto;
		margin-left: 30px;
	}

	.sssmodulebox .sssmb_articles .sssmba_tit {
		font-size: 120%;
	}

	.sssmodulebox .sssmb_articles .sssmba_txt {
		margin-top: 13px;
	}

	.sssmodulebox .sssmb_articles.sssmb_tpl_1 .sssmba_itms {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
	}

	.sssmodulebox .sssmb_articles.sssmb_tpl_1 .sssmba_itm {
		flex: 0 0 22.9%;
		width: 22.9%;
		margin-right: 2.8%;
		margin-bottom: 2.8%;
		padding: 25px;
		box-sizing: border-box;
		border: 1px solid #eee;
		border-radius: 10px;
	}

	.sssmodulebox .sssmb_articles.sssmb_tpl_1 .sssmba_itm+.sssmba_itm {
		margin-top: 0;
	}

	.sssmodulebox .sssmb_articles.sssmb_tpl_1 .sssmba_itm:nth-child(4n+4) {
		margin-right: 0;
	}

	.sssmodulebox .sssmb_articles.sssmb_tpl_1 .sssmba_img {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		order: 2;
	}

	.sssmodulebox .sssmb_articles.sssmb_tpl_1 .sssmba_img img {
		border: 0;
	}

	.sssmodulebox .sssmb_articles.sssmb_tpl_1 .sssmba_inf {
		margin-left: 0;
		order: 1;
	}

	.sssmodulebox .sssmb_articles.sssmb_tpl_1 .sssmba_tit {
		text-align: center;
		margin-bottom: 20px;
		height: 72px;
	}

	.sssmodulebox .sssmb_tabs {}

	.sssmodulebox .sssmb_tabs .sssmbt_butts {
		display: flex;
		align-items: flex-end;
	}

	.sssmodulebox .sssmb_tabs .sssmbt_butt {
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		background: #eee;
		padding: 10px 15px;
		margin-top: 10px;
		cursor: pointer;
		font-size: 120%;
		transition: .3s;
	}

	.sssmodulebox .sssmb_tabs .sssmbt_butt:nth-last-child(1) {
		border-right: 1px solid #ddd;
	}

	.sssmodulebox .sssmb_tabs .sssmbt_butt:nth-child(1) {
		border-radius: 5px 0 0 0;
	}

	.sssmodulebox .sssmb_tabs .sssmbt_butt:nth-last-child(1) {
		border-radius: 0 5px 0 0;
	}

	.sssmodulebox .sssmb_tabs .sssmbt_butt_a {
		background: #fff;
		padding-bottom: 20px;
		border-radius: 5px 5px 0 0 !important;
		margin-top: 0;
	}

	.sssmodulebox .sssmb_tabs .sssmbt_itms {
		border: 1px solid #ddd;
	}

	.sssmodulebox .sssmb_tabs .sssmbt_itm {
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		z-index: 1;
		background: #fff;
		opacity: 0;
		visibility: hidden;
		padding: 0 35px;
	}

	.sssmodulebox .sssmb_tabs .sssmbt_itm_a {
		z-index: 2;
		opacity: 1;
		visibility: visible;
		position: relative;
		transition: .3s;
	}

	.sssmodulebox .sssmb_cols {
		display: flex;
		justify-content: space-between;
	}

	.sssmodulebox .sssmb_col {
		flex: 0 0 50%;
		box-sizing: border-box;
	}

	.sssmodulebox .sssmb_col_l {
		padding-right: 4%;
		border-right: 1px solid #eee;
	}

	.sssmodulebox .sssmb_col_r {
		flex-basis: 46%;
	}

	.sssmodulebox .sssmb_img {
		float: left;
		max-width: 300px;
		line-height: 0;
		position: relative;
	}

	.sssmodulebox .sssmb_img_r {
		float: right;
		margin-left: 5%;
		margin-bottom: 5%;
	}

	.sssmodulebox .sssmb_img_l {
		float: left;
		margin-right: 5%;
		margin-bottom: 5%;
	}

	.sssmodulebox .sssmb_img img {
		max-width: 100%;
		margin: 0;
		padding: 0;
		border: none;
		z-index: auto;
	}

	.sssmodulebox .sssmb_bck {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 5px;
		box-sizing: border-box;
		line-height: 0;
		background: -moz-linear-gradient(top, rgba(0, 25, 48, 0) 0%, rgba(0, 22, 43, 0) 20%, rgba(0, 12, 22, .3) 100%);
		background: -webkit-linear-gradient(top, rgba(0, 25, 48, 0) 0%, rgba(0, 22, 43, 0) 20%, rgba(0, 12, 22, .3) 100%);
		background: linear-gradient(to bottom, rgba(0, 25, 48, 0) 0%, rgba(0, 22, 43, 0) 20%, rgba(0, 12, 22, .3) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00001930", endColorstr="#b3000c16", GradientType=0);
	}

	.sssmodulebox .sssmb_ln {
		width: 100%;
		height: 100%;
		border: 1px solid rgba(255, 255, 255, .7);
		box-sizing: border-box;
	}

	.sssmodulebox .sssmb_alt {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		color: #fff;
		padding: 0 18px 14px;
		font-size: 90%;
		box-sizing: border-box;
		line-height: 1.3em;
		text-align: left;
	}

	.sssmodulebox .sssmb_ainn {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		box-sizing: border-box;
		padding: 0 12px 10px;
		text-align: left;
		line-height: 1.3em;
		font-size: 0.5em;
		color: #fff;
	}

	.sssmodulebox .sssmb_dopimgs {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 2em;
		clear: both;
	}

	.sssmodulebox .sssmb_dopimgs .sssmb_img {
		flex: 0 0 auto;
		margin: 0 0 2em;
		float: none;
		max-width: 30%;
		width: auto;
	}

	.sssmodulebox .sssmb_blog_tit {
		margin-bottom: 40px;
	}

	.sssmodulebox .sssmb_blog_tit .sssmb_dt {
		font-style: italic;
	}

	.sssmodulebox .sssmb_blog_tit .sssmb_dt svg {
		position: relative;
		color: #777;
		margin-right: 7px;
		top: 4px;
		width: 20px;
		height: 20px;
	}

	.sssmodulebox .sssmb_blog {
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
	}

	.sssmodulebox .sssmb_blog .sssmba_itm {
		position: relative;
		flex: 0 0 29%;
		width: 29%;
		max-width: 300px;
		margin-right: 4%;
		margin-bottom: 5%;
		border: 1px solid #eee;
		color: #333;
		transition: .3s;
	}

	.sssmodulebox .sssmb_blog .sssmba_itm a {
		text-decoration: none;
		color: #333;
	}

	.sssmodulebox .sssmb_blog .sssmba_itm .sssmba_img {
		height: 200px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.sssmodulebox .sssmb_blog .sssmba_itm .sssmba_inf {
		padding: 17px 20px 35px;
		line-height: 1.5em;
	}

	.sssmodulebox .sssmb_blog .sssmba_itm .sssmba_dt {
		font-style: italic;
		margin-bottom: 20px;
		color: #555;
		font-size: 90%;
	}

	.sssmodulebox .sssmb_blog .sssmba_itm .sssmba_tit {
		position: relative;
		font-weight: bold;
		margin-bottom: 17px;
		font-size: 120%;
		top: 0;
		transition: .3s;
	}

	.sssmodulebox .sssmb_blog .sssmba_itm .sssmba_tit span {
		border-bottom: 1px solid rgba(50, 50, 50, .1);
	}

	.sssmodulebox .sssmb_blog .sssmba_itm .sssmba_txt {
		position: relative;
		top: 0;
		transition: .3s;
	}

	.sssmodulebox .sssmb_blog .sssmba_itm .sssmba_lnk {
		position: absolute;
		text-align: right;
		opacity: 0;
		bottom: 15px;
		right: 30px;
		border-bottom: 1px solid rgba(50, 50, 50, .1);
		transition: .3s;
	}

	.sssmodulebox .sssmb_blog .sssmba_itm .sssmba_lnk:hover {
		/*todo*/
		color: #a50e0e;
		border-color: #a50e0e;
	}

	.sssmodulebox .sssmb_blog .sssmba_itm:hover {
		background: #eee;
	}

	.sssmodulebox .sssmb_blog .sssmba_itm:hover .sssmba_tit {
		top: -10px;
	}

	.sssmodulebox .sssmb_blog .sssmba_itm:hover .sssmba_tit span {
		/*todo*/
		color: #a50e0e;
		border-color: #a50e0e;
	}

	.sssmodulebox .sssmb_blog .sssmba_itm:hover .sssmba_txt {
		top: -10px;
	}

	.sssmodulebox .sssmb_blog .sssmba_itm:hover .sssmba_lnk {
		right: 20px;
		opacity: 1;
	}

	@media(max-width:1100px) {
		.sssmodulebox .sssmb_articles.sssmb_tpl_1 .sssmba_itm {
			flex-basis: 32%;
			width: 32%;
			margin-right: 1.95%;
			margin-bottom: 1.95%;
		}

		.sssmodulebox .sssmb_articles.sssmb_tpl_1 .sssmba_itm:nth-child(4n+4) {
			margin-right: 1.95%;
		}

		.sssmodulebox .sssmb_articles.sssmb_tpl_1 .sssmba_itm:nth-child(3n+3) {
			margin-right: 0px;
		}
	}

	@media(max-width:700px) {
		.sssmodulebox .sssmb_cols {
			display: block;
		}

		.sssmodulebox .sssmb_col_l {
			padding-right: 0;
			border-right: none;
		}

		.sssmodulebox .sssmb_articles.sssmb_tpl_1 .sssmba_itm {
			flex-basis: 48%;
			width: 48%;
			margin-right: 4%;
			margin-bottom: 4%;
		}

		.sssmodulebox .sssmb_articles.sssmb_tpl_1 .sssmba_itm:nth-child(4n+4) {
			margin-right: 4%;
		}

		.sssmodulebox .sssmb_articles.sssmb_tpl_1 .sssmba_itm:nth-child(3n+3) {
			margin-right: 4%;
		}

		.sssmodulebox .sssmb_articles.sssmb_tpl_1 .sssmba_itm:nth-child(2n+2) {
			margin-right: 0;
		}
	}

	@media(max-width:600px) {
		.sssmodulebox .sssmb_dopimgs .sssmb_img {
			max-width: 45%;
		}

		.sssmodulebox .sssmb_img {
			width: 50%;
			float: none;
			margin-left: auto;
			margin-right: auto;
		}

		.sssmodulebox .sssmb_articles.sssmb_tpl_1 .sssmba_itms {
			display: block;
		}

		.sssmodulebox .sssmb_articles.sssmb_tpl_1 .sssmba_itm {
			width: auto;
			margin-right: 0;
		}
	}

	@media(max-width:450px) {
		.sssmodulebox .sssmb_dopimgs .sssmb_img {
			max-width: 75%;
		}

		.sssmodulebox .sssmb_img {
			width: 75%;
		}

		.sssmodulebox .sssmb_articles .sssmba_itm {
			display: block;
		}

		.sssmodulebox .sssmb_articles .sssmba_img {
			width: 120px;
		}

		.sssmodulebox .sssmb_articles .sssmba_inf {
			margin-left: 0;
			margin-top: 10px;
		}

		.sssmodulebox .sssmb_articles .sssmba_itm+.sssmba_itm {
			margin-top: 40px;
		}

		.sssmodulebox .sssmb_tabs .sssmbt_itm {
			padding-left: 15px;
			padding-right: 15px;
		}
	}

	@media(max-width:350px) {
		.sssmodulebox .sssmb_dopimgs .sssmb_img {
			max-width: 95%;
		}

		.sssmodulebox .sssmb_img {
			width: 95%;
		}
	}

	@media(max-width:800px) {
		.sssmodulebox .sssmb_blog .sssmba_itm {
			flex: 0 0 45%;
			width: 45%;
			margin-right: 7%;
		}
	}

	@media(max-width:550px) {
		.sssmodulebox .sssmb_blog {
			display: block;
		}

		.sssmodulebox .sssmb_blog .sssmba_itm {
			width: auto;
			margin-right: 0;
		}
	}
</style>