/* Code tidied up by ScrapBook */
#Version { width: 100%; height: 900px; position: relative; overflow: hidden; z-index: -3; }
#Flash { width: 1920px; height: 900px; position: absolute; left: 50%; margin: 0px auto -272px -960px; z-index: -1; }
#Header { margin: 0px auto -290px -960px; width: 1920px; height: 900px; position: absolute; left: 50%; z-index: -2; line-height: 0px; }
.hao123 { width: 260px; height: 20px; top: 0px; left: 50%; margin-left: -560px; opacity: 0.3; position: absolute; z-index: 55; }
#Topbar { height: 110px; background: transparent url("np.png") repeat-x scroll 0px 0px; }
.Topwrap { width: 1200px; margin: 0px auto; position: relative; height: 100%; }
#Topnav { height: 100px; background: transparent url("topnav.jpg") no-repeat scroll 0px 0px; width: 672px; float: left; }
#Topnav li { float: left; }
#Topnav a { display: block; width: 222px; height: 100px; margin-left: 2px; text-indent: -999em; }
#Topnav a:hover { background-image: url("topnav.jpg"); background-repeat: no-repeat; }
#Topnav a.n1:hover { background-position: -2px -100px; }
#Topnav a.n2:hover { background-position: -226px -100px; }
#Topnav a.n3:hover { background-position: -450px -100px; }
#Topbar .entry { background: transparent url("entry.jpg") no-repeat scroll 0px 0px; display: block; width: 236px; height: 100px; overflow: hidden; text-indent: -999em; float: left; }
#Topbar .forum { background: transparent url("forum.jpg") no-repeat scroll 0px 0px; display: block; width: 236px; height: 100px; margin-left: 7px; overflow: hidden; text-indent: -999em; float: left; }
#Topbar .entry:hover { background: transparent url("entry_1.jpg") no-repeat scroll 0px 0px; }
#Topbar .forum:hover { background: transparent url("forum_1.jpg") no-repeat scroll 0px 0px; }
.musicbox { width: 65px; height: 100px; position: fixed; z-index: 500; top: 0px; left: 50%; cursor: pointer; margin-left: -750px; }
.musicplay {  }
a:hover { color: rgb(255, 222, 0); text-decoration: none; }
.top { height: 100px; position: relative; z-index: 10000; width: 1280px; }
.logo2 { width: 50px; height: 50px; position: absolute; top: 35px; left: 50%; cursor: pointer; opacity: 0; margin-left: 600px; z-index: 999999; }
.logo2 img { width: 100%; height: 100%; }
.ml10 { margin-left: 10px; }
.m3 { width: 100%; height: auto; overflow: hidden; padding-top: 10px; padding-bottom: 0px; background: transparent url("dbg2.png") no-repeat scroll center bottom; z-index: 999999; }

.top { width: 1280px; height: 17px; margin: 10px auto 0px; background: transparent url("zz1.jpg") no-repeat scroll center center; line-height: 60px; color: rgb(255, 255, 255); text-align: center; font-size: 22px; font-weight: bold; }
.foot { width: 1280px; height: 17px; margin: 0px auto; background: transparent url("zz1.jpg") no-repeat scroll center center; }
.zb { width: 1244px; height: auto; overflow: hidden; margin: 0px auto; padding: 0px 18px; background: transparent url("zz2.jpg") repeat-y scroll center top; }
.zb_3 { width: 235px; height: auto; overflow: hidden; float: left; background: rgb(0, 0, 0) none repeat scroll 0% 0%; position: relative; border: 2px solid rgb(88, 68, 57); z-index: 999999999; }
.zb_3 .role-itemst { width: 235px; height: auto; float: left; position: relative; }
.zb_3 .role-itemst img { width: 235px; height: auto; overflow: hidden; display: block; transition: all 0.5s ease 0s; }
.zb_3 .role-itemst img:hover { width: 300px; height: auto; transition: all 0.5s ease 0s; padding: 0px; }
.zb_1 { width: 1240px; height: auto; overflow: hidden; float: left; background: rgb(0, 0, 0) none repeat scroll 0% 0%; border: 2px solid rgb(88, 68, 57); }
.zb_1 .role-itemst { width: 1240px; height: auto; float: left; position: relative; }
.zb_1 .role-itemst img { width: 1240px; height: auto; overflow: hidden; display: block; transition: all 0.5s ease 0s; }
.zb_1 .role-itemst img:hover { width: 1240px; height: auto; transition: all 0.5s ease 0s; padding: 0px; }