body{background:#fff;color:#333;}

/* @头部样式-02 Start
------------------------------------------------------------ */
#h_topline {height:10px;background-image:url(img/bg2-1.png);overflow:hidden;}
#h_topline div{width:960px;height:100%;margin:0 auto;background:url(img/bg1-1.png) no-repeat center -10px;}
#header {background: url(bar-bar.png) center top repeat-x;height:60px;}
#header .layout_module {margin-top:0;}
#h_logo {float: left;width: 126px;height: 36px;background: url(bar-bar.png) left -303px no-repeat;}
#h_logo img{height:80px;margin-top:5px;display:none;}
#h_mainnav {float:right;height:100%;width:auto;}
#h_mainnav ul  li{float:left;width:100px;height:100%;text-align:center;background:url(img/bg2-1.png) no-repeat right -200px;font-size:14px;font-weight:bold;}
#h_mainnav ul  li .cur{color:#eb5a26;}
#h_notice {float:right;margin-top:-50px;width:100%;height:40px;line-height:40px;background:url(img/bg2-1.png);overflow:hidden;}
#h_notice .content{width:960px;height:100%;margin:0 auto;background:url(img/bg1-1.png) no-repeat center -10px;color:#ddd;}
#h_notice .content div{float:left;}
#h_notice .content strong{margin-right:10px;}
#h_notice .content .h_fav{float:right;}
#h_notice .content .h_fav a{color:#5a5a5a;;margin:0 10px;}
#h_notice .content .h_fav a:hover{color:#f00;}
.newslistBox_01 .mbody ul li a{background-position:0 5px;color:#0066CC;}
#header,#logoarea a,#logoarea dl,.OfWebBar,.sinaweibo,.qqweibo,#header i{background:url(bar-bar.png) -999px -999px no-repeat}
.top-AsD{height:85px;background:url(top-asd.jpg) center top repeat-x}
.top-AsD .s1000 a{float:right;margin-right:50px;width:80px;height:80px;text-indent:-9999px}
#header{position:relative;z-index:9991;height:60px;background-position:center top;background-repeat:repeat-x}
#logoarea{padding:15px 12px 0}
#logoarea a{float:left;width:126px;height:36px;background-position:left -303px}
#logoarea a sup{display:none;float:right;margin-top:-16px}
#logoarea a:hover sup{display:block;font-size:12px}
#logoarea dl{float:left;margin-left:10px;padding:0 10px;background-position:-169px -313px;color:#f60}
#logoarea dl dt{font-size:14px;font-weight:bold}
.OfWebBar,.sinaweibo,.qqweibo{float:right;margin:30px 10px 0 0;width:106px;height:21px;line-height:21px;background-position:left -349px}
#header i{float:left;margin:3px 5px 0;width:16px;height:16px}
#header .qqweibo i{background-position:-136px -351px}
#header .sinaweibo i{background-position:-136px -326px}
#header .OfWebBar{position:relative;z-index:9991}
#header .OfWebBar tt{float:left;padding-left:7px;width:99px;cursor:default}
#header .OfWebBar tt i{float:right;margin-top:3px;width:13px;height:14px;background-position:-136px -303px}
.s1000{margin:0 auto;width:1000px}
.ofMenuArea{display:none;position:absolute;top:21px;right:0;background:url(rex-bar.png) -1834px top repeat-y;width:590px}
.ofMenuInline{padding:10px 10px 0;background:url(rex-bar.png) -1234px top no-repeat;overflow:hidden}
.ofMenuBottom{height:10px;background:url(rex-bar.png) -2435px bottom no-repeat;width:590px}.ofMenuInline ul{clear:left;padding:5px;overflow:hidden;_zoom:1}.ofMenuInline ul li{float:left;padding:0 8px}.topDotLine{border-top:1px dotted #ddd}
/* -------------------------@END------------------------- */


/* @主体区内容块通用样式-2 Start
------------------------------------------------------------ 
#container .layout_module{position:relative;}*/
#container .layout_module .module{padding-bottom: 5px;_zoom:1;padding-bottom:5px;background:url(rex-bar.png) -480px bottom no-repeat}

#container .layout_module .module .mtitle{position: static;background:url(bar-bar.png) no-repeat right -109px;height:28px;line-height:28px;color:#c33}
#container .grid_18 .module .mtitle{}
#container .grid_18 .module #article-title{height:55px;}
#container .layout_module .module .mtitle h3{float:left;padding:0 20px 0 20px;background:url(bar-bar.png) left -109px no-repeat;height:28px;line-height:28px;font-size:14px}
#container .layout_module .module .mtitle a{padding:0 10px}
#container .layout_module .module .mtitle span{float:right;position: static;padding-right:5px;font-weight:normal;}
#container .layout_module .module .mbody{padding:5px;border: solid #ddd; border-width: 0 1px;}
.listText_01 .mbody{overflow:auto;}
.newslistBox_01 .mbody li a, .postlistBox_01 .mbody li a{padding-left:18px;background:none;}
.mbody li {border-bottom: 1px dotted #DDDDDD;}
#container .layout_module .module ul ul{padding:0}
#container .layout_module .module li{line-height:26px;border-bottom:1px dotted #ddd;*zoom:1;}
#container .layout_module .module .form li{border:none;line-height:20px}
.chContent{border:solid #ddd;border-width:0 1px}

#m29221 .module .mtitle a{float:right;margin-right:-5px;padding-right:10px;background: url(bar-bar.png) right -467px no-repeat; }
.fangan{border:0!important;overflow:hidden;}
.fangan li{margin-left:2px;float:left;border:0!important;width:150px;overflow:hidden;}
#container .grid_12 .module .mtitle {background:url(bar-bar.png) left -514px repeat-x;}
#container .grid_12 .module .mtitle h3{background: url(bar-bar.png) no-repeat left -109px;}
#container .grid_12 .module .mtitle span{background: url(bar-bar.png) right -109px no-repeat;}
#container .grid_12 .module,#middleArea {background:#fff url(rex-bar.png) -720px bottom no-repeat;}
#container .loginbox .module .mbody{padding:5px 0 10px;background: url(bar-bar.png) repeat-x 0 -871px;}
#container .loginbox .module .mbody li {border-bottom: 0;}
#container .registerBox .module,
#container .newslistBox_01 .module,
#container .textinfoBox_01 .module,
#container .friendlinkBox_01 .module {
	background:#fff;
	border: 1px solid #ccc;
}
#container .registerBox .module .mtitle,
#container .registerBox .module .mtitle h3,
#container .registerBox .module .mbody,
#container .newslistBox_01 .module .mtitle,
#container .newslistBox_01 .module .mtitle h3,
#container .newslistBox_01 .module .mbody,
#container .textinfoBox_01 .module .mtitle,
#container .textinfoBox_01 .module .mtitle h3,
#container .textinfoBox_01 .module .mbody,
#container .friendlinkBox_01 .module .mtitle,
#container .friendlinkBox_01 .module .mtitle h3,
#container .friendlinkBox_01 .module .mbody{
	background: #fff;
	border:0;
}
#container .newslistBox_01 .module .mtitle,
#container .textinfoBox_01 .module .mtitle {
	border-bottom: 1px solid #ccc;
}
#container .registerBox ul li label{
	float: left;
	width: 220px;
}
#container .registerBox .module .mbody h3{
	padding-left: 60px;
}
#container .serviceBox_02 .module .mtitle {
	background:url(bar-bar.png) right -223px no-repeat;
}
#container .serviceBox_02 .module .mtitle h3 {
    background:url(bar-bar.png) left -223px no-repeat;
    height: 31px;
    line-height: 31px;
    padding: 0 88px 0 30px;
}
.listText_01 .mbody li cite {
	margin:0 5px 0 0; 
}
/* -------------------------@END------------------------- */

