@charset "utf-8";
/* CSS Document */
.tab-i4 li .row {
	float: left;
	width: 100%;
	background: #f5f5f5;
	padding: 1em 0;
	height: 12em;
	overflow: hidden;
}
.tab-i4 li .row img {
	float: left;
	width: 25%;
}
.tab-i4 li .row > div {
	float: left;
	width: 75%;
}
.slogen.lite .row {
	padding: 2em 0 1em 7.5em;
	position: relative;
}
.slogen.lite .row:before {
	position: absolute;
	background: #ac0 url(image/ico-tick.png) no-repeat;
	background-size: 70%;
	background-position: 1em 1em;
	width: 6em;
	height: 6em;
	border-radius: 3em;
	left: 0;
	top: 2.5em;
	content: '';
}
.download {
	padding: 0 0 3em 0;
}
.download li {
	margin-bottom: .5em;
	padding: 1em;
	border-bottom: 1px #aaa dotted;
	width: 100%;
}
.download h3 {
	width: 100%;
	margin-bottom: 1em;
	color: #6f6f6f;
	padding-right: 2em;
}
.download .dbtn {
	float: left;
    background: #5d9d3d;
	color: #fff;
	padding: 1em 3em;
	margin-top: 2em;
	cursor: pointer;
}
.download .dbtn:hover {
	background: #52952d;
}
.download p {
	padding: 0;
	margin: 0;
	color: #6f6f6f;
}
@media (min-width: 768px) {
.tab-i4 li .row img {
	width: 16%;
}
}
@media (min-width: 992px) {
.tab-i4 li .row img {
	width: 25%;
}
.download .dbtn {
	float: right;
	font-size:16px;		
}
.download {
	padding: 0 1em 3em 1em;
}
}
@media (min-width: 1200px) {
.play .action {
	height: 200px;
}
.download h3 {
	padding-right: 0;
}
}



h1, h2, h3, h5 {
    font-weight: normal;
}
h2 {
    font-size: 1.5em;
    margin: .75em 0;
}



.cm51,.cm54{float: left;}
.cm51 {width: 20%;} 
.cm54{width: 80%;}
.tt{ color:#3F3F3F}