@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 1280px)
{
	
#info-so
{
	display: none;
	float: right;
	width: 65%;
	margin-right: 5%;
}

.middle-so
{
	width: 38%;
	float: left;
}


.right-so
{
	width: 49%;
	float: right;
	right: 0;
}

#info-fk
{
	display: none;
	float: right;
	width: 65%;
	margin-right: 5%;
}

.middle-fk
{
	width: 38%;
	float: left;
}


.right-fk
{
	width: 49%;
	float: right;
	right: 0;
}

#info-z
{
	display: none;
	float: right;
	width: 65%;
	margin-right: 5%;
}

.middle-z
{
	width: 38%;
	float: left;
}


.right-z
{
	width: 49%;
	float: right;
	right: 0;
}

#info-rs
{
	display: none;
	float: right;
	width: 65%;
	margin-right: 5%;
}

.middle-rs
{
	width: 38%;
	float: left;
}


.right-rs
{
	width: 49%;
	float: right;
	right: 0;
}

#info-hk
{
	display: none;
	float: right;
	width: 65%;
	margin-right: 5%;
}

.middle-hk
{
	width: 38%;
	float: left;
}


.right-hk
{
	width: 49%;
	float: right;
	right: 0;
}

#info-ggam
{
	display: none;
	float: right;
	width: 65%;
	margin-right: 5%;
}

.middle-ggam
{
	width: 38%;
	float: left;
}


.right-ggam
{
	width: 49%;
	float: right;
	right: 0;
}

#info-a
{
	display: none;
	float: right;
	width: 65%;
	margin-right: 5%;
}

.middle-a
{
	width: 38%;
	float: left;
}


.right-a
{
	width: 49%;
	float: right;
	right: 0;
}

#info-gm
{
	display: none;
	float: right;
	width: 65%;
	margin-right: 5%;
}

.middle-gm
{
	width: 38%;
	float: left;
}


.right-gm
{
	width: 49%;
	float: right;
	right: 0;
}

#info-kk
{
	display: none;
	float: right;
	width: 65%;
	margin-right: 5%;
}

.middle-kk
{
	width: 38%;
	float: left;
}


.right-kk
{
	width: 49%;
	float: right;
	right: 0;
}

#info-wf
{
	display: none;
	float: right;
	width: 65%;
	margin-right: 5%;
}

.middle-wf
{
	width: 38%;
	float: left;
}


.right-wf
{
	width: 49%;
	float: right;
	right: 0;
}

#info-sd
{
	display: none;
	float: right;
	width: 65%;
	margin-right: 5%;
}

.middle-sd
{
	width: 38%;
	float: left;
}


.right-sd
{
	width: 49%;
	float: right;
	right: 0;
}

#info-kp
{
	display: none;
	float: right;
	width: 65%;
	margin-right: 5%;
}

.middle-kp
{
	width: 38%;
	float: left;
}


.right-kp
{
	width: 49%;
	float: right;
	right: 0;
}

#info-coll
{
	display: none;
	width: 65%;
	float: right;
	margin-right: 5%;
}


}
/* Phones, Smartphones, Tablets Quer */
@media only screen and (min-width: 1024px) and (max-width: 1279px)
{
	
#info-so
{
	float: right;
	width: 100%;
	padding: 20% 0;
}

.middle-so
{
	width: 38%;
	float: left;
}


.right-so
{
	width: 49%;
	float: right;
	right: 0;
}

#info-fk
{
	float: right;
	width: 100%;
	padding: 20% 0;
}

.middle-fk
{
	width: 38%;
	float: left;
}


.right-fk
{
	width: 49%;
	float: right;
	right: 0;
}

#info-z
{
	float: right;
	width: 100%;
	padding: 20% 0;
}

.middle-z
{
	width: 38%;
	float: left;
}


.right-z
{
	width: 49%;
	float: right;
	right: 0;
}

#info-rs
{
	float: right;
	width: 100%;
	padding: 20% 0;
}

.middle-rs
{
	width: 38%;
	float: left;
}


.right-rs
{
	width: 49%;
	float: right;
	right: 0;
}

#info-hk
{
	float: right;
	width: 100%;
	padding: 20% 0;
}

.middle-hk
{
	width: 38%;
	float: left;
}


.right-hk
{
	width: 49%;
	float: right;
	right: 0;
}

#info-ggam
{
	float: right;
	width: 100%;
	padding: 20% 0;
}

.middle-ggam
{
	width: 38%;
	float: left;
}


.right-ggam
{
	width: 49%;
	float: right;
	right: 0;
}

#info-a
{
	float: right;
	width: 100%;
	padding: 20% 0;
}

.middle-a
{
	width: 38%;
	float: left;
}


.right-a
{
	width: 49%;
	float: right;
	right: 0;
}

#info-gm
{
	float: right;
	width: 100%;
	padding: 20% 0;
}

.middle-gm
{
	width: 38%;
	float: left;
}


.right-gm
{
	width: 49%;
	float: right;
	right: 0;
}

#info-kk
{
	float: right;
	width: 100%;
	padding: 20% 0;
}

.middle-kk
{
	width: 38%;
	float: left;
}


.right-kk
{
	width: 49%;
	float: right;
	right: 0;
}

#info-wf
{
	float: right;
	width: 100%;
	padding: 20% 0;
}

.middle-wf
{
	width: 38%;
	float: left;
}


.right-wf
{
	width: 49%;
	float: right;
	right: 0;
}

#info-sd
{
	float: right;
	width: 100%;
	padding: 20% 0;
}

.middle-sd
{
	width: 38%;
	float: left;
}


.right-sd
{
	width: 49%;
	float: right;
	right: 0;
}

#info-kp
{
	float: right;
	width: 100%;
	padding: 20% 0;
}

.middle-kp
{
	width: 38%;
	float: left;
}


.right-kp
{
	width: 49%;
	float: right;
	right: 0;
}

#info-coll
{
	float: right;
	width: 100%;
	padding: 20% 0;
}	
}