/* @图片轮播-2 Start
------------------------------------------------------------ */
div#nav ul li{ float: left; height: 52px; }

div#nav ul li a {
	border: 0;
	height: 52px;
	display: block;
	line-height: 52px;
	text-indent: -9999px;
}

div#slide-header{ margin: -1px 0 0;}

div#slide-header div#slide-holder{
	z-index: 40;
	width: 470px;
	height: 200px;
	position: absolute;
	overflow:hidden;
}

div#slide-header div#slide-holder div#slide-controls{
	left: 0;
	bottom: 4px;
	width: 470px;
	height: 46px;
	display: none;
	position: absolute;
	background: url(http://pic.ofcard.com/themes/images/slide-bg.png) 0 0;
}

div#slide-header div#slide-holder div#slide-controls p#slide-nav {
	float: right;
	height: 24px;
	display: inline;
	margin: 11px 15px 0 0;
}

div#slide-header div#slide-holder div#slide-controls p#slide-nav a{
	float: left;
	width: 24px;
	height: 24px;
	display: inline;
	font-size: 11px;
	margin: 0 5px 0 0;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-position: 0 0;
	background-repeat: no-repeat;
}

div#slide-header div#slide-holder div#slide-controls p#slide-nav a{
	background-image: url(http://pic.ofcard.com/themes/images/silde-nav.png);
}

