body{
	font-size:14px;
}
.overflow_hidden{
	overflow:hidden;
}
.clearfloat{
	clear:both;
}
*,.row,.container-fluid{
	padding:0px;
	margin:0px;
}
.container-fluid{
	position:relative;	
	width: 1024px;
	min-height: 768px;
	margin:0 auto;
	border:1px solid #000;
}
.container-fluid_bg_color_1{
	background-color:#33CCFF;
}
.container-fluid_bg_color_2{
	background-color:#FCF6DF;
}
.m_container{
	background-image:url('../images/login_bg.png');
	background-position: top center;	
	background-repeat: no-repeat;
	background-size: 100% 100%;	
}
.m_container_2{
	background-image:url('../images/t_bg.png');
	background-position: top center;	
	background-repeat: no-repeat;
	background-size: 100% 100%;	
}
/************************header start******************************/
.header{
	position:relative;
	height:80px;
}
.header_child{
	width:100%;
	height:108px;
	background-image:url(../images/P_2_bg_01.png);
	background-size:auto 119px;
}
.header_child_1{
	width:100%;
	height:75px;
	background-image:url(../images/T_1_1xp.png);
	background-size:auto 75px;
}
.header .header_logo{
	border:1px solid #000;
	height:100%;
	width:200px;
}
.header .btn_operat{
	position:absolute;
	top:0px;
	right:0px;
	text-align:right;
	margin-right:5px;
	margin-top:10px;
	color:#000000;	
}

.header .btn_operat .main_logo{
	/*border:1px solid #000;*/
	position:absolute;
	width:223px;
	height:66px;
	top: 6px;
    left: -837px;
}

.header .btn_operat a{
	text-decoration: none;
	font-size:14px;
	color:#000000;
}
.header .btn_operat a.user_name{padding-right:20px;cursor: default;color:#000000;}
.header .btn_operat a.staff_name{padding-right:20px;cursor: default;color:#000000;}
.header .tab_list{
	position:absolute;
	width:450px;
	height:40px;
	top: 24px;
    left: 243px;
}
.header .tab_list .tab,
.header .tab_list .tab.click{
	float:left;	
	background-image:url('../images/P_2_icon.png');
	background-size:584px auto;
	background-repeat: no-repeat;
	height:40px;
}
.header .tab_list .tab_1{width: 137px;background-position: 0px 0px;}
.header .tab_list .tab_2{width: 110px;background-position: -267px 0px;}
.header .tab_list .tab_3{width: 127px;background-position: -138px 0px;}

.header .tab_list .tab_1:HOVER{background-position: 0px    -42px;}
.header .tab_list .tab_2:HOVER{background-position: -267px -42px;}
.header .tab_list .tab_3:HOVER{background-position: -138px -42px;}

.header .tab_list .tab_1.click{background-position: 0px    -42px;}
.header .tab_list .tab_2.click{background-position: -267px -42px;}
.header .tab_list .tab_3.click{background-position: -138px -42px;}


.header .btn_tab_list{
	position:absolute;
	left:238px;
	bottom:0px;	
	text-align:center;
	display:none;
}
.header .btn_tab_list_2{left:345px;}
.header .btn_tab_list_3{left:345px;}
.header .btn_tab_list .tab{
	float:left;	
	background-image:url();
	background-size:146px auto;
	background-repeat: no-repeat;
	width: 146px;
	height:33px;
	line-height:33px;
	margin-right:3px;
	color:#543510;
	text-decoration:none;
	font-size:16px;
}
.header .btn_tab_list .tab.click{
	float:left;	
	background-image:url('../images/T_1_icon_05.png');
	background-size:146px auto;
	background-repeat: no-repeat;
	width: 146px;
	height:33px;
	margin-right:3px;
	color:#16404A;	
}
.header .evaluate_logo{
	width:140px;
	height:100%;
	background-image:url('../images/T_1_text_01.png');
	background-size:auto 59px;
	background-repeat: no-repeat;
	margin-left:10px;
	background-position: 0px 2px;	
}
/************************header end*******************************/





/****************************************button*****************************************/
.m_btn_default{
	color: 				hsl(208, 50%, 40%) !important;
	background-color: 	hsl(200, 100%, 75%);
	
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em,hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px,rgba(0,0,0,0.2) 0 .5em 5px;
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em,hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px,rgba(0,0,0,0.2) 0 .5em 5px;
	box-shadow: 		inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em,hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px,rgba(0,0,0,0.2) 0 .5em 5px;
	border-radius: 8px;
	border-top: 1px solid rgba(255,255,255,0.8);
	border-bottom: 1px solid rgba(0,0,0,0.1);
	background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) ));
	padding: 1px 9px;
	font-size: 19px;
	cursor: pointer;	
	border: 1px solid transparent;	
	outline:none;
	
}
.m_btn_default:hover { 	background-color: hsl(208, 100%, 83%); }

