/**************************************************************************************/

* {
  margin:0px;
  padding:0px;
  font-family:Verdana;}

img {
  border:0px;}
img.imgblock {
  display:block;}

h1,h2 {
  font-size:12px;
  font-weight:normal;}

ul li {
  list-style:none;}

input,select {
  cursor:pointer;
  font-size:12px;}

span.span_left {
  float:left;
  text-align:left;
  margin:0px 5px;}
span.span_right {
  float:right;
  text-align:right;
  margin:0px 5px;}
span.span_red {
  color:Red;}
span.span_red a {
  color:Red;}
span.span_red a:hover {
  color:Black;}
span.span_sx {
  font-size:12px;
  color:#777;}
span.span_sx a {
  color:#999;}



/**************************************************************************************/
/**ÍƼöͼƬ**//**************************************************************************************/
.worksbox{width:149px;height:149px;position:relative;float:left;}
.worksbox a{border:1px solid #000;padding:6px;background-color:#333;text-decoration: none;float:left;}
.worksbox a:hover{border:1px solid #FFF;background-color:#FFF;text-decoration: none;float:left;}
.worksbox a div{color:#FFF;font-size:12px;display:block;background-color:#333;width:149px;position:absolute;top:129px;left:0px;line-height:20px;}
.worksbox a:hover div{color:#000;font-size:12px;display:block;background-color:#FFF;width:149px;position:absolute;top:129px;left:0px;line-height:20px;}
.worksbox a img{width:135px;height:135px;}

/**************************************************************************************/


body {
  margin:auto;
  text-align:Center;
  cursor:default;
  background:url(bg.jpg) black;
  font-size:12px;
  color:#c0c0c0;
  line-height:150%;}

a {
  color:#a0a0a0;
  text-decoration:none;}
a:hover {
  color:white;
  text-decoration:underline;}

/**************************************************************************************/

div {
  margin:auto;}

.hr {
  clear:both;
  width:100%;
  height:4px;
  line-height:0px;
  font-size:0px;}
.nbsp {
  float:left;
  width:4px;
  font-size:2px;}

/**************************************************************************************/

#top {
  clear:both;
  width:950px;}

#top .logo {
  float:left;
  width:230px;
  height:70px;
  background:url(logo.gif);}
#top .logo a {
  display:block;
  width:100%;
  height:70px;}
#top .banner {
  float:left;
  width:950px;
  height:310px;
  padding:0px 0px;;}
#top .button {
  float:left;
  width:120px;
  height:60px;
  padding:5px 0px;}
#top .menu {
  float:left;
  width:800px;
  height:30px;
  padding:5px 50px 5px 100px;
 background-image:url(http://www.dota123.com/template/default/film/sanguoyanyi/images/dh/dh1.jpg); }
#top .menu ul li {
  float:left;
  width:120px;
  height:30px;
  line-height:30px;}
#top .menu ul li a {
  display:block;
  width:100%;
  color:#FFFFFF;
  text-decoration:none;
  margin:0px 4px 10px 4px;
  font-size:16px;}
#top .menu ul li a:hover {
  background:url(menuhover.gif);
  font-weight:bold;
  color:#5E1E01;
  margin:0px 4px 10px 4px;
  font-size:14px;}
.news{ color:#000000;
font-size:1px;
width:950px;
height:1px;
background-color:#000000}
.news a,.news a:hover{color:#000000;}

#top .guide {
  float:left;
  width:940px;
  border:1px #222 solid;
  padding:0px 4px;
  height:30px;
  line-height:30px;
  background:url(guide.gif);}

/**************************************************************************************/

#tongad {
  clear:both;
  width:950px;}
#tongad .tongads {
  float:left;
  width:950px;}

/**************************************************************************************/

#main {
  clear:both;
  width:950px;}

#main .pre_a {
  float:left;
  width:300px;
  height:280px;
  padding:9px !important;
  padding:9px 8px;
  border:1px #000 solid;
  background:#151515;}
#main .pre_a object {
  border:1px #000 solid;}

#main .pre_b {
  float:left;
  width:350px;
  height:280px;
  padding:9px;
  border:1px #000 solid;
  background:#151515;
  text-align:left;}
#main .pre_b_title {
  float:left;
  width:328px;
  padding:0px 0px 0px 20px;
  height:27px;
  line-height:27px;
  border:1px black solid;
  background:url(b_title.gif);
  font-weight:bold;
  color:gray;}
