.header-image {
    position: relative;
    display: block;
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
h3.page-title {
	color:#20ddb3;
	padding-bottom: 1em;
}
p.page-content {
	color:#ffffff; 
	font-size:1em;
	opacity: 1;
	line-height: 1.25;
}
p.page-subtitle {
	color:#ffffff; 
	font-size:1.3em;
	opacity: 1;
	line-height: 1.25;
}
p.page-category {
	color:#ffffff; 
	font-size:1em;
	opacity: 1;
	line-height: 1.25;
}
.ol-style{
	color:#ffffff; 
	font-size:1em;
	opacity: 1;
	line-height: 1.25;
	padding-left:3em;
}

.index-bg {
	background: url(../img/index/bg-1.png);
	background-size: 100%;
}
.category-bg {
	background: url(../img/category/bg-1.png);
	background-size: 100%;
}

.blog-bg {
	background: url(../img/blog/bg-1.png);
	background-size: 100%;
}

.topic-bg {
	background: url(../img/topic/bg-2.jpg);
    background-size: 100%;
}

/*-------- header part -----------*/
.download-android {
  position: absolute; 
  zoom:0.8;
  top: 85%;
  left: 23%;
}
.download-ios {
  position: absolute;
  zoom:0.8;
  top: 85%;
  left: 59%;
}
.download-pc {
  position: absolute;
  zoom:0.8;
  top: 85%;
  left: 42%;
}
	.download-pc:hover {
		transform: translateY(-5px);
	}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 1000px) {
  body {
    background-color: blue;
  }
	.download-android {
	  left: 15%;
		background: #8125142;
	}
	.download-ios {
	  left: 66%;
	}
	.download-pc {
	  left: 42%;
	}
}

/* On screens that are 600px or less, set the background color to olive 
@media screen and (max-width: 600px) {
  body {
    background-color: olive;
  }
}*/