.m_btn_default:active { 
	background-image: 	-webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) ));
	background-image: 	-moz-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) ));
	background-image: 	gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) ));

	-webkit-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ rgba(0,0,0,0.4) 0 .1em 1px, /* border */rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ rgba(0,0,0,0.4) 0 .1em 1px, /* border */rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	box-shadow: 		inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ rgba(0,0,0,0.4) 0 .1em 1px, /* border */rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	-webkit-transform: 	translateY(.2em);
	-moz-transform: 	translateY(.2em);
	transform: 			translateY(.2em);
}

/****************************************main start*****************************************/
.main{
	margin:0px 10px 55px 10px;
}
.main .title{	
	background-image: url(../images/P_1_6xp.fw.png);
    background-size: 3px 29px;
    background-repeat: repeat-x;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #006699;
    height: 28px;
    width: 100%;	
    line-height: 29px;
    font-size: 19px;
    padding-left: 8px;	
}
.main .main_cont{
	position:relative;
	background-color: #eaf5f7;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	min-height:575px;	
}
.main .main_cont .current_position{
    padding-left: 8px;	
    color: #006699;
	padding-top:3px;
	padding-bottom:5px;
}
/****************************************main end*****************************************/


/****************************************msg end*****************************************/
.msg{
	position:relative;
	margin-left:9px;
	margin-right:9px;	
	margin-bottom:5px;
	font-size:19px;
}
.msg select{
	width:175px;
}
/****************************************msg end*****************************************/
.btn_list{
	margin:0px 8px 0px 8px;
}
.btn_list button{
	float:right;
	margin-top:18px;
	margin-bottom:15px;	
}
/****************************************pop_bg start*****************************************/
#pop_bg{
	position:fixed;
	z-index:1000;
	width:100%;
	height:100%;
	background-color:#000;
	opacity: 0.5;
}
.popup_bg{
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    left: 0px;
    top: 0px;
    position: fixed;
    z-index: 1000;
	display:none;
	overflow:hidden;
}
.popup_bg img{
    position: absolute;	
    top: 50%;
    left: 50%;
	width:44px;
	height:44px;
	margin-left:-22px;
	margin-top:-22px;
}
/****************************************pop_bg end*****************************************/