div#slide-header div#slide-holder div#slide-controls p#slide-nav a.on{ background-position: 0 -24px; }

div#slide-header div#slide-holder div#slide-controls p.text {
	float: left;
	color: #fff;
	display: inline;
	font-size: 10px;
	line-height: 16px;
	margin: 15px 0 0 20px;
	text-transform: uppercase;
}

div#slide-header div#slide-holder div#slide-runner{
	top: 0px;
	left: 0px;
	width: 504px;
	height: 200px;
	overflow: hidden;
	position: absolute;
}

div#slide-header div#slide-holder img{ margin: 0; display: none; position: absolute; }

div#slide-header div.wrap{ height: 200px; }

div#top div#nav{
	float: left;
	clear: both;
	width: 470px;
	height: 52px;
	margin: 22px 0 0;
}

div#top div#nav ul{
	float: left;
	width: 470px;
	height: 52px;
	list-style-type: none;
}

div#video-header{ height: 200px; margin: -1px 0 0; }

div.wrap{ width: 470px; margin: 0 auto; text-align: left; }

#slide-controls a:link,#slide-controls a:visited{ color: #fff; }
/* -------------------------@END------------------------- */
/* @图片轮播-3 Start
------------------------------------------------------------ */




/* -------------------------@END------------------------- */

/* @网吧公告-01 Start
------------------------------------------------------------ */
.listText_01 .mbody li .topic{}
/* -------------------------@END------------------------- */

/* @用户登录样式-01 Start
------------------------------------------------------------ */

