@charset "utf-8";
/* CSS Document */

/*-------top----------*/
/*html { 
    FILTER: gray ;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}   */
body{ padding:0;
      margin:0;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:12px;
	  color:#727272;
	  background-color:#ddeffe;
	 background:url(../images/login/new_login_bg.jpg) left top repeat;
	  }
 *html{ padding:0;
      margin:0;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:12px;
	  color:#727272;
	  background-color:#ddeffe;
	  background:url(../images/login/new_login_bg.jpg) left top repeat;
	  }
	  
#topMain{
     width:100%;
	 background:url(../images/top_bg.gif) left top repeat-x;
	 height:79px;
	 }
#top{
     width:970px;
	 margin:0px auto;
	 background:url(../images/top_m_bg.gif) left top no-repeat;
	 height:79px;
	 position:relative;
	 }	 
#top .logo{
	height:54px;
	width:133px;
	display:block;
	font-size:0px;
	line-height:0px;
	margin:0px;
	position:absolute;
	left:8px;
	top:20px;

	 }
#top .link{
	height:16px;
	width:500px;
	position:absolute;
	right:15px;
	top:8px;
	text-align:right;
	color:#FFFFFF;
	 } 
#top .link a{color:#61470b; text-decoration:none; margin:0px 5px;} 
#top .link a:hover{text-decoration:underline;}
#top .nav{
    background-image:url(../images/nav.gif);
    width:792px;
	height:37px;
position:relative;overflow:hidden;
	left:148px;
	top:39px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0px 10px 0px 20px;
	opacity:0.9;
	filter: alpha(opacity=90);
	}
#top .nav .left{ width:635px; height:37px; float:left;}
#top .nav .left a{color:#FFFFFF; text-decoration:none; margin:11px 20px 0px 0px; cursor:pointer; height:27px; display:block; float:left; }

#top .nav .left a:hover{ text-decoration:underline;}
#top .nav .left .hover{background:url(../images/nav_icon.gif) center 19px  no-repeat; color:#e9bb5b}
#top .nav .right{  height:37px; float:right;}
#top .nav .r_w{width:144px;}
/*--------com_logo--------------*/
#top .company_logo{
	height:49px;
	right:3px;
	bottom:0;
	width:auto;
	position:absolute;
	z-index:100;
}
#top .company_logo .com_account{ font-size:12px; line-height:27px;  padding:16px 5px 0 5px; height:27px; display:block; float:right; font-weight:normal; text-align:right; color:#FFF}
#top .company_logo .pic_user{
	float:right;
	height:35px;
	background-color:#FFF;
	border:2px solid #8c6e2a;
	border-bottom:none;
	padding:5px 10px;
}
#top .company_logo img{ height:35px;  }
/*--------com_logo-----end---------*/
#top .nav .r_w1{width:210px;}
#top .nav .right .pic_user{width:33px; height:32px; background:url(../images/pic_user.png) no-repeat; margin:2px 0 0 0; float:left; padding:3px 0 0 3px;}
#top .nav .right .ul_1{
    height:30px;
	width:103px;
	color:#FFFFFF;
	float:left;
	padding:5px 0px 0px 5px;
	}
#top .nav .right .ul_1 li{ font-size:0px; line-height:0px; }
#top .nav .right .ul_1 li a{ 
   height:15px;
   font:normal 12px Arial, Helvetica, sans-serif;
   line-height:100%;
   color:#FFFFFF;
   text-decoration:none;
   }
   #top .nav .right .ul_1 .name{ color:#FFFFFF;font:bold 12px Arial, Helvetica, sans-serif; height:16px; line-height:14px; }
   #top .nav .right .ul_1 .menu{ line-height:14px; font:normal 12px Arial, Helvetica, sans-serif;}
   
#top .nav .right .ul_2{
    height:23px;
	width:210px;
	color:#FFFFFF;
	float:left;
	padding:12px 0px 0px 5px;
	}
