/*
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: 990px; 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:714px;height:203px;}
#ad_banner{clear:both;display:inline;}
#ad_banner img{margin:18px 4px;}

#toplogin { width: 275px; height:203px; float: right; }
#login_home { height: 171px; padding: 30px 0px 0px 54px; border: 1px solid #dddddd;background: #f2f2f2 url(/pagemodule/images3/login_home.png) no-repeat 0px 31px; font-size: 12px; line-height: 16px; color: #868686}
#login_home .gray { color: #a1a1a1!important; }
#login_home a:link,#login_home a:visited { color: #5e5e5e; text-decoration: none;}
#login_home a:hover { color: #FF0000; text-decoration: underline;}
#login_home input { width: 167px; height: 24px; line-height: 24px;}
#login_home form { display: none;}
#login_home form p { margin-bottom: 10px; position: relative;}
#login_home form span { position: absolute; left: 5px; top: 6px; color: #bcbcbc;}
#login_home form a { vertical-align: middle;}
#login_home form .btn_submit {display: inline-block; margin-right: 17px; line-height: 31px; text-align: center; font-weight: bold; color: #FFFFFF!important; width: 67px; height: 31px;background: url(/pagemodule/images/btn_submit.jpg); font-size: 14px; border: 0px; border: none;}
#login_home_b { padding-top: 25px; overflow: hidden; *zoom:1; margin-bottom: 25px;}
#login_home_b #btn_reg { width: 91px; height: 41px; float: left; background: url(/pagemodule/images3/btn_load.gif); text-indent: -999px;overflow: hidden; margin-right: 8px; text-align: left;}
#login_home_b #btn_load { width: 81px; height: 41px; float: left; background: url(/pagemodule/images3/btn_load.gif) 0px -41px;text-indent: -999px; overflow: hidden; text-align: left;}
#login_home_welcome { width:167px;}
#login_home_welcome a:link,#login_home_welcome a:visited { color: #000000;}
#login_home_welcome a:hover { color: #FF0000;}
#login_home_welcome .button_login {display: block; margin-top: 24px; line-height: 29px; text-align: center; font-weight: bold; color: #FFFFFF!important; width: 165px; text-align: center;  border-top: 1px solid #67b00b; border-bottom: 1px solid #4d8e00; border-left: 1px solid #599e05; border-right: 1px solid #599e05;background: url(/pagemodule/images3/bottom_bg.jpg) 0px -100px; font-size: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none;}
#login_home_welcome ul{ list-style: none; float: left; margin-top: 1px; border-top: 1px solid #e4e4e4;  border-left: 1px solid #e4e4e4;}
#login_home_welcome li { float: left; line-height: 29px; width: 82px; height: 29px; background:  #FFFFFF; text-align: center; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}
.login_other { line-height: 21px; position: relative; left: -34px;top:10px }
.login_other span { padding-right: 10px;}
.login_other a{ display: inline-block;}
.login_xl { background: url(/pagemodule/images3/sina_icon.jpg); width: 78px; height: 21px; padding-left: 23px;}
.login_qq { background: url(/pagemodule/images3/sync-ico.gif) 0px -416px;}


#home_search { border: 1px solid #e4e4e4; font-size: 12px; height: 58px; padding: 21px 0px 0px 220px; position: relative; background: #fafafa; margin-top: 10px;}
/*#home_search { border: 1px solid #f5d782; font-size: 12px; height: 58px; padding: 21px 0px 0px 220px; position: relative; background: #fef8e7 url(http://fs02.bokee.net/2013/bg_search_gq.png) no-repeat; margin-top: 10px;}*/
#home_search .search_select { width: 62px; height: 25px; padding: 9px 7px 0px 10px; border: 1px solid #afafaf; background:#f2f2f2; cursor: pointer; float: left;}
.search_select span { float: left;}
.search_select .ico_search { float: right; width: 7px; height: 4px; overflow: hidden; background: url(/pagemodule/images3/ico_search.png); margin-top: 6px;}
#home_search .search_expand { list-style: none; background: #FFFFFF; width:79px; border: 1px solid #afafaf; border-top: 0px; position: absolute; left: 220px; top: 55px; display: none;}
#home_search li { line-height: 28px; padding-left: 10px; cursor: pointer;}
#home_search form select { width: 86px; vertical-align: bottom; height: 22px; float: left; margin-top: 2px; margin-right: 10px;}
#home_search input { width: 384px; height: 34px;border: 1px solid #afafaf; padding: 0px 0px 0px 5px; border-left: 0px; float: left; line-height: 34px; font-size: 14px; color: #bcbcbc;}
#home_search a { float: left; font-size: 14px; line-height: 34px; padding: 0px 16px;font-weight: bold;color: #ffffff!important;border: 1px solid #67b00b; border-left: 0px;background: url(/pagemodule/images3/bottom_bg.jpg) 0px -184px;-moz-border-radius:  0px 3px 3px 0px;-webkit-border-radius:  0px 3px 3px 0px;border-radius: 0px 3px 3px 0px;text-decoration: none;}
#home_show { height: 101px; border: 1px solid #e4e4e4; border-top: 0px; background: url(../images//home_show_bg1.png) repeat-x top; padding: 23px 0px 0px 23px;}
#home_show li { float: left; margin-right: 90px; width: 210px;}
#home_show li h2 { height: 35px; padding:10px 0px 0px 57px;}
#home_show li h2 a { display: block; height: 30px; text-indent: -999px; overflow: hidden;}
#home_show li .home_s_r { background: url(../images/home_show_bg.png) 0px -135px no-repeat; }
#home_show li .home_s_z { background: url(../images/home_show_bg.png) 0px -45px no-repeat; }
#home_show li .home_s_q { background: url(../images/home_show_bg.png) 0px -90px no-repeat; }
#home_show li .home_s_r a { width: 152px; background: url(../images/home_show.png) 0px -95px; }
#home_show li .home_s_z a { width: 132px; background: url(../images/home_show.png) 0px -30px; }
#home_show li .home_s_q a { width: 132px; background: url(../images/home_show.png) 0px -60px; }
#home_show p { font-size: 12px; color: #a1a1a1; margin-top: 10px;padding-left:5px}


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;}


