/****************************************** 
Web Layout:Tang.Binbin - tangbinbin@wanmei.com
******************************************/
@import url(http://www.wanmei.com/public/style/wm.css);

body{margin:0px;padding:0px;background:#000;font-size:12px;color:#000; line-height:16px;}
img{border:0px}
a{text-decoration:none;color:#301c1d}
a:hover{text-decoration:underline}
a {blr:expression(this.onFocus=this.blur());outline:none}
.clr{clear:both}
.pointer{cursor:pointer}
.none{display:none}
.relative {position:relative}
textarea{resize:none}



#wrap{width:100%;clear:both;background: url(../images/cover201304/bg.jpg) no-repeat top center;width:expression((documentElement.clientWidth < 1002) ? "1002px" : "100%" )}
#header ,#main{width:1002px; margin:0px auto;clear:both}
#header { z-index: 100;}
#header img {float:left}
#header div img {float:none}
#main{background:url(../images/cover201304/main.jpg) no-repeat}
#main { z-index: 10;}

.left{padding-left:78px;width:220px;height:464px;float:left}
.right{width:640px;float:left}
.btn1{width:396px;height:64px;position:absolute;top:400px;left:304px;z-index:2}
.btn1 li{width:198px;height:64px;float:left}
.btn1 li a{display:block;width:198px;height:64px;background:url(../images/cover/hover.jpg) no-repeat -396px 0;text-indent:-9999px}
.btn1 li a.a1:hover{background-position:0 0}
.btn1 li a.a2:hover{background-position:-198px 0}
.btn2 {width:210px;position:absolute;top:481px;left:78px;z-index:2}
.btn2 dt{width:210px;height:95px;}
.btn2 dd{height:66px;background:}
.btn2 dt a{width:210px;height:95px;display:block;background:url(../images/cover/hover.jpg) no-repeat -396px 0;text-indent:-9999px}
.btn2 dd a{display:block;height:66px;background:url(../images/cover/hover.jpg) no-repeat -396px 0;text-indent:-9999px}
.btn2 dt a:hover{background-position:0 -64px}
.btn2 dd a.a1:hover{background-position:0 -159px}
.btn2 dd a.a2:hover{background-position:0 -225px}
.btn2 dd a.a3:hover{background-position:0 -291px}
.btn2 dd a.a4:hover{background-position:0 -357px}

/*  pic  */
#banner{height:370px;position:relative}
#banner_bg {position:absolute; color:#fff; bottom:9px;background-color:#000;height:30px;filter: Alpha(Opacity=80);opacity:0.8;z-index:1000;cursor:pointer; width:587px}
#banner_info{position:absolute; bottom:9px; left:5px;height:22px;color:#fff;z-index:1001;cursor:pointer}
#banner_text {position:absolute;width:120px;z-index:1002; right:3px; bottom:3px;}
/*
#banner ul {position:absolute;list-style-type:none;z-index:1002;margin:0; padding:0; bottom:13px; right:14px;}
#banner ul li { padding-right:2px;width:20px;height:18px;float:left;display:block;cursor:pointer;text-indent:-9999px;background-repeat:no-repeat}
#banner ul li.on { background-position:0 -18px}
#banner_list{position:relative}
#banner_list a{position:absolute;top:0;left:0}
#banner_list img{width:626px;height:362px}
*/
.banner_list_btn { position: absolute; width: 276px; height: 38px; top: 17px; right: 7px;}
.banner_list_btn li { width: 92px; height: 38px; float: left; position: relative;}
.banner_list_btn li a { display: block; width: 92px; height: 38px; background-image: url(http://chibi.4games.com/images/cover20121119/btn_bg.jpg); background-repeat: no-repeat; text-indent: -1000px; overflow: hidden;}
.banner_list_btn li.btn01 a { background-position: left top;}
.banner_list_btn li.btn01 a:hover { background-position: left -38px;}
.banner_list_btn li.btn02 a { background-position: -92px top;}
.banner_list_btn li.btn02 a:hover { background-position: -92px -38px;}
.banner_list_btn li.btn03 a { background-position: -184px top;}
.banner_list_btn li.btn03 a:hover { background-position: -184px -38px;}
.banner_list_btn_facebook { display: block; width: 165px; height: 36px; position: absolute; right: 200px; bottom: 23px; background: url(http://chibi.4games.com/images/cover20121119/none.gif); text-indent: -1000px; overflow: hidden;}

.btnmsg { position: absolute; width: 260px; padding: 10px; background-color: #d9cfaa; border: solid 1px #242323; right: 0px; top: 38px; z-index: 100; display: none;}
.btnmsg p { color: #aa0000; line-height: 22px;}
.btnmsg p span { font-weight: bolder;}


/* info_weapon */

.info_weapon{background:url(../images/main/info.jpg) no-repeat 0 0; height:382px; padding:80px 0 0 12px; position:relative;}
.info_wea{height:246px; padding:0 0 0 14px;}
.info_wea ul li{float:left; width:74px; height:82px;}
.info_wea a{display:block; width:63px; height:63px; overflow:hidden}


.infor_dj{height:135px; background:url(../images/main/lv.jpg) no-repeat 0 0;}
.infor_dj ul li{float:left; width:154px; padding-top:75px}
.infor_dj ul li p{padding:0 0 0 10px; height:18px}
.infor_dj ul li.lv4{padding-top:75px;}
.infor_dj ul li.lv1 a{color:#ff7a0b;}
.infor_dj ul li.lv2 a{color:#5acfff;}
.infor_dj ul li.lv3 a{color:#e3f445;}
.infor_dj ul li.lv4 a{color:#d8503b;}

.dialog { width: 487px; height: 176px; position: absolute; top: 375px; left: 295px; background: url(../images/cover20121101/dialog_bg.jpg) no-repeat left top; z-index: 1000; display: none;}
.dialog a.close { width: 53px; height: 54px; position: absolute; top: 0px; right: -53px; background: url(../images/cover20121101/dialog_close.jpg) no-repeat left top;}


/*20121129*/
#banner_list { width: 626px; height: 362px; overflow: hidden;}
#banner_list a { display: block; width: 626px; height: 362px; position: absolute; top: 0; left: 0;}
#banner_list a img { width: 626px; height: 362px;}
.lunbo_nav { width: 500px; height: 14px; position: absolute; left: 22px; bottom: 22px; z-index: 300;}
.lunbo_nav li { width: 14px; height: 14px; float: left; margin-right: 10px; _display: inline; text-indent: -1000px; overflow: hidden; background-color: #3d4246; cursor: pointer;}
.lunbo_nav li.current { background-color: #993022;}