/*
Style for bokee.net homepage.
by leo
*/

* { word-break: break-all; word-wrap: break-word; }
body,select, th, td, input, textarea, button { font: 12px/1.5em Arial, Tahoma, Helvetica, snas-serif; }
body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ul{ list-style: none; }
img{border:0;}

a:link{color:#333;text-decoration:none}
a:visited{color:#555;text-decoration:none}
a:hover{color:#f40;text-decoration:underline}

a.uline,a.uline:visited,.uline a,.uline a:visited{text-decoration:underline}
a.uline:hover{text-decoration:none}

.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.s{font-weight:normal}
.b{font-weight:bold}

a.green:link,a.green:visited,.green{color:#599914}
a.black:link,a.black:visited,.black{color:#345}
a.red:link,a.red:visited,.red{color:#e00}
.zs{color:#A71CBC}
a.gray:link,a.gray:visited,.gray,.gray a,.gray a:visited{color:#81839a}
a.blue:link,a.blue:visited,.blue,.blue a,.blue a:visited{color:#004Ba6}

.dno{display:none}

.l{float:left;}
.r{float:right;}

#wrap { margin: 0 auto; width: 960px; text-align: left; padding:0;}

#header {padding:15px 5px 0 5px;height:55px;}

#header .logo{float:left;text-indent:-9999px;width:130px;}
#header .logo a{background:url(/pagemodule/images3/logo.gif) top left no-repeat;display: block;text-decoration:none;width:128px;height:33px;}
#header .logo a:hover{background-position:0px -36px}

#header .toplogin{float:right;width:190px;text-align:right;padding:13px 0 0 0}
#header .toplogin a{margin:0 0 0 8px;}

#header .menu{float:left;width:600px;padding:5px 0 0 0;line-height:160%}
#header .menu li{float:left;position:relative;margin:0 0 0 3px;font-size:14px;width:74px;height:30px;padding:5px 0 0;text-align:center;background:transparent url(/pagemodule/images3/bg_icon_v3.gif) no-repeat 0 0;}
#header .menu li.menu_tuike{width:100px;padding:5px 0 0;background:transparent url(/pagemodule/images3/bg_icon_v3.gif) no-repeat 0 -821px;}
#header .menu li a,.menu li a:visited{color:#234;display:block;}
#header .menu li.select{background:transparent url(/pagemodule/images3/bg_icon_v3.gif) no-repeat -87px 0;}
#header .menu li.select a,.menu li.select a:visited{font-weight:bold;color:#fff;}
#header .menu li span{position:absolute;top:-15px;left:33px;width:32px;height:20px;background:transparent url(/pagemodule/images3/new.gif) no-repeat 0 0;}

#ad_home{float:left;width:710px;height:186px}
#ad_banner{clear:both;display:inline;}
#ad_banner img{margin:18px 4px;}

#login_home,#login_home_welcome{float:right;width:230px;height:186px;background:url(/pagemodule/images3/bg_home_v4.gif) 0 -227px no-repeat;text-align:center;padding-left:10px}
#login_home_welcome{background:url(/pagemodule/images3/bg_home_v4.gif) -240px -227px no-repeat;height:170px;padding-top:16px}
#login_home_welcome h2{padding:8px 0;}
#login_home table{text-align:left;margin:25px auto 0 auto}
#login_home table td{padding:0 2px;height:32px}
a.button_reg,a.button_reg:visited {display:block;margin:10px auto 0 auto;padding:0; background:transparent url(/pagemodule/images3/bg_icon_v3.gif) no-repeat 0 -270px;width:135px; color:#FFF;line-height:38px; text-align:center;}

.button a,.button_login {background:url(/pagemodule/images3/bg_icon_home.gif) 0px -350px no-repeat;display:block;text-decoration:none;width:96px;height:24px;text-align:center;padding-top:4px;margin:4px auto}
.button_logout {background:url(/pagemodule/images3/bg_icon_home.gif) -156px -350px no-repeat;display: block;text-decoration:none;width:40px;height:24px;text-align:center;padding-top:4px;margin:4px auto}

.shadow{clear:both;margin:0 1px;background:transparent url(/pagemodule/images3/bg_icon_home.gif) repeat-x 0 0;height:8px;}

#tuike{clear:both;background:#fff url(/pagemodule/images3/bg_icon_v3.gif) 0 -560px repeat-x;margin:15px 0 0 0;height:31px;padding:2px 10px 0 12px;line-height:31px;border:1px #ddd solid;}
#tuike h2{float:left;text-indent:-9999px;width:150px;}
#tuike h2 a{background:url(/pagemodule/images3/bg_home_v4.gif) -330px -65px no-repeat;display: block;text-decoration:none;width:140px;height:24px;}
#tuike .data{float:left;width:700px;}
#tuike .data .l{text-align:right;width:43%;font-size:14px;}
#tuike .data .r{text-align:left;width:53%;font-size:14px;}
#tuike .more{float:right;text-indent:-9999px;padding:5px 0 0 0}
#tuike .more a{background:url(/pagemodule/images3/bg_home_v4.gif) 0 -131px no-repeat;display: block;text-decoration:none;width:23px;height:19px;}

#tuikebox{margin:3px 0 10px 0;overflow:hidden;zoom:1;}
#tuikebox .left{float:left;width:180px;margin-right:15px;}
#tuikebox .center{float:left;width:570px;border-bottom:0px #ddd solid;padding:0 0 5px 0}
#tuikebox .right{float:right;width:180px;}
#tuikebox .left h2 a,#tuikebox .right h2 a{display:block;height:80px;background:transparent url(/pagemodule/images3/tuike/bg.gif) no-repeat 0 -150px;text-indent:-9999px;}
#tuikebox .right h2 a{background:transparent url(/pagemodule/images3/tuike/bg.gif) no-repeat -180px -150px;}
#tuikebox .box1{background:#fff;border:1px #ddd solid;border-top:1px #ccc solid;}
#tuikebox .box1 p{margin:10px 10px 10px 10px;padding:0}

#tuikebox ul{}
#tuikebox ul li{clear:both;border-bottom:1px #f3f3f3 solid;line-height:29px;height:29px;vertical-align:bottom;color:#666}
#tuikebox ul li.th{border-bottom:1px #ddd solid;font-weight:bold;color:#555}
#tuikebox ul li a{color:#2d9400}
#tuikebox ul li a:hover{color:#f50}
#tuikebox ul li span{float:left;text-align:center}
#tuikebox ul li span.title{width:54%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
#tuikebox ul li span.amount{width:12%;}
#tuikebox ul li span.num{width:12%;}
#tuikebox ul li span.balance{width:12%;}
#tuikebox ul li span.join{width:9%;}
#tuikebox .more{padding:8px 0 5px 0;text-align:right}

#vip_recommend{clear:both;background:#fff url(/pagemodule/images3/bg_icon_v3.gif) 0 -560px repeat-x;margin:5px 0 15px 0;padding:7px 19px 5px 19px;border:1px #ddd solid;}
#vip_recommend .vip_title{position:absolute;width:180px;height:52px;margin:-14px 0 0 -28px;z-index:11000;text-indent:-9999px;background:url(/pagemodule/images3/bg_icon_v3.gif) 0 -445px no-repeat;}
#vip_recommend .vip_title a{display:block;width:180px;height:52px;}

#vipcompanysdiv ul { list-style: none; margin: 0px; padding: 0px;}
#vipcompanysdiv { margin-left:170px;}
#vipcompanysdiv li {float: left}
#vipcompanys { height: 20px; width:740px;overflow:hidden; }
#vipcompanys .vipcompanyli { height:20px;width:740px;overflow:hidden;}
#vipcompanys .vipcompanyli li{ width:180px;overflow:hidden;padding-right:5px}

.picdiv{width:48px;height:48px;overflow:hidden;border:1px #ddd solid;margin:2px 0 0 0;text-align:center;}
.picdiv img{height:48px;border:0;}

ul.recommended{margin:0 10px}
ul.recommended li{float:left;width:49%;padding:10px 0 10px 0.9%;}
ul.recommended li .picdiv{float:left;}

ul.recommended li .article{float:left;padding:0 0 0 8px;white-space:nowrap;text-overflow:clip}
ul.recommended li .article h3,ul.recommended li .article a{display:block;width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:20px;}

.pane{float:left;border:1px #ddd solid;width:473px;}

.pane .title{background:url(/pagemodule/images3/bg_home_v4.gif) top left repeat-x;border-bottom:1px #ddd solid;height:28px;padding:5px 10px 0 12px}
.pane .title h2{float:left;text-indent:-9999px;width:74px;}
.pane .title h2 a{background:url(/pagemodule/images3/bg_home_v4.gif) top left no-repeat;display: block;text-decoration:none;width:74px;height:20px;}
.pane .title h2.zlt a{background-position:-101px -68px}
.pane .title h2.zyt a{background-position:-200px -68px}
.pane .title h2.sxyt{width:95px;}
.pane .title h2.sxyt a{background-position:0 -99px;width:95px;}
.pane .title h2.zxt,.pane .title h2.cot{width:110px;}
.pane .title h2.zxt a{background-position:-120px -98px;width:110px;}
.pane .title h2.cot a{background-position:-255px -98px;width:110px;}
.pane .title h2.rbt a{background-position:0px -68px}
.pane .title .slogan{float:left;width:210px;color:#888;font-size:12px;padding:5px 0 0 10px}
.pane .title .link_t{float:right;padding:4px 0 0 0}
.pane .title .button_t{float:right;}
.pane .title .button_t a{background:url(/pagemodule/images3/bg_home_v4.gif) -27px -131px no-repeat;display: block;text-decoration:none;width:90px;height:22px;color:#fff;line-height:22px;text-align:center}
.pane .more{float:right;text-indent:-9999px;padding:2px 0 0 0}
.pane .more a{background:url(/pagemodule/images3/bg_home_v4.gif) 0 -131px no-repeat;display: block;text-decoration:none;width:23px;height:19px;}
.pane .tips .more{padding:0}
.pane .tips{clear:both;background:url(/pagemodule/images3/bg_home_v4.gif) 0 -34px repeat-x;padding:3px 10px 8px 14px }

.shangxueyuan,.zhixing,.coblog{float:right}
.daily,.shangxueyuan{height:240px;margin:10px 0}
.zhuanlan,.zhixing{height:215px;margin:0 0 10px 0}
.blog,.coblog{height:220px;}

.pane .focus{text-align:center;margin:0 10px;padding:8px 0;background:url(/pagemodule/images3/bg_dot.gif) left bottom repeat-x;}
.pane .focus h2{padding:0 0 5px 0;}
.pane .focus h2 a{font-size:14px;color:#e00}
.pane .focus .des{height:38px;overflow:hidden}


.daily ul,.shangxueyuan ul{margin:5px 10px}
.daily ul li,.shangxueyuan ul li{float:left;width:48%;padding:2px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:18px;color:#bbb;text-align:left}
.shangxueyuan ul li{background:url(/pagemodule/images3/bg_home_v4.gif) -119px -131px no-repeat;padding-left:14px;width:46%;}

.zhuanlan .l{width:130px;padding:0 10px 0 0;background:url(/pagemodule/images3/bg_dot.gif) right bottom repeat-y;margin:8px 8px;display:inline}
.zhuanlan .l li{float:left;width:50%;padding:5px 0;text-align:center}
.zhuanlan .l li .picdiv{margin:2px auto;}
.zhuanlan .l li a{display:block;}

.zhuanlan .list{float:left;margin:12px 0 0 0;padding:0;width:305px}
.zhuanlan .list li{clear:both;background:url(/pagemodule/images3/bg_home_v4.gif) -119px -132px no-repeat;padding-left:14px;vertical-align:bottom;height:20px;}
.zhuanlan .list li .t{float:left;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:20px;width:230px;}
.zhuanlan .list li .r{display:block;width:50px;white-space:nowrap;overflow:hidden;text-align:right}

.zhixing .l,.zhixing .r{width:200px;padding:0 18px;margin:10px 0}
.zhixing .l{background:url(/pagemodule/images3/bg_dot.gif) right bottom repeat-y;}
.zhixing h3{background:url(/pagemodule/images3/bg_home_v4.gif) 0 -168px no-repeat;text-align:center;margin-bottom:8px;}
.zhixing h3 a{display:block;background:#fff;width:60px;margin:auto;color:#f40}
.zhixing table{margin:2px 0 8px 0}
.zhixing .list li{background:url(/pagemodule/images3/bg_home_v4.gif) -119px -132px no-repeat;padding-left:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:20px;width:186px;}
.zhixing .r li{padding:0 0 8px 0}
.zhixing .r li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:20px;width:200px;}
.zhixing .r li h4{font-size:12px}

#feed{float:left;width:70%;border:1px #ddd solid;height:300px;position:relative;overflow:hidden;margin:10px 0 0 0}
#feed h2{background:url(/pagemodule/images3/bg_home_v4.gif) top left repeat-x;border-bottom:1px #ddd solid;height:33px;line-height:33px;padding:0 10px;font-size:14px;}
#feed ul{list-style :none;margin:10px;}
#feed ul li{padding:5px 10px 5px 25px;position:relative;min-height:10px;_height:10px;line-height:150%;}
#feed img.type{border:0;position:absolute;top:4px;left:1px;}
#feed a{color:#090;}
#feed a.title{background:transparent;font-weight:bold;padding:0;}
#feed a.title:hover {}
#feed ul li span.date{font-size:10px;color:#999;}
#feed .feed_content{color:#999;padding:3px 0}
#feed .feed_content img{padding:3px;border:1px #ccc solid}

#notice{float:right;width:274px;border:1px #ddd solid;height:300px;overflow:hidden;margin:10px 0 0 0}
#notice h2{background:url(/pagemodule/images3/bg_home_v4.gif) top left repeat-x;border-bottom:1px #ddd solid;height:33px;line-height:33px;padding:0 10px;font-size:14px;margin:0 0 10px 0;}
#notice h2 a{background:transparent;padding:0;margin:0;}
#notice a{display:block;background:url(/pagemodule/images3/bg_home_v4.gif) -119px -132px no-repeat;margin:5px 10px 5px 10px;padding-left:15px;}
#notice a.end{padding-right:0;}

#links{clear:both;padding:15px 0 0 0;margin:10px 0 0 0;min-height:20px;_height:20px;}
#links a{padding:0 3px;white-space:nowrap}

#top2010{margin:-5px auto 10px auto;background:url(/companymodule/theme/2010/images/banner_home.png) 0 0 no-repeat;height:91px;}
#top2010 h2 a{display:block;height:63px;text-indent:-9999px;}
#top2010 div{margin:3px 0 0 342px;}
#top2010 div a{padding:0 12px;}


#footer{clear:both;border-top:1px #ddd solid;margin:10px auto;padding:8px 0;text-align:center;color:#9193aa}
#footer p{padding:5px 0;}
#footer a{color:#343;margin:0 5px;}

.hackbox {border-top:0px solid transparent !important;margin-top:-1px !important;margin-top:0px;clear:both;visibility:hidden;}
.daily ul:after,cirblog ul:after,#tuikebox:after,#vip_recommend:after{content:"";display:block;height:0;overflow:hidden;visibility:hidden;clear:both;}