/* Phones, Smartphones, Tablets Hoch */
@media only screen and (max-width: 1023px)
{
	
#info-so
{
	width: 100%;
	border-bottom: 1px #fff solid;
	padding-top: 5%;
	padding-bottom: 15%;
}

.middle-so
{
	margin: 15%  auto;
	width: 70%;
}


.right-so
{
	margin: auto;
	width: 70%;
}

#info-fk
{
	width: 100%;
	border-bottom: 1px #fff solid;
	padding-top: 5%;
	padding-bottom: 15%;

}

.middle-fk
{
	
	margin: 15%  auto;
	width: 70%;
}


.right-fk
{
	margin: auto;
	width: 70%;
}

#info-z
{
	width: 100%;
	border-bottom: 1px #fff solid;
	padding-top: 5%;
	padding-bottom: 15%;

}

.middle-z
{
	
	margin: 15%  auto;
	width: 70%;
}


.right-z
{
	margin: auto;
	width: 70%;
}

#info-rs
{
	width: 100%;
	border-bottom: 1px #fff solid;
	padding-top: 5%;
	padding-bottom: 15%;

}

.middle-rs
{
	margin: 15%  auto;
	width: 70%;
}


.right-rs
{
	margin: auto;
	width: 70%;
}

#info-hk
{
	width: 100%;
	border-bottom: 1px #fff solid;
	padding-top: 5%;
	padding-bottom: 15%;

}

.middle-hk
{
	margin: 15%  auto;
	width: 70%;
}


.right-hk
{
	margin: auto;
	width: 70%;
}

#info-ggam
{
	width: 100%;
	border-bottom: 1px #fff solid;
	padding-top: 5%;
	padding-bottom: 15%;

}

.middle-ggam
{
	margin: 15%  auto;
	width: 70%;
}


.right-ggam
{
	margin: auto;
	width: 70%;
}

#info-a
{
	width: 100%;
	border-bottom: 1px #fff solid;
	padding-top: 5%;
	padding-bottom: 15%;

}

.middle-a
{
	margin: 15%  auto;
	width: 70%;
}


.right-a
{
	margin: auto;
	width: 70%;
}

#info-gm
{
	width: 100%;
	border-bottom: 1px #fff solid;
	padding-top: 5%;
	padding-bottom: 15%;

}

.middle-gm
{
	margin: 15%  auto;
	width: 70%;
}


.right-gm
{
	margin: auto;
	width: 70%;
}

#info-kk
{
	width: 100%;
	border-bottom: 1px #fff solid;
	padding-top: 5%;
	padding-bottom: 15%;

}

.middle-kk
{
	margin: 15%  auto;
	width: 70%;
}


.right-kk
{
	margin: auto;
	width: 70%;
}

#info-wf
{
	width: 100%;
	border-bottom: 1px #fff solid;
	padding-top: 5%;
	padding-bottom: 15%;

}

.middle-wf
{
	margin: 15%  auto;
	width: 70%;
}


.right-wf
{
	margin: auto;
	width: 70%;
}

#info-sd
{
	width: 100%;
	border-bottom: 1px #fff solid;
	padding-top: 5%;
	padding-bottom: 15%;
}

.middle-sd
{
	margin: 15%  auto;
	width: 70%;
}


.right-sd
{
	margin: auto;
	width: 70%;
}

#info-kp
{
	width: 100%;
	border-bottom: 1px #fff solid;
	padding-top: 5%;
	padding-bottom: 15%;

}

.middle-kp
{
	margin: 15%  auto;
	width: 70%;
}


.right-kp
{
	margin: auto;
	width: 70%;
}

#info-coll
{
	width: 100%;
	border-bottom: 1px #fff solid;
	padding-top: 5%;
	padding-bottom: 15%;

}

.middle-coll
{
	margin: 15%  auto;
	width: 70%;
}


.right-coll
{
	margin: auto;
	width: 70%;
}

}