/* CSS Reset */
html,body,div,span,object,iframe,p,a,em,img,strong,h1,h2,h3,h4,h5,h6,u,i,center,dl,dt,dd,ul,ol,li,fieldset,legend,form,label{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body{line-height:1;background:#FFF;}
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
ul,ol{list-style:none;}
select,input,button{vertical-align:middle;}
/* font style */
.f10{font-size:10px;font-family:Arial,sans-serif;}
.f12{font-size:12px;font-family:Arial,sans-serif;}
.f14{font-size:14px;font-family:Arial,sans-serif;}
.f16{font-size:16px;font-family:Arial,sans-serif;}
.f18{font-size:18px;font-family:Arial,sans-serif;}
.fl18{line-height:18px;}
.fl20{line-height:20px;}
.fl22{line-height:22px;}
.fl24{line-height:24px;}
.fl28{line-height:28px;}
.ffs{font-family:"宋体",sans-serif;}
.ffv{font-family:Verdana,sans-serif;}
/* float & clear & display & vertical-align */
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}
.dn{display:none;}
.db{display:block;}
.vat{vertical-align:text-top;}
.vam{vertical-align:middle;}
.vab{vertical-align:text-bottom;}
/* blank */
.bk1,.bk3,.bk6,.bk8,.bk10,.bk12,.bk16{clear:both;font:1px/1px Arial;overflow:hidden;}
.bk1{height:1px;}
.bk3{height:3px;}
.bk6{height:6px;}
.bk8{height:8px;}
.bk10{height:10px;}
.bk12{height:12px;}
.bk16{height:16px;}
/* color */
.cF00{color:#F00;}
.cF90{color:#F90;}
.cF60{color:#F60;}
.c999{color:#999;}
.c666{color:#666;}
.c333{color:#333;}
.c111{color:#111;}
.c000{color:#000;}
.c04D{color:#04D;}
/* link */
a.l04D{color:#04D;}
a.l04D:hover{color:#F60;}
.l04D a{color:#04D;}
.l04D a:hover{color:#F60;}
a.lF00{color:#F00;}
a.lF00:hover{color:#F60;}
.lF00 a{color:#F00;}
.lF00 a:hover{color:#F60;}
a.lF60{color:#F60;}
a.lF60:hover{color:#F00;}
.lF60 a{color:#F60;}
.lF60 a:hover{color:#F00;}
a.l999{color:#999;}
a.l999:hover{color:#F60;}
.l999 a{color:#999;}
.l999 a:hover{color:#F60;}
a.l666{color:#666;}
a.l666:hover{color:#F60;}
.l666 a{color:#666;}
.l666 a:hover{color:#F60;}
a.l333{color:#333;}
a.l333:hover{color:#F60;}
.l333 a{color:#333;}
.l333 a:hover{color:#F60;}
a.l111{color:#111;}
a.l111:hover{color:#F60;}
.l111 a{color:#111;}
.l111 a:hover{color:#F60;}
a.l000{color:#000;}
a.l000:hover{color:#F60;}
.l000 a{color:#000;}
.l000 a:hover{color:#F60;}
a.lnn{text-decoration:none;}
a.lnn:hover{text-decoration:none;}
.lnn a{text-decoration:none;}
.lnn a:hover{text-decoration:none;}
a.lnu{text-decoration:none;}
a.lnu:hover{text-decoration:underline;}
.lnu a{text-decoration:none;}
.lnu a:hover{text-decoration:underline;}
a.luu{text-decoration:underline;}
a.luu:hover{text-decoration:underline;}
.luu a{text-decoration:underline;}
.luu a:hover{text-decoration:underline;}

/* header space */
#header{width:auto;height:auto;background:url(http://image.taskcn.com/images/www_index_0090429/header_top_bg.png) left top repeat-x;}
#header_menu{width:960px;height:44px;margin:0 auto;overflow:hidden;}
#header_menu .left{float:left;color:#DDD;font:12px/2.3 Verdana;text-align:left;}
#header_menu .left a{color:#666;text-decoration:none;}
#header_menu .left a:hover{color:#F60;text-decoration:underline;}
#header_menu .left a.lF00{color:#F00;}
#header_menu .left a.lF00:hover{color:#F60;}
#header_menu .right{float:right;padding:0 3px 0 0;color:#666;font:12px/14px Verdana;text-align:left;}
#header_menu .right li{float:left;height:19px;margin:2px 6px 0 0;padding:2px 0 0 0;white-space:nowrap;overflow:hidden;}
#header_menu .right li.login_info{margin:2px 2px 0 0;}
#header_menu .right li.mytask{margin:2px 0 0 0;}
#header_menu .right li.taskpay{margin:2px 3px 0 0;}

#header_menu .right a{color:#111;text-decoration:none;}
#header_menu .right a.lF00{color:#F00;text-decoration:none;}
#header_menu .right a:hover,#header_menu .right a.lF00:hover{color:#F60;text-decoration:underline;}
#header_menu .right .mytask_top a:hover,#header_menu .right .taskpay_top a:hover{color:#57B0D0;text-decoration:none;}
#header_menu .right .user_id{color:#111;}
#header_menu .right img{width:20px;height:14px;position:relative;top:2px;border:0;}
#header_menu .right img.space{width:1px;height:14px;position:relative;top:2px;}
#header_menu .right .mail_no{background:url(http://image.taskcn.com/images/share/top/icon.png) -15px -300px no-repeat;}
#header_menu .right .mail_ok{background:url(http://image.taskcn.com/images/share/top/icon.png) -15px -330px no-repeat;}
#header_menu .right .name_no{background:url(http://image.taskcn.com/images/share/top/icon.png) -15px -360px no-repeat;}
#header_menu .right .name_ok{background:url(http://image.taskcn.com/images/share/top/icon.png) -15px -390px no-repeat;}
#header_menu .right .corp_ok{background:url(http://image.taskcn.com/images/share/top/icon.png) -15px -420px no-repeat;}
#header_menu .right .my_task{background:url(http://image.taskcn.com/images/share/top/icon.png) 2px -59px no-repeat;}
#header_menu .right .task_pay{background:url(http://image.taskcn.com/images/share/top/icon.png) 4px -149px no-repeat;}
#header_menu .right .my_workroom{background:url(http://image.taskcn.com/images/share/top/icon.png) 2px -89px no-repeat;margin:0 10px 0 0;}
#header_menu .right .opus_guard{background:url(http://image.taskcn.com/images/share/top/icon.png) 2px -119px no-repeat;}
#header_menu .right .arror_down{background:url(http://image.taskcn.com/images/www_index_0090429/icon_new.png) 0 0 no-repeat;}
#header_menu .right .arror_up{background:url(http://image.taskcn.com/images/www_index_0090429/icon_new.png) 0 -30px no-repeat;}
#header_menu .right .line{color:#DDD;}
#header_menu .right .mytask_top{width:90px;height:19px;padding:0 0 0 4px;}
#header_menu .right .mytask_top_active{background:url(http://image.taskcn.com/images/www_index_0090429/header_mytask_menu_top.png) no-repeat;}
#header_menu .right .mytask_menu{width:173px;height:172px;padding:12px 0 0 27px;background:url(http://image.taskcn.com/images/www_index_0090429/header_mytask_menu_more.png) no-repeat;position:absolute;z-index:100;display:none;}

#header_menu .right .taskpay_top{width:78px;height:19px;padding:0;}
#header_menu .right .taskpay_top_active{background:url(http://image.taskcn.com/images/www_index_0090429/header_taskpay_menu_top.png) no-repeat;}
#header_menu .right .taskpay_menu{width:127px;height:49px;padding:15px 0 0 12px;background:url(http://image.taskcn.com/images/www_index_0090429/header_taskpay_menu_more.png) no-repeat;position:absolute;z-index:100;display:none;}

#header_middle_space{width:960px;height:58px;margin:0 auto;overflow:hidden;}
#header_logo{float:left;width:193px;overflow:hidden;}
#header_tel{float:left;width:317px;overflow:hidden;}
#header_search{float:left;width:450px;height:47px;padding:7px 0 0 0;overflow:hidden;background:url(http://image.taskcn.com/images/www_index_0090429/header_search_bg.png) left top no-repeat; font:12px/1.5 Verdana;color:#666;}
#header_search img{width:16px;height:14px;position:relative;top:2px;border:0;}
#header_search img.space{width:1px;height:14px;position:relative;top:2px;}
#header_search .arror_down{background:url(http://image.taskcn.com/images/www_index_0090429/icon_new.png) 0 -60px no-repeat;visibility:hidden;}
#header_search .arror_up{background:url(http://image.taskcn.com/images/www_index_0090429/icon_new.png) 0 -90px no-repeat;}
#header_searchclass{float:left;width:77px;height:27px;padding:2px 0 0 37px;font:12px/1.2 Verdana;}
#header_searchclass ul{position:relative;width:75px;height:21px;border:1px solid #F3FAFE;background:#F3FAFE;overflow:hidden;cursor:default;}
#header_searchclass ul.active{position:absolute;height:95px;border-color:#D8F1FD;background:#FFF;}
#header_searchclass li{height:21px;padding:2px 1px 0 4px;border-bottom:1px dashed #CBCBCB;}
#header_searchclass li.active{background:#D8F1FD;}
#header_searchtype{float:left;width:55px;height:27px;padding:2px 0 0 0;font:12px/1.2 Verdana;}
#header_searchtype ul{position:relative;width:51px;height:21px;border:1px solid #F3FAFE;background:#F3FAFE;overflow:hidden;cursor:default;}
#header_searchtype ul.active{position:absolute;height:47px;border-color:#D8F1FD;background:#FFF;}
#header_searchtype li{height:21px;padding:2px 1px 0 4px;border-bottom:1px dashed #CBCBCB;}
#header_searchtype li.active{background:#D8F1FD;}
#header_searchkeyword{float:left;width:203px;height:18px;margin:0 8px 0 0;padding:6px 3px 4px 3px;border:0;overflow:hidden;font:bold 14px/18px tahoma;color:#333;}
#header_searchsubmit{float:left;width:52px;height:28px;margin:0;padding:0;border:0;background:url(http://image.taskcn.com/images/www_index_0090429/header_search_button.png) no-repeat;font:12px/1.2 Verdana;color:#FFF;cursor:pointer;}


#header_nav{width:960px;margin:0 auto;overflow:hidden;}
#header_nav_button{float:right;}
#header_nav_button img{margin:0 13px 0 3px;}
#header_nav_creat_task{}
#header_nav_label{float:left;height:39px;padding:0 0 0 12px;}
#header_nav_label li{float:left;width:90px;height:33px;padding:6px 3px 0 3px;background:url(http://image.taskcn.com/images/www_index_0090429/header_nav_label.png) no-repeat;font:14px/1.5 Verdana;text-align:center;}
#header_nav_label li a{display:block;xwidth:90px;height:26px;padding:7px 0 0 0;color:#285080;text-decoration:none;}
#header_nav_label li a:hover{font-weight:bold;text-decoration:underline;}
#header_nav_label li.active{height:39px;padding:0 3px;background:url(http://image.taskcn.com/images/www_index_0090429/header_nav_label_active.png) no-repeat;position:relative;top:2px;}
#header_nav_label li.active a{height:26px;padding:11px 0 0 0;color:#FFF;font-weight:bold;text-decoration:none;}
#header_nav_label li.active a:hover{text-decoration:underline;}
#header_nav_bar{clear:both;width:958px;height:35px;padding:5px 2px 0 0;background:url(http://image.taskcn.com/images/www_index_0090429/header_bar_bg.png) no-repeat;font:12px/1.5 Arial;color:#FFF;text-align:center;}
#header_nav_bar img{position:relative;top:5px;}

/* footer */
#indexfooter {clear:both; text-align:center;}
#indexfooterbox {border:1px solid #CCF;background:#FFF;padding:1px;width:956px;margin:0 auto;}
#indexfooterbox div {background:#EDF6FD;height:25px;font:12px/25px Arial, Helvetica, sans-serif;color:#333;}
#indexfooterbox b {margin:0 5px;}
#indexfooterbox div a {color:#333;text-decoration:none;}
#indexfooterbox a:hover {text-decoration:underline;}
#indexfooter a,#indexpaper a {color:#039; text-decoration:underline; padding:0 5px; font:12px/1.8 Verdana, Arial, Helvetica, sans-serif;}
#indexfooter a:hover,#indexpaper a:hover {color:#F60;}
#indexfooterlink {color:#333;font:12px/1.8 Verdana, Arial, Helvetica, sans-serif;}
#indexfooterlink a {color:#00F;text-decoration:underline;margin-right:5px;}
#indexcopyright {font:12px/1.6  Verdana, Arial, Helvetica, sans-serif;}
#indexcopyright a {color:#F00;text-decoration:underline;margin:0 5px;}
#indexcopyright a:hover {color:#F60;}
/*footer2*/
#footer{width:960px;margin:0 auto;font:12px/21px Verdana;text-align:center;}
#footerline{width:960px;height:1px;font-size:1px;line-height:1px;border-top:1px solid #BDD6E8;}
#footerborder{width:958px;border:1px #79BFDD solid;}
#footerabout{width:956px;padding:7px 0;border:1px #FFF solid;background:#DAF1FB;}
#footerattestation{width:958px;margin-bottom:6px;}
.footernav{width:958px;padding:6px 0 0 0;}
.footercopyright{width:958px;height:21px;padding:6px 0}
.footeraboutlink{color:#333}
.footeraboutlink a{color:#333;text-decoration:none;}
.footeraboutlink a:hover{color:#F60;text-decoration:underline;}
.footerservice{color:#999}
.footerservice a{color:#04D;}
.footerservice a:hover{color:#F60;}
.footernavlink{color:#999}
.footernavlink a{color:#999;text-decoration:none;}
.footernavlink a:hover{color:#F60;text-decoration:underline;}
.footercopyrightlink a{color:#F00;}
.footercopyrightlink a:hover{color:#F60;}