#main .pre_b_list {
  float:left;
  width:348px;
  padding:2px 0px;
  background:#202020;
  border:1px #101010 solid;}
#main .pre_b_list ul li {
  float:left;
  width:174px;
  height:26px;
  line-height:26px;
  border-bottom:1px #101010 dashed;
  background:url(ico_a.gif) 6px 11px no-repeat;}
#main .pre_b_list ul li a {
  display:block;
  width:160px;
  padding:0px 0px 0px 14px;}
#main .pre_b_list ul li a:hover {
  background:url(ico_b.gif) 6px 11px no-repeat;}

#main .pre_c {
  float:left;
  width:232px;
  height:280px;
  padding:9px !important;
  padding:10px 9px;
  border:1px #000 solid;
  background:#151515;}

#main .pre_d {
  float:left;
  width:453px;
  padding:9px;
  border:1px #000 solid;
  background:#151515;
  text-align:left;}
#main .pre_d_ad {
  float:left;
  width:451px;
  border:1px #000 solid;
  background:#151515;}
#main .pre_d_title {
  float:left;
  width:433px;
  padding:0px 0px 0px 20px;
  height:26px;
  line-height:26px;
  background:url(d_title.gif);
  font-weight:bold;
  color:gray;
  font-size:18px;}
#main .pre_d_title a {
  color:gray;
  border-bottom:1px gray dashed;}
#main .pre_d_title a:hover {
  color:white;
  border-bottom:1px white solid;
  text-decoration:none;}
#main .pre_d_piclist {
  float:left;
  width:441px;
  border:1px #000 solid;
  padding:5px;
  background:#202020;}
#main .pre_d_piclist ul li {
  float:left;
  width:137px;
  padding:3px 5px;
  text-align:center;}
#main .pre_d_piclist ul li a img {
  margin:auto;
  width:131px;
  height:160px;
  border:3px #202020 solid;}
#main .pre_d_piclist ul li a:hover img {
  border:3px white solid;}
#main .pictitle {
  float:left;
  width:131px;
  padding:0px 3px;
  height:30px;
  line-height:30px;
  overflow:hidden;
  margin:5px 0px 0px 0px;
  background:url(pictitle.gif);}
#main .pictitle a {
  display:block;
  width:100%;}
#main .pictitle a:hover {
  color:#C5FD01;}
#main .pre_d_textlist {
  float:left;
  width:440px;
  border:1px #000 solid;
  padding:5px 6px 5px 5px;
  background:#202020;
  text-align:left;}
#main .pre_d_textlist ul li {
  float:left;
  width:205px;
  padding:0px 0px 0px 15px;
  height:28px;
  line-height:28px;
  border-bottom:1px #101010 dashed;
  background:url(ico_c.gif) 9px 13px no-repeat;}
#main .pre_d_textlist ul li span.span_right {
  font-size:10px;
  color:#666;}
#main .pre_d_textlist ul li a:hover {
  color:yellow;}
#main .pre_d_more {
  float:left;
  width:451px;
  border:1px #000 solid;
  text-align:right;
  font-weight:bold;
  height:28px;
  line-height:28px;
  background:url(d_more.gif) #131313;}
#main .pre_d_more a {
  display:block;
  width:441px;
  color:#555;
  padding:0px 10px 0px 0px;}
#main .pre_d_more a:hover {
  color:yellow;}

/**************************************************************************************/

#main_b {
  clear:both;
  width:950px;}

#main_b .pre_e {
  float:left;
  width:938px;
  border:1px #000 solid;
  padding:5px;
  background:#151515;}
#main_b .pre_e_title {
  float:left;
  width:911px;
  padding:0px 5px 0px 20px;
  height:30px;
  line-height:30px;
  border:1px #000 solid;
  background:url(e_title.gif);
  font-weight:bold;
  font-size:18px;}
#main_b .pre_e_title span.span_right {
  color:#666;}
#main_b .pre_e_title a {
  color:gray;
  border-bottom:1px gray dashed;}
#main_b .pre_e_title a:hover {
  color:yellow;
  border-bottom:1px yellow solid;
  text-decoration:none;}
#main_b .pre_e_piclist {
  float:left;
  width:936px;
  border:1px #000 solid;
  background:#202020;}
#main_b .pre_e_piclist ul li {
  float:left;
  width:117px;
  padding:5px 0px;}
#main_b .pre_e_piclist ul li img {
  margin:auto;
  width:100px;
  height:130px;
  border:3px #202020 solid;}
