body{font-family:arial;margin: 0px;padding: 0px;border:0px;
     font-size:12px;color:#fff;background:#000;}
td,select{font-size:12px;z-index:-10}
img{border:0px;}
a { color:#fff; text-decoration: none;}
a:hover { color:#fff;text-decoration: underline;}
a:active { color:#fff;}
a{blr:expression(this.onFocus=this.close());}
a{blr:expression(this.onFocus=this.blur());}
a:focus { -moz-outline-style: none; }
form{ margin:0px; padding:0px; border:0px;}
input{font-family: ms shell dlg,ËÎÌå, arial; font-size:12px;}
ul{margin:0px;padding:0px;}
p,h1,h2,h3{margin:0px;padding:0px;}

#cwrap{margin:0;width:1100px;}
.ctp{width:850px;height:53px;background:url(../iimg/ntp.jpg) no-repeat;padding:12px 0 0 250px;}
.menu{height:32px;overflow:hidden;z-index:200;}
.menu li{float:left;height:31px;overflow:hidden;}
#menubox {margin:0;padding:0;}
#menubox li{ list-style: none}
#menubox li a:hover{color: #60AEFF;list-style:none;text-decoration:none;}
.menuleft {background-image:url(http://cabal.moliyo.com/imgs2/cabal2index/menuleft.gif); width:8px; }
.menucenter {background-image:url(http://cabal.moliyo.com/imgs2/cabal2index/menucenter.gif);line-height:27px; height:27px;}
.menuright {background-image:url(http://cabal.moliyo.com/imgs2/cabal2index/menuright.gif); width:8px; }

#child2 {position:absolute;margin:0;padding:0 0 0 80px;}
#child2 ul {list-style:none;}
#child2 ul li {padding: 0 5px 0 5px;float:left;}

#child3 {position:absolute;margin:0;padding-left:100px;}
#child3 ul {list-style:none;}
#child3 ul li {padding: 0 5px 0 5px;float:left;}

#child4 {position:absolute;margin:0;padding-left:190px;}
#child4 ul {list-style:none;}
#child4 ul li {padding: 0 5px 0 5px;float:left;}

#child5 {position:absolute;margin:0;padding-left:240px;}
#child5 ul {list-style:none;}
#child5 ul li {padding: 0 5px 0 5px;float:left;}

#child6 {position:absolute;margin:0;padding-left:260px;}
#child6 ul {list-style:none;}
#child6 ul li {padding: 0 5px 0 5px;float:left;}


#bd{width:1100px;}
#bd .lt{width:249px;float:left;}
#bd .md{width:501px;float:left;}
#bd .rt{width:241px;float:left;background:url(../iimg/rbg_04.jpg) no-repeat;}
#bd .ab{width:61px;height:440px;float:left;background:url(../iimg/si_06.jpg) no-repeat;}

#bd .nrp{float:left;width:846px;}

.nrtp{width:845px;height:175px;background:url(../iimg/nrt.jpg) no-repeat;}
.nnav{padding:25px 40px 0 53px;width:660px;height:20px;background:url(../iimg/nnav.jpg) no-repeat;}
.nrft{clear:both;width:753px;height:50px;background:url(../iimg/nrft.jpg) no-repeat;}
.nrcon{padding:10px 0 0 55px;overflow:hidden;background:url(../iimg/nrbg.jpg) repeat-y;min-height:1200px;_height:1200px;_overflow:none;}
.nnav span{float:right;}
.nrcon table{float:left;}
.nrcon1{padding:10px 0 0 25px;overflow:hidden;background:url(../iimg/nrbg.jpg) repeat-y;min-height:1200px;_height:1200px;_overflow:none;}
#content{width:700px;}
.sign{text-align:right;}
#content a.copyurl{ text-indent:0px; width:230px; height:22px; border: solid 1px #555555; text-align:center; display:block; line-height:22px; margin-bottom:10px;}
#content a.copyurl:hover{ text-decoration:none; border-color:#60AEFF;}

.ltp{height:105px;background:url(../iimg/nlt.jpg) no-repeat;}
.lbox{background:url(../iimg/si_28.jpg) repeat-y;}
.td_tt{height:68px;background:url(../iimg/nlt3.jpg) no-repeat;}
.lbft{height:25px;background:url(../iimg/si_31.jpg) no-repeat;}
.lbftt{height:175px;background:url(../iimg/si_116.jpg) no-repeat;}
.lbcon{padding:10px 22px 0 22px;text-align:center;}
.nset_tt{height:43px;background:url(../iimg/si_32.jpg) no-repeat;}
.hot_tt{height:43px;background:url(../iimg/si_54.jpg) no-repeat;}
.hd_tt{height:43px;background:url(../iimg/si_77.jpg) no-repeat;}
.media_tt{height:43px;background:url(../iimg/si_101.jpg) no-repeat;}
.hot_tb{margin:0 17px 0 19px;}
.hot_tb td{padding:10px 0 0 0;}
.hz_tb{margin:12px 0 0 32px;width:190px;}
.hz_tb select{width:170px;}

.flash_gg{width:501px;height:297px;background:url(../iimg/mbg_03.jpg) no-repeat;}
.mbox{background:url(../iimg/si_23.jpg) repeat-y;}
.gfang{height:49px;background:url(../iimg/si_18.jpg) no-repeat;}
.gflist{padding:0 0 0 24px;width:356px;}
.gflist p{padding:10px 0 5px ;text-align:center;}
.gflist p font{padding:0 22px 0 0;}
.gflist p a,.gflist p a:hover{font-size:14px;font-weight:700;color:#ff9933}
.gflist ul li,.hd_ul li{line-height:24px;padding:0 0 0 15px;background:url(../iimg/p_35.gif) no-repeat 0 9px;}
.gflist ul li i,.hd_ul li i{float:right;font-style:normal;color:#ccc;font-family:"Times New Roman";}
.gfad{float:right;width:98px;padding:24px 15px 0 0;display:inline;}
.gfad p{margin:0 0 10px;}
.gfft{clear:both;height:22px;background:url(../iimg/si_43.jpg) no-repeat;}
.hd_info{height:47px;background:url(../iimg/si_64.jpg) no-repeat;}
.hdi_ft{height:23px;background:url(../iimg/si_82.jpg) no-repeat;}
.hd_ul{margin:10px 35px 0;}
.video_tt{height:43px;background:url(../iimg/si_84.jpg) no-repeat;}
.video_ft{height:23px;background:url(../iimg/si_100.jpg) no-repeat;}
.mv_tb{margin:15px 0 0 25px;width:460px;}
.mv_tb ul li{float:left;width:75px;height:68px;padding:1px 0 0 0;}
.upic_tt{height:43px;background:url(../iimg/si_102.jpg) no-repeat;}
.upic_ft{height:23px;background:url(../iimg/si_121.jpg) no-repeat;}
.upic_tb p,.upic_tb span{margin: 10px 13px 0;}
.upic_tb span{display:block;width:210px;text-align:center;}
.webmv_tt{height:43px;background:url(../iimg/si_122.jpg) no-repeat;}
.webmv_ft{clear:both;height:48px;background:url(../iimg/si_134.jpg) no-repeat;}
.webmv_ul{margin:0 0 0 30px;}
.webmv_ul li{padding:10px 0 0 0;float:left;list-style:none;}

.rbox{margin:0 0 0 6px;background:url(../iimg/si_09.jpg) repeat-y;}
.ver_tt{height:156px;background:url(../iimg/si_05.jpg) no-repeat;}
.ver_ft,.r_ft{height:26px;background:url(../iimg/si_16.jpg) no-repeat;}
.his_tt{height:22px;background:url(../iimg/si_19.jpg) no-repeat;}
.rtxt{line-height:20px;padding:5px 25px 0 25px;color:#ccc;height:80px;overflow:hidden;}
.pro_tt{height:43px;background:url(../iimg/si_37.jpg) no-repeat;}
.pro_list{padding:0 20px 0 20px;}
.pro_list p{margin:7px 0 0 0;text-align:center;}
.pro_list span{display:block;padding:5px 0 0 15px;color:#ccc;}
.pro_list ul{margin:7px 0 0 10px;height:40px;}
.pro_list ul li{list-style:none;float:left;width:44px;}
.pro_list span.yellow,.kf span.yellow{color:#ffff00;}
.zf_tt{height:43px;background:url(../iimg/si_75.jpg) no-repeat;}
.zf p{text-align:center;margin:10px 0 0 0;}
.kf_tt{height:43px;background:url(../iimg/si_93.jpg) no-repeat;}
.rr_ft{margin:0 0 0 3px;height:175px;background:url(../iimg/si_120.jpg) no-repeat;}
.kf{padding:8px 0 0 35px;line-height:23px;}
.pink{color:#FF60AF;}
.ga{margin:6px 0 0 0;text-align:center;}
.ver_tb{margin:7px 0 0 0;color:#ffff00;}
.verlist{margin:0 auto;}
.verlist td{padding:0 0 0 5px;line-height:24px;}
.zftb{margin:7px 0 0 12px;height:33px;overflow:hidden;}
.zftb span{padding:0 0 0 25px;}
.zpast{color:#6c6c6c}
.zday{color:#ffff00}
.mmore{float:right;margin:28px 18px 0 0;}
.mmore a{color:#888;}

#cfoot{clear:both;background:#000; width:1100px; height:150px;margin:0 auto;padding:14px 0 0 0;}
#cfoot ul{height:90px;margin:10px 0 0 0 ;padding:0 0 0 108px;}
#cfoot ul li{ position:relative;float:left; margin-left:10px; display:inline;color:#fff;}
#cfoot ul li span{position:absolute;margin:-70px 0 0 278px;}
#cfoot p{ margin:0; padding:0; line-height:170%; }
#cfoot p a{color:#fff;text-decoration:none;}
#cfoot p a:hover{color:#fff;text-decoration:underline;}
#cfoot .footlogo{ padding-top:15px;}
#cfoot .plogo{padding:22px 0 0 0;}

#cfoot .footlogo1{ padding-top:0px;text-align:right;}
#cfoot .footlogo1 img{padding:0px;}
#cfoot .jkgg{margin:-5px 0 0 10px;}
.cline{height:16px;overflow:hidden;background:url(../iimg/cq_r28_c1.jpg) no-repeat;}
.d1{ color:#FFCC00;}

/* jonewin */

.nrcon2{padding:10px 0 0 20px;overflow:hidden;background:url(../iimg/nrbg.jpg) repeat-y;min-height:1200px;_height:1200px;_overflow:none;}

#content_main{ height:auto; width:655px; background:url(../info/images/character_bg.jpg);}
#content_main_nobg{ height:auto; margin-top:9px; margin-left:19px; float:left; display:inline;}
.inpage #content #title_class{ background:url(../images/content_title_bg_red.jpg);}
div#classShow{ width:655px; height:540px; position:relative;}	
div#classvideo,div#classchoose,div#class_motto,div#class_pic,div#class_disc{ position:absolute;}
div#classchoose{ background:url(../info/images/characters_nav.jpg); width:408px; height:37px; top:0; left:0; padding-left:30px;}
div#classchoose a{ width:68px; height:37px; display:block; float:left;}
div#classchoose a:hover{ background-image:url(../info/images/characters_nav_hover.jpg);}
div#classchoose a#class_1:hover{background-position:-30px 0;}
div#classchoose a#class_2:hover{background-position:-98px 0;}
div#classchoose a#class_3:hover{background-position:-166px 0;}
div#classchoose a#class_4:hover{background-position:-234px 0;}
div#classchoose a#class_5:hover{background-position:-302px 0;}
div#classchoose a#class_6:hover{background-position:-370px 0;}

div#nclasschoose{ background:url(../info/images/characters_nav.jpg); width:408px; height:37px; top:112px; left:209px; padding-left:30px; clear:both}
div#nclasschoose a{ width:68px; height:37px; display:block; float:left;}
div#nclasschoose a:hover{ background-image:url(../info/images/characters_nav_hover.jpg);}
div#nclasschoose a#class_1:hover{background-position:-30px 0;}
div#nclasschoose a#class_2:hover{background-position:-98px 0;}
div#nclasschoose a#class_3:hover{background-position:-166px 0;}
div#nclasschoose a#class_4:hover{background-position:-234px 0;}
div#nclasschoose a#class_5:hover{background-position:-302px 0;}
div#nclasschoose a#class_6:hover{background-position:-370px 0;}

div#classvideo{ width:298px; height:213px; top:172px; left:356px;}
div#class_pic{ width:356px; height:502px; top:37px;}
div#class_disc{ width:298px; height:154px; top:385px; left:356px;}
div#class_motto{ width:298px; height:135px; top:37px; left:356px;}
div#class_disc p{ line-height:18px; padding:18px 10px; color:#999999;}

/*info-map*/
#page-info #content_main{ background:url(../images/map_bg.jpg) top no-repeat;}
#page-info #content_main #maps{ width:640px; height:640px; position:relative;}
#page-info #content_main #maps div#maplogo{ width:257px; height:138px; position:absolute; left:25px; top:20px;}
#page-info #content_main #maps p#mapdisc{ width:340px; position:absolute; left:300px; top:15px; line-height:22px; text-indent:24px; color:#c5b296;}
#page-info #content_main #maps div#mapcontainer{ width:458px; height:488px; position:absolute; left:10px; top:200px;}
#page-info #content_main #maps div#mapchoose{ width:116px; height:520px; position:absolute; left:490px; top:185px; background:url(../images/map_choose.jpg) no-repeat;}
#page-info #content_main #maps div#mapchoose a{ width:116px; height:62px; display:block; float:left;}
#page-info #content_main #maps div#mapchoose a{ width:116px; height:62px; display:block; float:left;}
#page-info #content_main #maps div#mapchoose a:hover{ background-image:url(../images/map_choose_hover.jpg);}
a.map_b:hover{ background-position: 0 -62px;}
a.map_b:hover{ background-position: 0 -62px;}
a.map_c:hover{ background-position: 0 -124px;}
a.map_d:hover{ background-position: 0 -186px;}
a.map_e:hover{ background-position: 0 -248px;}
a.map_f:hover{ background-position: 0 -310px;}
a.map_g:hover{ background-position: 0 -372px;}
a.map_h:hover{ background-position: 0 -435px;}
#mapdetails{ margin-top:80px;}
#page-info #content_main #mapdetails tr{ background-color:#313131;}
#page-info #content_main #mapdetails tr.nodd{ background-color:#4b4b4b;}
#page-info #content_main #mapdetails p{ color:#bbbbbb; margin-left:20px; line-height:18px;}
#page-info #content_main #mapdetails .nodd p{ color:#797979;}
#page-info #content_main #mapdetails p.monstername{ color:#ffffff; margin-left:20px; font-weight:bold;}