@charset "utf-8";

* {
	outline: none;
}
html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font: 14px/1.2 "Microsoft YaHei", "WenQuanYi Micro Hei", "Hiragino Sans GB", sans-serif;
	color: #2b2b2b;
	word-wrap: break-word;
	background: #f3f3f3;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
}
textarea {
	overflow: auto;
	resize: none;
}
b, strong {
	font-weight: bold;
}
em, i {
	font-style: normal;
}
a {
	outline: none;
	color: #666;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
a i {
	cursor: pointer;
}
fieldset, img {
	border: 0;
}
button, input, select, textarea {
	font-size: 100%;
	font-family: arial, sans-serif;
}
button, input {
 *overflow: visible;
}
input:focus, textarea:focus {
	outline: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	vertical-align: top;
	display: inline-block;
}
dl, dt, dd, ul, ol, li {
	list-style: none;
}
.clearfix:after{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
  line-height: 0;
  overflow: hidden;
}
.clearfix{
  *zoom: 1;
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	overflow: hidden;
	font-size: 0;
}
.pull_right {
	float: right !important;
}
.pull_left {
	float: left !important;
}
.hide {
	display: none !important;
}
.show {
	display: block !important;
}
.invisible {
	visibility: hidden;
}
.hidden {
	display: none !important;
	visibility: hidden !important;
}
.text_left {
	text-align: left;
}
.text_center {
	text-align: center;
}
.text_right {
	text-align: right;
}
.m_b_10 {
	margin-bottom: 10px !important;
}
.m_b_25 {
	margin-bottom: 25px !important;
}
.f_simsun {
	font-family: simsun;
}
.text_red {
	color: #c40000;
}
.text_yellow {
	color: #fff100;
}
.text_white, .text_white a {
	color: #fff;
}
.text_white a:hover {
	color: #f3f3f3;
}
.warp {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -150px;
	width: 100%;
}
.topheadPX {
	margin: 0 auto;
	width: 1000px;
	height: 37px;
	color: #666;
	line-height: 37px;
	overflow: hidden;
}
.topheadPX .vline {
	font-style: normal;
	font-weight: normal;
	padding: 0 14px;
}
.topheadPX a {
	color: #666;
}
.topheadPX a:hover {
	color: #fb5240;
}
.headerPX {
	background: #323436;
	height: 80px;
	color: #8c8c8c;
}
.headerPX .navM {
	clear: both;
	margin: 0 auto;
	width: 1000px;
	height: auto;
	overflow: hidden;
}
.headerPX .logo {
	float: left;
	display: inline-block;
}
.headerPX .logo img {
	margin-top: 20px;
	margin-left: 9px;
}
.headerPX a {
	color: #8c8c8c;
}
.nav_menuPX {
	position: relative;
	float: right;
	display: inline-block;
	font-size: 20px;
	line-height: 80px;
}
.nav_menuPX a:hover {
	color: #fb5240;
}
.nav_menuPX li {
	float: left;
	display: inline;
	text-align: center;
	margin: 0 20px;
}
.nav_menuPX li a {
	text-align: center;
	padding: 0 10px;
	display: block;
}
.nav_menuPX .active a {
	background: #fb5240;
	color: #fefefe;
}
.nav_menuPX .Wspecial {
	width: 80px;
}
.headerPX em.full {
	position: absolute;
	top: 15px;
	display: inline-block;
	background: url(../../training/css/img/icon01.png) -376px -179px no-repeat;
	width: 49px;
	height: 25px;
}

.contPX {
	clear: both;
	margin:0 auto;margin-top:25px;
	width: 1100px;
	height: auto;
	overflow: hidden;
}
.contPX h2 {
	clear: both;
	font-size: 24px;
	color: #8c8c8c;
	margin-bottom: 20px;
}
.contPX h2 a {
	float: right;
	font-size:14px;line-height:20px;color:#fcfcfc;padding:5px 15px; vertical-align:middle;
	margin-left: 15px;
	_margin-left: 8px;
}
.contPX h2 a em { display:inline-block; background:url(http://www.13980hr.com/Training/images/icoPX.png) no-repeat;margin-right:8px;_margin-right:4px;width:18px;height:16px;}
.contPX h2 a.BM em { background-position:0 -24px;}
.contPX h2 a.BM:link {background:#76b600;}
.contPX h2 a.KZ:link {background:#505152; display:none;}
.list_course_box {
	position: relative;
	left: -12px;
	margin-right: -10px;
	zoom: 1;
}
.list_course {
	width: 382px;
	height: 182px;
	overflow: hidden;
	background: #fff;
	margin: 0 0 12px 12px;
}
.list_course dd {
	position: relative;
	float: left;
	margin-left: 15px;
	_margin-left: 7px;
	width: 566px;
	height: 182px;
	overflow: hidden;
}


.footerPX {margin-top:30px;text-align:center;font-size:12px;color:#929292;line-height:25px;padding:25px 0;background:#272829;}
.footerPX .nav {margin:0 auto;margin-bottom:15px;text-align:center;}
.footerPX .nav a { display:inline-block;margin:0 10px;color:#fff;}
.footerPX .nav a:hover {}


.special_menu{width:1100px;margin:0 auto; }
.special_menu dl {margin:0;width:382px;height:201px;}
.special_menu dl.Lesson{height:415px;}
.special_menu dt {
	
	position: relative;
}
.special_menu dt .con,.special_menu dt .conLesson {
	position: absolute;
	top: 0;
	left: 0;
	width: 382px;
	height: 201px;
	overflow: hidden;	
	background: black \9;
	filter: alpha(opacity=75);
}
.special_menu dt .text,.special_menu dt .textLesson {
	position: absolute;
	bottom: 272px;
	left: 19px;
	color: #fff;
	transition: all 0.3s ease 0s;
}
.special_menu dt .title {
	font-size: 16px;
	padding-bottom: 8px;
}
.special_menu dt .sub_title {
	font-size: 16px;
	padding-bottom: 13px;
}
.special_menu dt a:hover .text {
	bottom: 10px;
}
.special_menu dt a:hover .textLesson {
	bottom: 10px;
}
.special_menu dt a:hover .con,.special_menu dt a:hover .conLesson {
	background: rgba(0, 0, 0, 0.3);
	background: black \9;
	filter: alpha(opacity=75);
}
.special_menu dt img,.special_menu dt img.Lesson {
	display: block;
	width: 382px;
	height: 202px;
}
.special_menu dt .conLesson{height:414px;}
.special_menu dt .textLesson{}
.special_menu dt img.Lesson {height:415px;}
.special_menu dt .img {
	display: block;
	overflow: hidden;
}
.special_menu dt .btn_open{
  display: block;
  font-size: 22px;
  width: 140px;
  height: 46px;
  line-height: 46px;
  color: #fff;
  text-align: center;
  background: #fb5240;
}
.special_menu .sm_con,.special_menu .sm_conLesson{
	width:670px;
	height:188px;
	border:#DCDBD9 1px solid;
	padding:15px;
	padding-top:0px;
	background:#fff;
}
.special_menu .sm_conLesson{height:400px;}
.special_menu .sm_con .tit,.special_menu .sm_conLesson .tit{	width:670px;height:52px;border-bottom:3px solid #ccc;}
.special_menu .sm_conLesson .tit{border:0;}
.special_menu .sm_con h4,.special_menu .sm_conLesson h4{
	display:inline-block;
	float:left;
	font-size:30px;
	color:#282828;
	line-height:54px;
	margin-left:10px;
}
.special_menu .sm_con h4{width:265px;}
.special_menu .sm_conLesson h4{font-size:40px;line-height:1.5em;font-weight: 500;margin-top:10px;margin-bottom:10px;}
.special_menu .sm_con .nav{ float:left;display:inline-block;margin-top:10px;margin-left:30px;_margin-left:15px;}
.special_menu .sm_con .nav p{ float:left; display:inline-block;width:90px;height:42px;line-height:42px;font-size:16px;color:#666;text-align:center; cursor:pointer;}
.special_menu .sm_con .nav p.active {border-bottom:3px solid #c40000;color:#c40000;}
.special_menu .sm_con .sm_jj{clear:both;height:auto;}
.special_menu .sm_con .con_list,.special_menu .sm_conLesson .con_list{
	margin-left:10px;
	padding:5px 0;
	height:90px; overflow:hidden;color:#444;
}
.special_menu .sm_conLesson .con_list{height:auto;}
.special_menu .sm_con .con_list .title,.special_menu .sm_con .con_list .titleDX{
	float:left;
	width:73px;
	height:70px;
	text-align:right;
	margin-right:5px;
	line-height:1.5;
}
.special_menu .sm_con .con_list .text,.special_menu .sm_con .con_list .textDX{
	
	float:left;width:580px;height:67px;margin-bottom:3px;
	line-height:1.5; overflow:inherit;
}
.special_menu .sm_con .con_list .titleDX{height:20px;}
.special_menu .sm_con .con_list .textDX{height:20px;}
.special_menu .sm_conLesson .con_list .title{
	float:left;
	width:73px;
	height:auto;
	text-align:right;
	margin-right:5px;
	line-height:1.5;
}
.special_menu .sm_conLesson .con_list .text{
	
	float:left;width:580px;height:auto;margin-bottom:3px;
	line-height:1.5; overflow:inherit;
}
.special_menu .sm_conLesson .con_list ul,.special_menu .sm_conLesson .con_list ol {
	list-style:decimal;
	counter-reset: li;
	font: 14px "Microsoft YaHei", "WenQuanYi Micro Hei","Hiragino Sans GB",  sans-serif;
	padding: 0;

}
.special_menu .sm_conLesson .con_list ol li {
	list-style:decimal;
	margin:7px 0 0 30px;

}

.special_menu .btn_fun{
	margin-left:85px;_margin-left:43px;
}
.special_menu .btn_fun .btn2_con{
	margin-right:10px;width:150px;height:30px;line-height:30px;text-align:center;cursor:pointer;border:0;padding:0;font-size:18px;color:#fff;font-weight:"Microsoft YaHei", "WenQuanYi Micro Hei","Hiragino Sans GB",  sans-serif;display:inline-block;vertical-align:baseline;outline:0;background-color:#fb5240;}
.special_menu .btn_fun .btn2_con:hover {background:#c40000;}
.special_menu .sm_con .sm_kc{ clear:both;	position: relative;
	overflow:hidden;height:140px;
}
.special_menu .sm_con .sm_kc ol {
	list-style:decimal;
	counter-reset: li;
	font: 16px "Microsoft YaHei", "WenQuanYi Micro Hei","Hiragino Sans GB",  sans-serif;
	padding: 0;
	height:auto;

}
.special_menu .sm_con .sm_kc ol li {

	float: left;
	width: 325px;
	margin:7px 0 0 10px;
	color: #858585;
	white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;
}
.special_menu .sm_con .sm_kc ol.weixin li {width:490px;}
.special_menu .sm_con .sm_kc ol li a{color:#858585;}
.special_menu .sm_con .sm_kc ol li a:hover{color:#fb5240;}


.tab_content{
	background:#fff;
}
.tab_content h4{
	padding:40px 0px;
	font-size:24px;
	margin:0;
}
.tab_content .tab_pane {clear:both;background:none;}
.tab_content .tab_pane .text{padding:0 15px 15px; background:url(../../training/css/img/lessonbg.jpg) repeat-y 0 0;}
.tab_content .tab_pane .titleImg {background:url(http://www.13980hr.com/Training/images/lessonTit.jpg) no-repeat 0 0;width:1100px;height:100px;}
.tab_content .tab_pane .text .classIndex,.tab_content .tab_pane .text .class{margin-left:70px;_margin-left:35px;}
.tab_content .tab_pane .text .classNum,.tab_content .tab_pane .text .classNum{color:#444; font-weight:900; font-size:50px; font-family:Arial, Helvetica, sans-serif;margin-right:40px;_margin-right:20px;}
.tab_content .tab_pane .text .classNumSize{font-size:35px; font-family:"Microsoft YaHei", "WenQuanYi Micro Hei","Hiragino Sans GB";}
.tab_content .tab_pane .text .classIndex .classNum{font-size:40px;}
.tab_content .tab_pane .text .classTit{color:#444;font-size:40px;}
.tab_content .tab_pane .text .classIndexTxt,.tab_content .tab_pane .text .classTxt{margin:0 100px 30px 265px;_margin:0 50px 15px 135px;font-size:22px;color:#666;line-height:2em;}
.tab_content .tab_pane .text .classIndexTxt{margin:0 100px 30px 150px;_margin:0 50px 30px 75px;}
.tab_content table{
	width:100%;
	border-bottom:#DCDBD9 1px solid;
	font-family:\5B8B\4F53;
}
.tab_content table .bg_fa{
	background:#fafafa;	
}
.tab_content table thead{
	border-bottom:#DCDBD9 1px solid;
}
.tab_content table thead td{
	color:#858585;
	font-size:14px;
	height:30px;
}
.tab_content table thead td strong.margin_left{
	margin-left:48px;
}
.tab_content table td,.tab_content table td a{
	color:#656565;
	height:30px;
	font-size:12px;
	position:relative;
}
.tab_content table tr.past_due td,.tab_content table tr.past_due td a{
	color:#b2b2b2;
}
.tab_content table td i.i_clock{
	vertical-align:middle;
	margin-left:22px;
	margin-right:10px;
}
.tab_content table td span{
	vertical-align:middle;
}

.nav_pills{
	border-bottom: 1px solid #dbdbd9;
}
.nav_pills li{
	float: left;
	display: inline;
	border: 1px solid #dbdbd9;
	border-bottom: 0;
	background: #fff;
	margin: 0 -1px 0 0;
	width: 165px;
	height: 38px;
	line-height: 38px;
	text-align: center;
}
.nav_pills li a{
	display: block;
}
.nav_pills .active{
	background: #c40000;
	color: #fff;
}
.nav_pills .active a{
	color: #fff;
}
.special_con ul#cs_planting{
	clear:both;
	background:#fff;
	padding:0px 15px;
	border:#DCDBD9 1px solid;
}
#cs_planting li{
	height:65px;
	line-height:65px;
	border-top:#D5D5D5 1px dashed;
}
#cs_planting li:first-child{
	border-top:0;
}
#cs_planting li .text{
	width:600px;
	height:auto;
	overflow:hidden;
	margin-left:15px;
	font-size:16px;
	padding:0;
	background:none;
}
#cs_planting li .text a:hover{
	color:#c31c2c
}
#cs_planting li .btnDB a.btn2_con{
	margin-right:10px;margin-top:15px;width:100px;height:30px;line-height:30px;text-align:center;cursor:pointer;border:0;padding:0;font-size:18px;color:#fff;font-weight:"Microsoft YaHei", "WenQuanYi Micro Hei","Hiragino Sans GB",  sans-serif;display:inline-block;vertical-align:baseline;outline:0;background-color:#fb5240;}
#cs_planting li .btnDB a.btn2_con:hover{background:#c40000;color:#fff;}
#cs_planting .cs_planting_more{
	height:55px;
	line-height:55px;
	border-top:#DCDBD9 1px solid;
	text-align:center;
}










.ico{background-image:url(http://www.13980hr.com/Training/css/images/icoPX.png)}

.ico-uid{width:14px;height:16px;background-position:-22px 0}
.ico-pwd{width:14px;height:16px;background-position:-46px 0}

.login{	width: 292px;
	height:340px;
	position: absolute;
	margin-right: -480px;
	right: 50%;
	overflow: hidden;
	top: 30px;
	z-index: 2;background:url(http://www.13980hr.com/training/images/login.png) no-repeat;
	/*background: rgba(51,51,51,.7);
	background: #7f7f7f\9;
*background:#7f7f7f;
	_background: #7f7f7f;
	border: 1px #686868 solid*/
	/*width:292px;height:340px;left:50%;margin-left:90px;margin-top:20px;text-align:left;position:absolute;z-index:2;background:url(http://www.13980hr.com/Training/css/images/login.png) no-repeat;*/}
.unishadow{box-shadow:0px 0px 5px 0 rgba(0,0,0,0.4);-webkit-box-shadow:0px 0px 5px 0 rgba(0,0,0,0.4);-moz-box-shadow:0px 0px 5px 0 rgba(0,0,0,0.4);}
.loginFunc{width:100%;height:41px;overflow:hidden;clear:both;}
.loginFuncNormal,.loginFuncDynPw{width:146px;height:100%;overflow:hidden;position:relative;line-height:41px;float:left;font-size:14px;text-align:center;+line-height:42px;color:#999;cursor:pointer;}
.loginFuncDynPw{width:146px;color:#fff;font-size:14px;}
.loginIcoCurrent{width:24px;height:24px;left:26px;top:9px;display:none;}
.loginIcoNew{width:21px;height:10px;font-size:0;background-position:-684px 0;left:135px;top:12px;}
.tab-2{background-position:-312px 0;}
.tab-2 .loginFuncDynPw .loginIcoCurrent,
.tab-1 .loginFuncNormal .loginIcoCurrent,
.tab-11 #extVerSelect,
.tab-1 #lfBtnReg1{display:block;}
.tab-11 #extText,
.tab-2 #lfBtnReg{display:none;}

.loginForm{position:relative;padding-top:20px;}
.loginDone{position:relative;width:260px;height:280px;line-height:39px;margin:20px 0 10px 25px;clear:both;font-size:16px;color:#a2a2a2;border-radius:2px;z-index:2}
.loginDone ul {}
.loginDone ul li{margin:3px 0;}
.loginDone ul li span {font-size:24px;font-weight:700;}
.loginDone ul li a{color:#ccc;padding:3px 5px;margin-left:10px;_margin-left:5px;background: rgba(0, 0, 0, 0.1);border:1px solid #5eb6ff; border-radius:3px;}
.loginDone ul li a:hover{color:#f2f2f2;}
.loginDone ul li p{color:#ccc; font-weight:700;}
.loginDone ul li .Nm {color:#1b3653;width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.loginDone ul li p a{ color:#3f85d1;display:inline-block;margin-right:15px;_margin-right:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.loginDone ul li  a:last-child {margin-right:0;}

.loginDone ul li p a.W200 {width:220px;}
.loginDone .othLnk{float:left;margin:5px 11px;width:210px;height:20px;line-height:20px;}
.loginDone .othLnk a{padding:3px 5px;background: rgba(0, 0, 0, 0.1);border:1px solid #ccc; border-radius:3px;}
.loginDone .othLnk a.Mid{float:left;color:#ccc;}
.loginDone .othLnk a.MidPass{float:left;color:#ccc;}
.loginDone .othLnk a.unit{float:right;color:#ccc;}
.loginDone .othLnk a:hover {color:#c40000;}
.loginFormIpt{position:relative;width:210px;height:39px;line-height:39px;margin:0 0 10px 25px;padding-right:5px;clear:both;background:#fff;padding-left:30px; border-radius:2px;z-index:2}
.loginFormIpt .ico{position:absolute;left:9px;top:13px;z-index:1;}
.loginFormIpt-over{}
.loginFormIpt-focus{box-shadow:0 0 5px rgba(2,145,252,.5);}
.loginFormIpt-focus .placeholder{color:#C9C9C9;}
.loginFormBtn{position:relative;width:245px;height:38px;margin-top:18px;text-align:left;}
.loginFormBtn button {font-family:"Microsoft YaHei", "WenQuanYi Micro Hei", "Hiragino Sans GB", sans-serif;; letter-spacing:0.2em;}
.formIpt{width:205px;padding:9px 0 10px;ime-mode:disabled;height:21px;top:1px;left:28px;color:#333;font-size:14px;font-weight:700;border:none;font-family:verdana;line-height:21px;background:transparent!important;}
.formIpt:focus{outline:0;}
.showPlaceholder .placeholder{visibility:visible;cursor:text;}
.placeholder{color:#C9C9C9;;font-size:14px;position:absolute;left:30px;top:14px;line-height:14px;visibility:hidden;background:none;}
.loginBut{color:#555;margin-left:25px;clear:both;width:245px;position:relative;z-index:1;}
#remAutoLoginTxt,
.forgetPwd{float:right;color:#999; margin-top:10px; display:inline-block;}
#remAutoLoginTxt:hover,
.forgetPwd:hover{color:#08f7ff;}
.loginReg { clear:both;margin:20px;border-top:1px solid #999;color:#848585;}
.loginReg p {line-height:40px;}
.loginReg a.loginBtnReg { display:block;margin-top:5px;border:2px solid #fb5240;width:100%;height:40px;line-height:40px;text-align:center;font-size:22px;color:#fb5240;}
.loginReg a.loginBtnReg:hover {color:#08f7ff;border:2px solid #08f7ff;}
.loginFormCbx{width:13px;height:13px;padding:0;overflow:hidden;margin:0; vertical-align: middle;}
#whatAutologinTip{z-index:9; width:180px; height:36px;background-color:#fffde4; border:1px #dfb86d solid; left:0px;top:16px;text-align:left; padding:5px 10px;line-height:18px; color:#dc9632;display:none;border-radius: 4px}
.btn{width:170px;height:41px;line-height:41px;text-align:center;cursor:pointer;border:0;padding:0;font-size:22px;color:#fff;font-weight:"Microsoft YaHei", "WenQuanYi Micro Hei","Hiragino Sans GB",  sans-serif;display:inline-block;vertical-align:baseline;outline:0;background-color:#fb5240;}