#main_b .pre_e_piclist ul li a:hover img {
  border:3px white solid;}

#main_b .pre_f {
  float:left;
  width:302px;
  background:#151515;
  border:1px #000 solid;
  padding:5px;
  text-align:left;}
#main_b .pre_f_title {
  float:left;
  width:280px;
  padding:0px 0px 0px 20px;
  height:30px;
  line-height:30px;
  border:1px black solid;
  font-weight:bold;
  background:url(f_title.gif);}
#main_b .pre_f_title a {
  color:gray;
  border-bottom:1px gray dashed;}
#main_b .pre_f_title a:hover {
  color:yellow;
  border-bottom:1px yellow solid;
  text-decoration:none;}
#main_b .pre_f_piclist {
  float:left;
  width:300px;
  border:1px #000 solid;
  background:#202020;
  padding:5px 0px;}
#main_b .pre_f_piclist ul li {
  float:left;
  width:60px;
  padding:5px 0px;}
#main_b .pre_f_piclist ul li img {
  margin:auto;
  width:40px;
  height:40px;
  border:3px #202020 solid;}
#main_b .pre_f_piclist ul li a:hover img {
  border:3px black solid;}
#main_b .pre_f_textlist {
  float:left;
  width:290px;
  border:1px #000 solid;
  padding:6px 5px;
  text-align:left;
  background:#202020;}
#main_b .pre_f_textlist ul li {
  float:left;
  width:265x;
  padding:0px 0px 0px 15px;
  height:25px;
  line-height:24px;
  border-bottom:1px #303030 dashed;
  background:url(ico_d.gif) 8px 11px no-repeat;}
#main_b .pre_f_textlist ul li span.span_right {
  font-size:10px;
  color:#555;}

#main_b .pre_g {
  float:left;
  width:453px;
  padding:9px;
  border:1px #000 solid;
  background:#151515;
  text-align:left;}
#main_b .pre_g_ad {
  float:left;
  width:451px;
  border:1px #000 solid;
  background:#151515;}
#main_b .pre_g_title {
  float:left;
  width:433px;
  padding:0px 0px 0px 20px;
  height:26px;
  line-height:26px;
  background:url(g_title.gif);
  font-weight:bold;
  color:gray;
  font-size:18px;}
#main_b .pre_g_title a {
  color:gray;
  border-bottom:1px gray dashed;}
#main_b .pre_g_title a:hover {
  color:white;
  border-bottom:1px white solid;
  text-decoration:none;}
#main_b .pre_g_textlist {
  float:left;
  width:440px;
  border:1px #000 solid;
  padding:5px 6px 5px 5px;
  background:#202020;
  text-align:left;}
#main_b .pre_g_textlist ul li {
  float:left;
  width:405px;
  padding:0px 0px 0px 15px;
  height:28px;
  line-height:28px;
  border-bottom:1px #101010 dashed;
  background:url(ico_e.gif) 9px 13px no-repeat;}
#main_b .pre_g_textlist ul li span.span_right {
  font-size:10px;
  color:#666;}
#main_b .pre_g_textlist ul li a:hover {
  color:#BAFF00;}
#main_b .pre_g_more {
  float:left;
  width:451px;
  border:1px #000 solid;
  text-align:right;
  font-weight:bold;
  height:28px;
  line-height:28px;
  background:url(g_more.gif) #131313;}
#main_b .pre_g_more a {
  display:block;
  width:441px;
  color:#555;
  padding:0px 10px 0px 0px;}
#main_b .pre_g_more a:hover {
  color:#BAFF00;}

/**************************************************************************************/

#links {
  clear:both;
  width:950px;}

#links .linkser {
  float:left;
  width:930px;
  border:1px #000 solid;
  padding:9px;
  background:#151515;}
#links .linkser ul li {
  float:left;
  width:93px;
  padding:1px 0px;}
#links .linkser ul li img {
  margin:auto;
  width:88px;
  height:31px;
  border:2px #151515 solid;}
#links .linkser ul li a:hover img {
  border:2px #c0c0c0 solid;}

/**************************************************************************************/

#bottom {
  clear:both;
  width:950px;
  color:#999999;}

#bottom .copyright {
  float:left;
  width:950px;
  border-top:3px black solid;
  padding:8px 0px;
  color:#999999;}

/**************************************************************************************/

