.bgc01{ background: #177fb5; color: #FFFFFF; }
.bgc02{ background: #00aaba; color: #FFFFFF; }
.bgc03{ background: #42a4dd; color: #FFFFFF; }
.bgc04{ background: #d372a6; color: #FFFFFF; }

.pro-item{ position: relative;  width: 100%; margin: 10px auto; padding: 10px; }
.pro-item .centerPic{ position: relative; float: left; width: 30%; /*height: 200px;*/ margin: auto; }
.pro-item .centerPic .pro-img{ width: 100%; /*height: 200px; display: table-cell; vertical-align: middle; text-align: center;*/ margin-top: 4px; }
.pro-item .centerPic .pro-img img{ max-width: 100%; max-height: 100%; }

.pro-item .txt-center{ position: relative; float: left;  width: -moz-calc(70% - 10px); width: -webkit-calc(70% - 10px); width: calc(70% - 10px); margin-left: 10px; }
.pro-item .txt-center .txt-tit{ position: relative; margin-bottom: 10px; font-size: 14px; font-weight: bold; }
.pro-item .txt-center .line{ margin-bottom: 0px; }

.w100{ width: 100%; }

.nomgb{ margin-bottom: 0px !important; }

body, html, main {
	max-width: 750px;
	margin: 0 auto;
}
.container{ max-width: 750px; }

.O-Header:before, .O-Footer:after, .O-Header__navRow.A-StickyElement--sticky:before { height: 6px; }

.O-Header__logoRow{ padding-top: 6px; }
.O-Footer{ margin-bottom: 6px; }