.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: block; vertical-align: middle; text-align: center; }
.pro-item .centerPic .pro-img img{ /*max-width: 100%;*/ width: auto; height: auto; max-height: 100%; }

.pro-item .show-video, .centerPic .show-video{ position: relative; width: 100%; }
.pro-item .show-video video, .centerPic .show-video video{ width: 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; }


a:link, a:hover, a:active, a:visited { text-decoration: none; }

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; }

@media screen and (min-width:1023px) {
	.M-Navigation-Main nav{ display: none; }
}