onepage_mrhi/kissy/op_dever/topic-page.css

.ks-topic-bg-image {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: 320px auto;
	background-position: center; /*0 0*/
	height: 100%;
    width: 100%;
	position: absolute;
}

.layer_anim {
	position: absolute;
	transition: all .4s;
	-moz-transition: all .4s; /* Firefox 4 */
	-webkit-transition: all .4s; /* Safari and Chrome */
	-o-transition: all .4s; /* Opera */
}

/* **** layer center **** */
.layer_center {
    left: 50%;
    margin-left: -80px;
	top: 50%;
    margin-top: -30px;
}
.layer_center_move_up_ {
	top: 70%;
	opacity: 0;
}
.layer_center_move_up {
	opacity: 1;
}
.layer_center_move_left_ {
	left: 70%;
	opacity: 0;
}
.layer_center_move_left {
	opacity: 1;
}

/* **** layer lefttop **** */
.layer_lefttop {
	left: 10%;
	top: 10%;
}
.layer_lefttop_move_up_ {
	top: 30%;
	opacity: 0;
}
.layer_lefttop_move_up {
	opacity: 1;
}
.layer_lefttop_move_left_ {
	left: 30%;
	opacity: 0;
}
.layer_lefttop_move_left {
	opacity: 1;
}

.topic_button {
	position: absolute;
	z-index: 100;
}
.topic_button img {
	width: 100%;
}