@charset "utf-8";
body {
  height: 100%;
  color: #444;
  font-size: 12px;
  background-color: #fff;
}


/* gheader */
#gheader {
	min-width: 960px;
	height:184px;
}

#gheader {
	background:#f3f5f2;
}
#gheader .inner{
	width: 960px;
	position: relative;
	margin:0 auto;
}
#gheader .logo{
	position: absolute;
	left:0px;
	top:87px;
}
#gheader .menu {
	width: 256px;
	margin: 0 auto;
	position: relative;
	height: 184px;
}
#gheader .menu ul li {
	position: absolute;
	width: 72px;
	top: 0;
}
#gheader .menu ul li.clear {
	left: 0;
}
#gheader .menu ul li.top {
	left: 92px;
}
#gheader .menu ul li.color {
	right: 0;
}
#gheader .menu ul li a {
	position: absolute;
	top: 52px;
}
/**/
.menu {
  z-index: 99;
}

#gheader .movie{
	position: absolute;
	right:0px;
	top:68px;
}


/* nav */
#nav {
	height:57px;
	z-index:999;
}
#nav {
	background: url(../img/header_bg.gif) left bottom repeat-x;
}
#nav .tab {
	margin: 0 auto;
	position: relative;
	height: 57px;
}
#nav .tab li{
	float:left;
}
#nav .tab li+li{
	margin-left: -1px;
}
.fixed #nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
#nav .tab {
	width: 461px;
}




/* footer */
footer {
	width: 100%;
	min-width: 960px;
	color:#292929;
	position: relative;
	z-index: 99;
}
footer .pagetop{
	text-align:center;
}
footer .inner {
	margin: 0px 20px 20px 20px;
	height: 36px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
footer .inner {
	background-color: #f3f5f2;
}
footer nav {
  padding: 12px 0 0 20px;
  line-height: 0;
  float: left;
}
footer nav li {
  float: left;
  margin-right: 10px;
}
footer nav li a:hover img {
  opacity: 0.7;
}
footer .copyright {
  text-align: right;
  float: right;
  padding: 8px 12px 0 0;
}
footer .copyright img {
  padding-right: 20px;
  border-right: 1px solid #ccc;
  margin-right: 10px;
  padding-top:2px;
}
footer .copyright small {
  font-size: 10px;
}

.container {
	position: relative;
	min-width: 960px;
	overflow: hidden;
	color:#292929;
}
.fixed .container {
	margin-top:57px;
}

/* -- main -- */
.container #main {
	text-align:center;
	opacity:0;
}
.container #main h2 {
	padding-top:50px;
	padding-bottom:50px;
}
.container #main section.movie {
  margin:0 auto 100px auto;
}
.container #main section.movie .movie-wrap + .movie-wrap{
  margin-top:27px;
}

.container #main ul {
	width: 745px;
	margin:0 auto 0px auto;
  text-align: center;
}
.container #main ul li {
	display: inline-block;
	padding-left: 23px;
	padding-right: 23px;
}

.container #main ul li .released{
  margin-top:8px;
}