.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:600px;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:100;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:488px;}

.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:220px;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:320px}
.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:208px;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:687px;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:289px;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}

#links .social_gray { width: 16px; height: 16px; display: inline-block; background: url(/pagemodule/images3/sync-ico.gif) 0px 0px no-repeat; cursor: pointer;}
#links .qq { background-position: 0px -144px;}
#links a:hover .qq { background-position: 0px -128px;}
#links .wy { background-position: 0px -112px;}
#links a:hover .wy { background-position: 0px -96px;}
#links .sohu { background-position: 0px -48px;}
#links a:hover .sohu { background-position: 0px -32px;}
#links .renren { background-position: 0px -80px;}
#links a:hover .renren { background-position: 0px -64px;}
#links .douban { background-position: 0px -208px;}
#links a:hover .douban { background-position: 0px -192px;}
#links .sina { background-position: 0px -16px;}
#links a:hover .sina { background-position: 0px 0px;}
#links .hexun { background-position: 0px -496px;}
#links a:hover .hexun { background-position: 0px -480px;}
#links .kaixin { background-position: 0px -464px;}
#links a:hover .kaixin { background-position: 0px -448px;}
#links .kuaibo { background-position: 0px -528px;}
#links a:hover .kuaibo { background-position: 0px -512px;}
#links .tuita { background-position: 0px -560px;}
#links a:hover .tuita { background-position: 0px -544px;}
#links .renrenx { background-position: 0px -592px;}
#links a:hover .renrenx { background-position: 0px -576px;}

#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;}
/* album */
#pic_show { width: 714px;}
#Album li,#Album { list-style: none;}
#Album{ position: relative; background: url(../images/loader.gif) no-repeat center; height: 203px;}
#Album li { float: left; margin:1px 1px 0px 0px; display: inline;}
#Album li img { width: 50px; height: 50px;}
#Album .album_big {float: right;}
#Album .album_big span { width: 43px; height: 31px; background: url(../images/you_s.png); position: absolute; right: 0px; bottom: 0px; margin: 0px; padding: 0px; text-indent: -999px; overflow: hidden;}
.album_big img { width: 101px!important; height: 101px!important;}
#Album .album_big a { width: 101px!important;height: 101px!important;}
#Album li strong { display: block; color: #FFFFFF; font-size: 12px; line-height: 16px; padding: 0px 10px; margin-top: 8px; white-space: nowrap;}
#Album li span { display: block; color: #FFFFFF; font-size: 12px; line-height: 16px; padding: 0px 10px; margin-top: 5px; white-space: nowrap;}
#Album li a { position: absolute; z-index: 100; visibility: hidden;}
#Album li a em{ width: 100%;position: absolute; top: 0px; left: 0px; display: none; opacity: 0.5; filter: alpha(opacity=50); background: #000000;}
#Album img { border: 0px; border: none;}
#Album .Album_info { display: none; position: absolute; background: #4bae41; z-index:101;-moz-box-shadow: 0 0 10px #000000;-webkit-box-shadow: 0 0 10px #000000;box-shadow: 0 0 10px #000000;}
#Album .Album_info i{  font-size: 12px; margin-right: 5px; font-style: normal; font-weight: normal;}