#main .pre_class_a {
  float:left;
  width:650px;
  background:#151515;
  border:1px #000 solid;
  padding:9px;}

#main .pre_class_atitle {
  float:left;
  width:628px;
  border:1px black solid;
  padding:0px 0px 0px 20px;
  text-align:left;
  height:28px;
  line-height:28px;
  font-weight:bold;
  color:#ccc;
  font-size:14px;
  background:url(pre_class_atitle.gif);}

#main .pre_class_alist {
  float:left;
  width:650px;}
#main .pre_class_alist ul li {
  float:left;
  width:130px;
  padding:3px 0px;}
#main .pre_class_alist ul li img {
  margin:auto;
  width:120px;
  height:160px;
  display:block;
  border:2px #151515 solid;}
#main .pre_class_alist ul li a:hover img {
  border:2px #555 solid;}
  

#main .pre_class_blist {
  float:left;
  width:650px;}
#main .pre_class_blist ul li {
  float:left;
  width:315px;
  padding:0px 0px 0px 10px;
  text-align:left;
  height:30px;
  line-height:30px;
  border-bottom:1px #000 solid;
  background:url(ico_g.gif) 3px 11px no-repeat;}
#main .pre_class_blist ul li.li_line {
  width:650px;
  padding:0px;
  height:10px;
  line-height:0px;
  font-size:0px;
  background:#222;}

#main .pre_class_blist ul li a:hover {
  color:#ccff00;}
#main .pre_class_blist ul li span.span_right {
  color:#777;
  font-size:10px;}

#main .pre_specal {
  float:left;
  width:650px;
  border-bottom:1px #000 solid;}
#main .pre_specal_left {
  float:left;
  width:210px;
  padding:10px 10px 10px 0px;}
#main .pre_specal_left img {
  width:200px;
  border:1px #222 solid;
  padding:4px;}
#main .pre_specal_right {
  float:left;
  width:430px;
  text-align:left;
  padding:10px 0px;}
#main .pre_specal_right h1 {
  font-size:14px;
  font-weight:bold;
  display:block;
  width:100%;
  height:25px;
  border-bottom:1px #000 solid;}
#main .pre_specal_jj {
  float:left;
  width:430px;
  padding:5px 0px 0px 0px;
  color:#555;}

#main .list_link {
  margin:auto;
  margin-top:5px;
  width:120px;
  padding:0px 0px;
  border:1px black solid;
  height:30px;
  line-height:30px;
  background:#202020;}
#main .list_link a {
  display:block;
  width:100%;}
#main .pre_class_page {
  float:left;
  width:640px;
  border:1px black solid;
  padding:0px 4px;
  background:#202020;
  height:30px;
  line-height:30px;
  background:url(class_page.gif);}
#main .pre_class_page a {
  font-weight:bold;}
#main .pre_class_page a:hover {
  color:#ccff00;}
#main .pre_class_page select {
  vertical-align:middle;}

#main .pre_class_b {
  float:left;
  width:256px;
  background:#151515;
  border:1px #000 solid;
  padding:9px;}

#main .pre_class_b_ad {
  float:left;
  width:250px;
  border:1px black solid;
  padding:2px;
  background:#202020;}

#main .pre_class_b_title {
  float:left;
  width:234px;
  padding:0px 0px 0px 20px;
  border:1px black solid;
  height:30px;
  line-height:30px;
  text-align:left;
  background:url(class_b_title.gif);}

#main .pre_class_b_list {
  float:left;
  width:250px;
  border:1px black solid;
  padding:2px;
  background:#202020;
  text-align:left;}
#main .pre_class_b_list ul li {
  float:left;
  width:240px;
  padding:0px 0px 0px 10px;
  background:url(ico_f.gif) 3px 10px no-repeat;
  height:24px;
  line-height:24px;
  border-bottom:1px #101010 dashed;}
#main .pre_class_b_list ul li span.span_right {
  font-size:10px;
  color:#666;}

/**************************************************************************************/

#main .pre_info_title {
  float:left;
  width:628px;
  border:1px black solid;
  padding:0px 0px 0px 20px;
  text-align:left;
  height:28px;
  line-height:28px;
  font-weight:bold;
  color:#ccc;
  font-size:14px;
  background:url(pre_class_atitle.gif);}

#main .pre_info_pre {
  float:left;
  width:628px;
  padding:10px;
  border:1px black solid;
  font-size:14px;}
#main .pre_info_pre img {
  margin:10px;}

/**************************************************************************************/