#topbox {
	width: 1280px;
	height: 683px;
	position:relative;
	z-index: 0;
}
#topbar {
	width: 1280px;
	height: 77px;
	background-image: url(../img/BG_topbar.png);
	margin-top: -10px;
	position: relative;
	z-index: 10;
}
#contain {
	width: 1280px;
	height: 100%;
	background-color: #FFF;
	position: relative;
	padding-bottom: 34px;
}

#topicswrap {
	width: 1160px;
	height: 356px;
	margin-top: 41px;
	margin-left: 64px;
	display: flex;
	justify-content:space-between;
	float: left;
}
.topicsbox {
	width: 212px;
	position: relative;
}

.topicsbox a:hover{
	opacity: 0.5;
}
.topicsbox2 {
	width: 202px;
	position: relative;
}

.topicsbox2 a:hover{
	opacity: 0.5;
}
.obi {
	width: 156px;
	height: 65px;
	position: absolute;
	top: -25px;
	left: -18px;
}
#moviebox2 {
	width: 1180px;
	height: 247px;
	margin-top: 0px;
	margin-left: -240px;
}
#moviebox {
	width: 434px;
	height: 247px;
	float: right;
	margin-top: 50px;
	margin-left: 10px;
}
#moviebox a:hover{
	opacity: 0.5;
}

#whatsnew {
	width: 536px;
	height: 226px;
	background-image: url(../img/BG_what.png);
	float: left;
	margin-left: 92px;
	margin-top: 22px;
}

#whatbox {
	width: 481px;
	height: 140px;
	margin-top: 60px;
	margin-left: 48px;
	overflow-x: hidden;
	overflow-y: auto;
	color: #6f4545;
	font-size: 10pt;
	float: left;
}

#twitterbox {
	width: 534px;
	height: 225px;
	border: 1px solid #c8b7a2;
	float: right;
	margin-right: 92px;
	margin-top: 22px;
}
.on_img:hover {
	opacity: 0.3;
}