@charset "UTF-8";
.screenshots-box {
    margin-top: 30px;
    position: relative;
}
.swiper-container .swiper-wrapper .swiper-slide {
    width: auto;
    cursor: pointer;
    height: 400px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-right: 20px;
}
.swiper-container .swiper-wrapper .swiper-slide img {
    height: 100%;
    border-radius: 5px;
}
.screenshots-box > h2, 
.intro-box > h2{
    font-size: 18px;
    color: #444;
}
.intro-box {
    line-height: 30px;
}
.intro-box img {
    max-width: 100%;
	height: 300px;
}
.intro-box iframe{
	width: 100% !important;
	height: 440px;
}
@media (max-width: 767px){
	.intro-box iframe{
	    height: 56vw;
	}
}
.intro-box h3{
	padding: 10px;
	font-size: 18px;
	font-weight: bolder;
	color: #04A1C5;
}
.down-top10 .media{
	margin-top: 10px;
}
.down-top10 .media:first-child{
	margin-top: 0;
}
.down-top10 .media-body{
	border-bottom: 1px dashed #DEDEDE;
	height: 30px;
}
.down-top10 .media:last-child .media-body{
	border-bottom: 0;
}
.down-top10 .media-body span{
	color: #EA479E;
}