.north_1{background-color:#68DAFF;}
.north_2{background-color:#6BD83D;}
.north_3{background-color:#FFDE00;}
.north_4{background-color:#b5b5FF;}

.process_3 .assess_item .north_1{background-color:#68DAFF;border: 1px solid #3ebbe4;}
.process_3 .assess_item .north_2{background-color:#6BD83D;border: 1px solid #46ab1d;}
.process_3 .assess_item .north_3{background-color:#FFDE00;border: 1px solid #d5ab17;}
.process_3 .assess_item .north_4{background-color:#b5b5FF;border: 1px solid #9696ea;}





/********************************************popup_msg start******************************/
.popup_msg{
	position:absolute;
	width:500px;
	height:260px;
	top:50%;
	left:50%;
	margin-left:-250px;
	margin-top:-130px;
	z-index:1001;
	border-radius:10px;
	padding:15px;
	display:none;
	background-color:#EAF5F7;
    z-index: 10001;
}
.popup_msg .div_text{
	font-size: 23px;
    color: #006699;
	text-align:center;
	margin-top:60px;
	height:66px;
}
.popup_msg .div_button{
	position:absolute;	
	width:240px;
	bottom:40px;
	left:50%;
	margin-left:-120px;
}
.popup_msg .div_button_2{
	position:absolute;	
	bottom:20px;
	left:50%;
	margin-left:-30px;	
}


.popup_msg .div_button .btn_msg_save{
	float:left;
}
.popup_msg .div_button .btn_msg_cancel{
	float:right;
}

.popup_msg_4{
	position:absolute;
	width:578px;
	height:350px;
	top:50%;
	left:50%;
	margin-left:-250px;
	margin-top:-175px;
	z-index:1001;
	border-radius:10px;
	padding:15px;
	display:none;
    z-index: 10001;
}
.popup_msg_4 .title {
	font-size: 32px;
	margin: 0px 20px 0px 20px;
	color:#8C4600;
}
.popup_msg_4 .div_button .btn_msg_back{
	float:right;
	margin-right:55px;
}
.popup_msg_4 .div_text{
	width:500px;
	height:230px;
	margin-top: 10px;
}

.popup_msg_4 span .msg_content{
	width:100%;
	float:left;
	padding-left: 35px;
}
.popup_msg_4 span .popup_msg_criterion{
	padding-left: 10px;
	padding-right: 10px;

	border: 2px solid #0185B2;

	border-radius: 7px;
	background-color:#ffffff;
	font-size: 19px;
	width:35px;
	height:31px;
	float:left;
	color: #000000;
}
.popup_msg_4 span .popup_msg_content{
	padding-left: 10px;
	font-size: 19px;
	height:40px;
	float:left;
	color: #000000;
}
.popup_msg .div_button{
	/*left:80%; */
}

.popup_msg .div_buttons{
	left:80%;
}


.popup_msg_5{
	position:absolute;
	width:900px;
	height:600px;
	top:50%;
	left:50%;
	margin-left:-450px;
	margin-top:-320px;
	z-index:1001;
	border-radius:10px;
	padding:15px;
	display:none;
    z-index: 10001;
}
.popup_msg_5 .div_button .btn_msg_back{
	float:right;
	margin-right:55px;
}
.popup_msg_5 .title {
	font-size: 30px;
	margin: 0px 20px 0px 20px;
	color: #006699;
}
.popup_msg_5 .msg_popup_content {
	width: 820px;
	height: 460px;
	background-color: #FFFFFF;
	margin-left:25px;
	margin-top:5px;
}
.popup_msg_5 .msg_5_select {
	position: relative;
	margin-left: 9px;
	margin-right: 9px;
	margin-bottom: 5px;
	font-size: 19px;
}
.popup_msg_5 .msg_popup_content .msg_5_popup_div_content{
	width:500px;
	min-height:390px;
	max-height:390px;	
	margin:0 auto;
	margin-top:30px;
	display: none;
	position: relative;
}
.popup_msg_5 .msg_popup_content .msg_5_popup_div{
	border:1px solid #000;
	width:500px;
	min-height:390px;
	max-height:390px;
}
.popup_msg_5 .msg_popup_content .msg_5_popup_title{
	top: 5px;
	left: 20px;
	position: absolute;
	color: #000000;
	z-index: 9999;
}
.popup_msg_5 .msg_popup_content .msg_5_popup_title a{
	cursor: pointer;
}

.popup_msg_5 .msg_popup_content .msg_5_popup_alert{
	width:500px;
	min-height:390px;
	max-height:390px;	
	margin:0 auto;
	margin-top:20px;
	font-size: 20px;
	text-align: center;
	display: block;
	height: inherit;
	color: red;
	padding-top: 200px;
}
/********************************************popup_msg end******************************/





/********************************************menu start******************************/
.menu{
	top:50%;
	margin-top:-308px;
	position:fixed;
	z-index:999;
	overflow: block;
}
.menu .menu_switch{
	width: 39px;
	height: 82px;
	background-image:url(../images/T_bar_01.png);
	background-size:67px auto;
	cursor:pointer;
	background-position: -26px -3px;
}
.menu .menu_switch.dim{
	background-position: -26px -91px;		
}
.menu .menu_btn_list{
	border: 1px solid transparent;
    position: relative;
	background-image:url(../images/T_bar_02.png);
	background-size:100px auto;
	background-position: -26px -3px;
	width:74px;
	height:463px;
	/*margin-left:-80px;*/
}
.menu .menu_btn_list>div{
	background-image:url(../images/T_1_icon_03.png);
	background-size:200px auto;
	height:78px;
	margin-top:28px;
	margin-left:4px;	
	cursor:pointer;
	width:65px;
}
.menu .btn_comments_library{background-position: 0px -160px;}
.menu .btn_comments_library:hover{background-position: 133px -160px;}
.menu .btn_comments_library.dim{background-position: 65px -160px;}
.menu .btn_comments_library.dim:HOVER{background-position: 65px -160px;}


.menu .btn_report{background-position: 0px -240px;}
.menu .btn_report:hover{background-position: 133px -240px;}
.menu .btn_report.dim{background-position: 65px -240px;}
.menu .btn_report.dim:HOVER{background-position: 65px -240px;}


.menu .btn_save{background-position: 0px -320px;}
.menu .btn_save:hover{background-position: 133px -320px;}
.menu .btn_save.dim{background-position: 65px -320px;}
.menu .btn_save.dim:HOVER{background-position: 65px -320px;}

.menu .btn_back{background-position: 0px -396px;}
.menu .btn_back:hover{background-position: 131px -396px;}
.menu .btn_back.dim{background-position: 65px -396px;}
.menu .btn_back.dim:HOVER{background-position: 65px -396px;}



/********************************************menu end******************************/

/****************************************footer*****************************************/
.footer1{
	position:absolute;
	text-align: center;
	bottom:0px;
	height:50px;
	width:100%;
	left:0px;
	background-color:none;
}
.footer1 #logo{
	position:absolute;
	text-align: right;
	width:178px;
	height:38px;
	left: 1240px;
	bottom: 5px;
	background-image:url(../images/logo_01.png);
	background-repeat: no-repeat;
	background-size: 178px 38px;
	display: none;
}

.footer{
	position:absolute;
	bottom:0px;
	height:50px;
	width:100%;
	left:0px;
	background-color:#ffffff;
	display: none;
}
.footer #logo{
	position:absolute;
	width:178px;
	height:38px;
	left: 830px;
	bottom: 5px;
	background-image:url(../images/logo_01.png);
	background-repeat: no-repeat;
	background-size: 178px 38px;
	display: none;
}

.footer .pep_login_bottom{
	text-align:right;
	height:100%;
	line-height:48px;
	padding-right:40px;
	font-weight: bold;
}

.footer_index{
	position:absolute;
	bottom:0px;
	height:50px;
	width:100%;
	left:0px;
	background-color:none;
}
.footer_index #logo{
	position:absolute;
	width:178px;
	height:38px;
	left: 830px;
	bottom: 5px;
	background-image:url(../images/logo_01.png);
	background-repeat: no-repeat;
	background-size: 178px 38px;
	display: none;
}

.footer_index #logo_wx{
	position:absolute;
	width:55px;
	height:55px;
	left: 16px;
	bottom: 5px;
	background-image:url(../images/ic_bg_weixin.png);
	background-repeat: no-repeat;
	background-size: 55px 55px;
	display: none;
}

.footer_index .pep_login_bottom{
	text-align:right;
	height:100%;
	line-height:48px;
	padding-right:40px;
	font-weight: bold;
}


@media only screen and (min-width: 321px) and (max-width: 800) {  /*å¹³æ¿è®¾å¤‡*/

.menu{
  top: 66px;

}


}
/*******************not chrome_box*********************/
#p_not_chrome_box
{
	width:1024px;
	height:768px;
	background-image:url(../images/tipBg.png);
	background-repeat: no-repeat;
	position:absolute;
	display: none;


}

#p_not_chrome_box #p_tip_box
{
	width:470px;
	height:120px;
	float:left;
	margin-left:255px;
	margin-top:340px;

}

#p_not_chrome_box #p_tip_box #p_cheakbox
{
	width:25px;
	height:24px;
	float:left;
	margin-left:150px;
	margin-top:17px;
	cursor:pointer;
	

}
#p_cheakbox img{
	position: relative;
	top: 355px;
	left: 400px;

}
#instal_chrome
{
	width:302px;
	height:66px;
	float:left;
	margin-left:266px;
	margin-top:366px;
}

#skip_btn
{
	width:136px;
	height:66px;
	float:left;
	margin-left:15px;
	margin-top:366px;
}

/*************************************warming popup ***********************/
.warming_popup{
	background:#FCF6DF;
   
    border-radius:7px;
    -moz-border-radius:7px; /* Old Firefox */
    background-repeat:no-repeat;
    height:260px;
    width:500px;
    z-index: 10001; 
    position:fixed;
    top:50%;
    left:50%;
    margin-left:-289px;
    margin-top:-175px;
    display:none;
}
.warming_popup .div_text{
    font-size: 23px;
    color: #006699;
    text-align:center;
    margin-top:60px;
    height:66px;
}
.warming_popup .div_button{
    position:absolute;  
    width:240px;
    bottom:40px;
    left:50%;
    margin-left:-120px;
}
.warming_popup .div_button_2{
    position:absolute;  
    bottom:20px;
    left:50%;
    margin-left:-30px;  
}


.warming_popup .div_button .btn_msg_save{
    float:left;
}
.warming_popup .div_button .btn_msg_cancel{
    float:right;
}












