body{font-size: 12px; color: #585858; margin:0; padding:0; font-family: Tahoma;}
ul, ol, dl, li, dd, dt, p, form, div, td {list-style-image:none; list-style-position:outside;list-style-type:none;margin:0pt;padding:0px;}
a{cursor:pointer; }
a:link {text-decoration: none; color:#333333; }
a:visited {text-decoration: none; color:#333333;}
a:hover {text-decoration: none;	color:#777777;}
a:active {text-decoration: none;color:#333333;}
input, button, img{border:0 none}
.wrapper{width:1000px; margin:0 auto;}
.top{background:transparent url(http://bangimg.oobang.com/index/new-index-2/t-2.gif) no-repeat 0 0; width:1000px; height:72px;}
.t-navi{color:#000000; margin-right:25px; line-height:62px; text-align:right;}
.t-navi a{font-weight:bold;margin:0 15px;}
.mid{background:transparent url(http://bangimg.oobang.com/index/new-index-2/m.gif) no-repeat 0 0; width:1000px; height:544px;position:relative; margin:10px 0;}
.ooad_b{position:absolute; top:40px; left:30px;}
.ooad_b_bg{background:transparent url(http://bangimg.oobang.com/index/new-index-2/bang.png) no-repeat 0 0; width:393px; height:331px;}
.ooad_b_bg{_background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=http://bangimg.oobang.com/index/new-index-2/bang.png)}
.ooad_play{background:transparent url(http://bangimg.oobang.com/index/new-index-2/off.png) no-repeat 0 0; }
.ooad_play{_background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=http://bangimg.oobang.com/index/new-index-2/off.png)}
.ooad_play:hover{background:transparent url(http://bangimg.oobang.com/index/new-index-2/on.png) no-repeat 0 0;}
.ooad_play:hover{_background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=http://bangimg.oobang.com/index/new-index-2/on.png)}
.ooad_play, .ooad_play:hover{width:91px; height:90px; left:130px; position:absolute; top:120px; cursor:pointer}

.slogan, .cson, .csoff, .inparea, .inputbg, .csmorebg, .newFunc, .newLogin, .nameInput, .blmore, .blmore:hover{
	background-image:url(http://bangimg.oobang.com/index/new-index-2/all-4.gif); background-repeat:no-repeat;}
.slogan{width:589px; height:91px; position:absolute; top:40px; right:21px; background-position:0px 0px;}
.csarea{position:absolute; top:170px; right:45px; width:504px;}
.csops{margin-left:15px; height:60px;position:relative}
.cson, .csoff{display:block; float:left; font-size:16px; text-align:center; line-height:60px; font-weight:bold; width:117px; height:60px; }
.cson{background-position:-26px -275px; color:#313C42;}
.csoff{background-position:-142px -275px; color:#01ACF1;cursor:pointer}
.cbang, .cbang:hover{background-repeat:no-repeat; background-position:0 0; width:69px; height:34px; cursor:pointer}
.cbang{background-image:url(http://bangimg.oobang.com/index/new-index-2/c-1.png)}
.cbang{_background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=http://bangimg.oobang.com/index/new-index-2/c-1.png)}
.cbang:hover{background-image:url(http://bangimg.oobang.com/index/new-index-2/c-2.png)}
.cbang:hover{_background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=http://bangimg.oobang.com/index/new-index-2/c-2.png)}
.sbang, .sbang:hover{background-repeat:no-repeat; background-position:0 0; width:69px; height:34px; cursor:pointer}
.sbang{background-image:url(http://bangimg.oobang.com/index/new-index-2/s-1.png)}
.sbang{_background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=http://bangimg.oobang.com/index/new-index-2/s-1.png)}
.sbang:hover{background-image:url(http://bangimg.oobang.com/index/new-index-2/s-2.png)}
.sbang:hover{_background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=http://bangimg.oobang.com/index/new-index-2/s-2.png)}
.inparea{background-position:-9px -408px;width:486px; height:65px; margin-top:-17px;}
.inputbg{background-color:transparent; background-position:0px -490px;width:361px; height:34px; float:left; margin-left:23px;}
.inputbg{*margin-top:15px !important; *margin-left:23px !important; *margin-left:10px;}
.inputcnt{margin-right: 10px; margin-left: 10px; width: 330px; background-color: transparent; font-weight: bold; font-size: 1.2em; height: 22px; margin-top: 10px;}
.inputcnt{*margin-left:-10px !important; *margin-left:0px}
.opsbtn{float:left; margin-left:12px;}
.opsbtn{*margin-top:15px;}
.csmore{}
.csmorebg{background-position:-0px -91px;width:504px; height:78px;}
.newFunc{background-position:-604px -241px;width:327px; height:227px;}
.newLogin{background-position:-604px -3px;width:327px; height:227px; position:relative}
.loginPanel{position:absolute; top:54px; height:43px;}
.nameInput{background-color:transparent; background-position:0px -178px;width:156px; height:24px;}
.csInput{background-color:transparent; margin-left:5px; margin-top:5px;}
.login-sbt{background:transparent url(http://bangimg.oobang.com/index/new-index-2/login-sbt.png) no-repeat 0 0; width:70px; height:61px; cursor:pointer}
.login-sbt{_background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=http://bangimg.oobang.com/index/new-index-2/login-sbt.png)}
.login-sbt{_background-image:}
.func-name{color:#0075A9; font-size:14px;font-weight:bold;}
.func-desc p{font-size:14px; height:22px;}
.banglist{position:absolute; bottom:0px;margin-left:17px;}
.banglist li .blbox{position:relative}
.banglist li{display:inline; float:left; width:96px; margin-right:18px;}
.banglist .offcut .bangpic img, .bangpic:link img,.bangpic:active img{border:6px solid #EBEBEB; opacity:1; filter:alpha(opacity = 100);}
.banglist .oncut .bangpic img, .bangpic:hover img{border:6px solid #EBEBEB; opacity:0.5;filter:alpha(opacity = 50);}
.gotosee{font-family:Microsoft Yahei; font-size:14px; color:#ffffff !important; font-weight:bold; left:25px; position:absolute; top:30px;}
.bangname{font-size:14px; color:#ffffff !important;font-weight:bold;}
.blname{overflow:hidden; width:96px; white-space:nowrap; height:44px; line-height:44px; text-align:center;}
.blmore, .blmore:hover{width:57px !important; height:68px; margin-right:0px !important; margin-top:24px;}
.blmore{background-position:-163px -178px; }
.blmore:hover{background-position:-222px -178px;cursor:pointer}
.cspopular{height:50px; line-height:24px;margin-top:15px;overflow-x:hidden;overflow-y:hidden;width:500px;}
.cspopular li{display:inline; float:left; word-break:keep-all;}
.cspopular li a{color:#ffffff; margin:0 5px;}
.cspopular li a:hover{text-decoration:underline}
.reg{position:absolute; width:91px; height:38px; bottom:12px; left:54px;}
.demo{position:absolute; width:91px; height:38px; bottom:20px; right:50px;}