.loginBox_01 .mbody li input{margin-right:0;}
.loginBox_01 .mbody ul li .m_button,.register_button button {float:left;padding:0;width:58px;height:26px;line-height:26px;text-align:center;background:url(http://pic.ofcard.com/ofui/images/ofui_protype.png) no-repeat left top;color:#f0f0f0;}
.register_button button{float: none;border: none;}
.loginBox_01 .mbody ul li .m_button:hover,.register_button button:hover{background-position: -80px top;}
.loginBox_01 .mbody ul li .m_button:active,.register_button button:active{background-position: -160px top;}
.grid_6 .mbody li label,.grid_7 .mbody li label,.grid_8 .mbody li label{display:block;float:left;width:30%;text-align:right;padding-right:3px;_padding-right:0;}
.loginbox label {width:80px!important;}
.loginbox li input {width:110px!important;border:1px solid #ccc;}
.loginbox li #mac_unchk,.loginbox li #mac_chk {width:auto!important;border:0!important;}
#movement_password {
	background: url(http://pic.ofcard.com/themes/images/mpasswordPic.png) 0 20px no-repeat!important;
	width: 120px!important;
}
#movement_password img {width:110px;}
/* -------------------------@END------------------------- */

/* @客服信息样式-默认 Start
------------------------------------------------------------ */
.serviceBox_01 .mbody dl dd img{width:auto;height:auto;}
/* -------------------------@END------------------------- */

/* @常用下载-01 Start
------------------------------------------------------------ */
.downloadBox_01 .mbody ul li cite a{height:20px;}
.downloadBox_01 .mbody ul li{overflow:hidden!important;}
/* -------------------------@END------------------------- */

/* @友情链接样式-默认 Start
------------------------------------------------------------ */
.friendlinkBox_01{_background:none !important;border:0;position:relative;margin-top:10px;_zoom:1;}
.friendlinkBox_01 .module{width:946px;margin:1px;}
.friendlinkBox_01 .mtitle,.friendlinkBox_01 .mbody{float:left;background:transparent!important;}
.friendlinkBox_01 .mtitle{width:180px;}
.friendlinkBox_01 .mtitle h3{display:none;background:transparent;}
.friendlinkBox_01 .module .mbody{width:736px;padding-left:5px;margin-left:0;}
.friendlinkBox_01 .mbody .text{line-height:30px;}
.friendlinkBox_01 .mbody .text li a,.friendlinkBox_01 .mbody .img li a{display:inline-block;width:92px;text-align:center;}
.friendlinkBox_01 .mbody .img li a{border:1px solid #fff;}
.friendlinkBox_01 .mbody .img li a img{width:86px;height:31px;border:1px solid #ddd;}
/*.


*/

/* -------------------------@END------------------------- */

/* @尾部样式-01 Start
------------------------------------------------------------ */
#footer{margin-top:10px;height:77px;background:url(bar-bar.png) repeat-x left -380px;color:#333;}
.footer_01{
	padding:0;
}
#f_minornav,#f_copyright li{}
#f_copyright li{float:left;}
#f_copyright{margin-top:5px;color:#666;}
.footer_01 #f_minornav a{color:#666;}
.footer_01 #f_minornav a:hover,.footer_01 #f_copyright a:hover{color:#f00;}
.footer_01 #f_copyright a{color:#666;}	
/* -------------------------@END------------------------- */
/* tab */
.tab:after,#header:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden;}
.tab,#header{*zoom:1;clear:left;}

#middleArea .tab,#middleArea .tab li a,#middleArea .tab li a span,#middleArea .chContent ul li a{background: url(bar-bar.png) -999px -999px no-repeat;}
#middleArea .tab{background-position:right -146px;background-repeat:no-repeat;width:100%}
.tab li{float:left;margin:0 2px 0 0px;}
.tab li a,.tab li a span{display:block;_float:left;text-align:center;}
.tab li a,.tab li a span {background-position:right -70px;line-height:29px;height:29pxcursor: pointer;}
.tab li a span {padding-right: 10px;padding-right: 0;}
.tab li.current {position: relative;margin-bottom: -1px;z-index: 3;}
#middleArea{margin-top:10px;}
#middleArea .tabHead{background:url(bar-bar.png) left -183px repeat-x;height:31px}
#middleArea .tab{background-position:right -146px;background-repeat:no-repeat;width:100%}
#middleArea .tab li a{padding-right: 10px;background-position:right -70px;line-height:29px;height:29px}
#middleArea .tab li a span{padding:0 10px 0 20px;background-position:left -70px;line-height:29px;height:29px;font-size:14px;font-weight:bold;color:#6b6b6b}
#middleArea .tab li a:hover,#middleArea .tab li.current a{background-position:right -264px}
#middleArea .tab li a:hover span,#middleArea .tab li.current a span{background-position:left -264px;line-height:30px;color:#fff}

#middleArea .chContent ul{padding:10px 0 5px;text-align:center}
#middleArea .chContent ul li,#middleArea .chContent ul li a{display:-moz-inline-stack;display:inline-block;*zoom:1;*display:inline;width:52px;height:52px;line-height:0}
#middleArea .chContent ul li a.pOne01{background-position:0 -561px}
#middleArea .chContent ul li a.pOne02{background-position:-62px -561px}
#middleArea .chContent ul li a.pOne03{background-position:-124px -561px}
#middleArea .chContent ul li a.pOne04{background-position:0 -623px}
#middleArea .chContent ul li a.pOne05{background-position:-62px -623px}
#middleArea .chContent ul li a.pOne06{background-position:-124px -623px}
#middleArea .chContent ul li a.pOne07{background-position:0 -685px}
#middleArea .chContent ul li a.pTwo01{background-position:-62px -685px}
#middleArea .chContent ul li a.pTwo02{background-position:-124px -685px}
#middleArea .chContent ul li a.pTwo03{background-position:0 -747px}
#middleArea .chContent ul li a.pThr01{background-position:-62px -747px}
#middleArea .chContent ul li a.pThr02{background-position:-124px -747px}
#middleArea .chContent ul li a.pThr03{background-position:0 -809px}
#middleArea .chContent ul li a.pThr04{background-position:-62px -809px}
#middleArea .chContent ul li a.pFou01{background-position:-124px -809px}
#middleArea .chContent ul li{width:66px;height:100px;vertical-align:middle}
#middleArea .chContent ul.pTwoArea li{width:140px;height:100px;vertical-align:middle}
#middleArea .chContent ul.pThrArea li{width:105px;height:100px;vertical-align:middle}
#middleArea .chContent ul li h5{padding-top:7px;font-size:12px;line-height:14px}
#middleArea,#barCase,#shopCase{margin-top:10px;background-position:-720px bottom}
#middleArea ul{padding:0}
#middleArea ul li{border:none}
#middleArea .tabHead{background:url(bar-bar.png) left -183px repeat-x;height:31px}
#middleArea .tab{background-position:right -146px;background-repeat:no-repeat;width:100%}
#middleArea .tab li a{background-position:right -70px;line-height:29px;height:29px}
#middleArea .tab li a span{padding:0 10px 0 20px;background-position:left -70px;line-height:29px;height:29px;font-size:14px;font-weight:bold;color:#6b6b6b}
#middleArea .tab li a:hover,#middleArea .tab li.current a{background-position:right -264px}
#middleArea .tab li a:hover span,#middleArea .tab li.current a span{background-position:left -264px;line-height:30px;color:#fff}
#middleArea .chContent #netChong{margin:-5px 0 0px 3px}
#middleArea .chContent #netChong li{float:left;margin:5px 1px;padding-left:3px;width:92px;height:26px;line-height:26px;border:1px solid #ddd;text-align:left}
#middleArea .chContent #netChong li:hover{border-color:#999;color:#f60}
#middleArea .chContent #netChong li a{float:right;margin:5px 2px 0 0;width:16px;height:16px}
#middleArea .chContent #netChong li a.iconChong{background-position:-63px -872px}
#middleArea .chContent #netChong li a.iconChong:hover{background-position:-84px -872px}
#middleArea .chContent #netChong li a.iconChong:active{background-position:-105px -872px}
#middleArea .chContent #netChong li a.iconCheck{background-position:-63px -898px}
#middleArea .chContent #netChong li a.iconCheck:hover{background-position:-84px -898px}
#middleArea .chContent #netChong li a.iconCheck:active{background-position:-105px -898px}
#case001 {padding-top:5px;position:relative;*zoom:1;z-index:999;}
.layout_box{overflow:visible;}
#case001 .chContent{border:0!important;padding:0 5px 0 0!important}
#case001 .chContent li{margin-top:1px;border:0!important;_zoom:1}
#case001 .chContent li a{display:block;margin-left:5px;background:#f1f1f1;padding-left:5px;border:1px solid #ddd}
#case001 .chContent li.hover a{position:relative;z-index:91;margin-left:0px;padding-left:10px;height:26px;background:#fff!important;border-left-color:#fff;font-weight:bold;color:#f60}
#case001 .chContent li .targetDiv{display:none;position:absolute;z-index:90;top:-5px;right:214px;padding:10px;background:#fff;border:4px solid #ddd;width:494px;height:310px}