#top .nav .right .ul_2 li{ font-size:0px; line-height:0px;}
#top .nav .right .ul_2 li a{ 
   height:15px;
   font:normal 12px Arial, Helvetica, sans-serif;
   line-height:100%;
   color:#FFFFFF;
   text-decoration:none;
   	opacity:0.9;
	filter: alpha(opacity=90);
   }
  .hot{
background:url(../images/login/hot.gif) left top no-repeat;
	position:absolute;
	bottom:28px;
	right:197px;	
	width:28px;
	height:19px;
	z-index:99999;
}
#top .nav .right li a:hover{ text-decoration:underline;}
#top .nav .right .name{ color:#FFFFFF;font:bold 12px Arial, Helvetica, sans-serif; height:15px; line-height:100%; }
#top .nav .right .wel{ color:#FFFFFF;font:normal 12px Arial, Helvetica, sans-serif; height:15px; line-height:100%; }
#top .nav .right .menu a{ margin:0px 6px 0px 0px;  }
/*-----end top------*/
.order{ border:1px solid #0099FF;background-color:#FFFFFF; background:url(../images/tan_bg.gif) left top repeat-x ;  padding:5px; width:100px;
   opacity:0.8;
	filter: alpha(opacity=80); position:absolute;}
	*html .order{ padding:5px 5px 0 5px;}
	.order a{color:#333333;}
	.order a:hover{color:#FF6633;}
.order ul{font-size:13px;  color:#0099FF; line-height:20px; text-align:center}
.order li{height:22px;}
.skin{width:93px; height:auto;  position:absolute; z-index:1000; left:100px; top:50px;}
.skin_t{background:url(../images/skin/skin_01.gif) center center no-repeat; width:93px; height:4px; font-size:0px; line-height:0px;}
.skin_c{background:url(../images/skin/skin_02.gif) center center repeat-y;  width:87px; height:auto; padding:0 3px}
.skin_f{background:url(../images/skin/skin_04.gif) center center no-repeat; width:93px; height:6px; font-size:0px; line-height:0px;}
.skin a{ margin:0  3px;}
.add_m{font-size:12px; /*background:url(../images/add_m.gif) left top no-repeat; height:20px; width:52px; padding-top:4px;*/ display:block; text-align:center;}
.add_m img{ vertical-align:bottom; _vertical-align:middle}
img{border:0px;}
.fun_top{ height:23px; width:57px; position:fixed; right:10px; bottom:20px; z-index:1000;}
*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
*html .fun_top /* IE6 底部固定 */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||15)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.bt_top{ background:url(../images/i_top.gif)  scroll 0 0 transparent; height:23px; width:57px; font-size:0px; overflow:hidden;  border:0px;cursor:pointer; text-indent:-9999em;}
.load{ text-align:center; margin:10px auto}
#top .festival{position:absolute; left:150px; }
/*-----------------任务--------------------*/
.adv_task_look{ padding:5px;  width:498px; background:url(../images/wraplayer_09.png) top left repeat;}
.button_close_adv{display:block;width:60px; height:20px; line-height:20px;   margin:20px auto 0 auto; background-color:#CCC; border:1px solid #666; color:#666}
.new_group_alter_con{background-color:#FFF; border:1px solid #666; height:262px; width:498px; overflow:hidden; position:relative }
.new_group_alter_con .next_task_con{padding:0 10px;position:absolute; bottom:10px;}
.new_group_alter_con .next_task_con span{ padding:2px 5px; background-color:#FFF}
.new_group_alter_con .next_task{color:#960; margin:0 5px 0 0}
.new_group_alter_con .new_group_title{height:25px; line-height:25px; background-color:#F2F2F2; padding:0 5px; color:#999;}
.new_group_alter_con .new_group_title .right{ text-align:right;}
.new_group_alter_con .new_group_title h3{ font-size:14px; color:#000; float:left}
.new_group_alter_con .new_group_title a{color:#333}
.new_group_alter_con .task_about{ font-size:22px; font-weight:bold; text-align:center; padding:20px 0}
.new_group_alter_con .next_task_con{padding:0 10px;position:absolute; bottom:10px;}
.new_group_alter_con .next_task_con span{ padding:2px 5px; background-color:#FFF}
.new_group_alter_con .next_task{color:#960; margin:0 5px 0 0}
.new_group_con_s {padding:10px;overflow:hidden; }
.new_group_con_s ul{ padding:0 30px}
.new_group_con_s li{font-size:14px; line-height:22px; padding:2px 0}
.new_group_con_s li span{color:#F00}
.new_group_con_s li span.unfinished{ font-size:12px; color:#841e1e}
.new_group_con_s li span.next_small_task{ font-size:14px}

.adv_task_look_con{background:url(../images/task/one_task.gif) no-repeat; height:362px; width:498px; overflow:hidden; position:relative}
.adv_task_look_con2{background:url(../images/task/two_task.gif) no-repeat;}
.adv_task_look_con3{background:url(../images/task/three_task.gif) no-repeat;}
.adv_task_look_con4{background:url(../images/task/four_task.gif) no-repeat;}
.adv_task_look_con .next_task_con{padding:0 10px;position:absolute; bottom:10px;}
.adv_task_look_con .next_task_con span{ padding:2px 5px; background-color:#FFF}
.adv_task_look_con .next_task{color:#960; margin:0 5px 0 0}
.new_group_title{height:25px; line-height:25px;  padding:0 5px 100px 5px; color:#999}
.new_group_title .right{ text-align:right;}
.new_group_title h3{ font-size:14px; color:#000; float:left}
.new_group_title a{color:#333}
.new_group_con {padding:10px; }
.new_group_con ul{height:100px; padding:0 20px 0 130px}
.new_group_con li{font-size:14px; line-height:22px; padding:2px 0}
.new_group_con li span{color:#F00}
.new_group_con li span.unfinished{ font-size:12px; color:#841e1e}
.new_group_con td{text-align:left}
.new_group_con input{width:130px; border:1px solid #CCC; padding:0 2px}
.task_go_btn{display:block; width:110px; height:37px; line-height:37px; margin:20px auto 0 auto; background:url(../images/task/task_go_btn.gif) no-repeat left top; color:#8c6e2a; text-indent:-9999px; outline:none}
.task_go_btn:hover{ background-position:right top}
.button_cancel{display:block inline; width:60px; height:20px; line-height:20px; float:left; margin:20px 0  0 0; background-color:#CCC; border:1px solid #666; color:#666;}
/*masterTask*/
.master_task_con{background:url(../images/task/masterTask.gif) no-repeat; height:362px; width:498px; overflow:hidden; position:relative}
.master_taskBg2{background:url(../images/task/masterTask2.gif) no-repeat;}
.master_taskBg3{background:url(../images/task/masterTask3.gif) no-repeat;}
.master_task_con .maesterTask_li{padding:10px;}
.master_task_con .maesterTask_li ul{height:70px; padding:30px 20px 0 180px}
.master_task_con .maesterTask_li li{font-size:14px; line-height:22px; padding:2px 0}
.master_task_con .maesterTask_li li span{color:#F00}
.master_task_con .maesterTask_li li span.unfinished{ font-size:12px; color:#841e1e}
/*completeTask*/
.adv_comTask_look{ padding:5px;  width:293px; background:url(../images/wraplayer_09.png) top left repeat;}
.master_comTask_con{background:url(../images/task/completeTask.gif) no-repeat; height:274px; width:293px; overflow:hidden; position:relative}
.task_complete_btn{display:block; width:110px; height:37px; line-height:37px; margin:95px 0 0 30px; background:url(../images/task/task_complete_btn.gif) no-repeat left top; color:#8c6e2a; text-indent:-9999px; outline:none; float:left}
.task_masterGo_btn{display:block; width:110px; height:37px; line-height:37px; margin:95px 0 0 10px; background:url(../images/task/task_complete_btn.gif) no-repeat right top; color:#8c6e2a; text-indent:-9999px; outline:none; float:left}