/*ͨ��*/
*{padding:0; margin:0;font-family:"微软雅黑";}
.cl{ clear:both; list-style-type:none}
ul,li{ list-style-type:none; margin:0; padding:0;}
h2,p,img{ margin:0; padding:0;}
img{ background:none; border:0;}
a{ text-decoration:none;color:#333333;}
a:hover{ text-decoration:none; color:#2A7AD2;}
.fl{ float:left;}
.fr{ float:right;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
.clear{ clear:both;}
img[alt]{font-size:12px; color:#818181;}
.min-hei{min-height:320px;}
.pad_t10{padding-top:10px;}
.mar_l20{margin-left:20px;}
.mar_t10{margin-top:10px;}
.mar_r2{margin-right:2px;}

body{background:url(../images/bg1.jpg); background-repeat:repeat;}
.main{margin:20px 0;width:100%;float:left;}
.container{ width: 960px; margin:0 auto; padding: 0;}
/* headers
---------------------------------------------------------------------*/
header{float:left;display:block;background-image:url(../images/head_bg.png); background-repeat:no-repeat; background-position:right; }
.wrapper {margin:0 auto;text-align:left;width: 960px;position:relative; padding:15px 0;}
header#top {background-color: #266DBB;width:100%;/*background:-webkit-gradient(linear,left bottom,left top,color-stop(0.2, rgb(38,109,187)),color-stop(0.8, rgb(28,139,227)));background: -moz-linear-gradient(center bottom,rgb(38,109,187) 20%,rgb(28,139,227) 80%);*/}
#title a,#title a h4{font-size:26px;color:#fff; text-decoration:none; line-height:70px; margin-left:15px; font-weight:normal;}
#title a h4,#title a img{float:left;}
#topnav {color:#f0f0f0;	padding:20px 0 6px 10px;position:absolute;right:-35px;top:0;white-space:nowrap;font-size:12px;text-align:right;}
#topnav span {color:##555; font-size:10px;margin:0 5px;}
#topnav a {color:#f0f0f0;padding:0;text-decoration:none;font-size:12px;}
#topnav a:hover, header#top aside a:hover,#topnav a:focus, header#top aside a:focus,#topnav a:active, header#top aside a:active {color:#fff;text-decoration:none;}
#topnav p{line-height:30px;}
.sf-menu,.sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {line-height:1.0;margin-top:10px;}
.sf-menu ul {position:absolute;	top:-999em;	width:12em; }
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position: relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:3.2em; /* match top ul list item height */z-index:99;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top: -999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:12em; top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top: -999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:12em;	top:0;}
.sf-menu {float:left;font: 12px Arial;}
.sf-menu a {padding:10px 14px;text-decoration:none; font-size:14px;}
.sf-menu ul a {border-bottom: 1px solid #014e8c; font-size:12px;}
.sf-menu a,.sf-menu a:visited {color:#eee;}
.sf-menu li {background:#055596;margin-right:2px;}
.sf-menu>li {border-top-right-radius:4px;border-top-left-radius:4px;-moz-border-radius-topleft:4px;	-webkit-border-top-left-radius:4px;	-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;}
.sf-menu li li {background:#146cb2;}
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active {background:#0662ad;outline:0;}
.sf-menu>li:hover,.sf-menu>li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active {border-top-right-radius:4px;border-top-left-radius:4px;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;}
.sf-menu li.current {background: #0662ad;}


/* #FOOTER
================================================== */
#footer {float:left;width:100%; background:#2f2f2f; border-top:3px solid #4a6fd5; z-index:10; }
#footer .footer a:hover { text-decoration:underline; }
#footer #f_line { position:absolute; top:1px; left:0; width:100%; height:1px; background:#515151; }
#footer .footer { margin-top:60px; padding-bottom:20px; }
#footer .footer h3 { color:#666565; font-size:14px; font-weight:bold; margin-bottom:-5px; }
#footer .footer ul li a:first-child { margin-top:5px; }
#footer .footer ul li a { display:block; font-size:14px; color:#e9e9e9; text-decoration:none; height:7px; display:block; }
#footer .footer .social ul li a { display:block; padding-left:26px; height:20px; margin-bottom:-8px; }
#footer .footer .social ul li a.twitter { background:url(../images/twitter_icon.png) no-repeat center left; margin-top:5px; }
#footer .footer .social ul li a.facebook { background:url(../images/facebook_icon.png) no-repeat center left; }
#footer .footer .social ul li a.flickr { background:url(../images/flickr_icon.png) no-repeat center left; }
#footer .footer .social ul li a.rss { background:url(../images/rss_icon.png) no-repeat center left; }
#footer .footer .facebook_box { text-align:right; }
#footer_bottom { width:100%; height:100%;position: fixed;bottom: 0px; background:#282828; text-align:center; border-top:1px solid #242424;}
#footer_bottom .copyright { color:#959595; font-size:12px; }
#footer_bottom .links a { color:#959595; font-size:12px; }
#footer_bottom .links span { color:#777777; font-size:12px; }


/* ������
================================================== */
h2.title_name {font-weight: normal;font-size: 50px; margin: 0;padding: 40px 0 10px 0; text-align: center;}
h2.title_name span {color: #f9f66d;font-size: 14px;}
h2.title_name small {color: #AAAAAA;display: block;font-size: 0.2em;letter-spacing: 1.0em;text-transform: uppercase;padding-top: 5px;}
/******** MENU ********/
.menuWrapper{width: 962px; font-size: 14px;font-style: normal;font-weight: normal;text-transform: uppercase;letter-spacing: normal;line-height: 1.45em;position: relative;margin: 20px auto;background-position: 0 0;background-repeat: no-repeat;background-color: transparent;}
ul.menu{width: 962px;list-style: none;overflow: hidden;}
ul.menu > li{width: 320px; height: 384px;float: left;border-right: 1px solid #888;background-repeat: no-repeat;background-color: transparent;}
ul.menu > li.last{border:none;}
.bg1{background-image: url(../images/1.jpg);}
.bg2{background-image: url(../images/2.jpg);}
.bg3{background-image: url(../images/3.jpg);}
ul.menu > li > a{width: 320px;float: left;text-align: center;line-height: 50px;color: #fff;background-color: #4d73dd;letter-spacing: 1px;cursor: pointer;text-decoration: none;font-size:14px;}
ul.menu > li ul{width: 320px;list-style: none;float: left;background-repeat: no-repeat;background-color: transparent;padding:0 10px;}
ul.menu > li ul li{display: none;text-align:left;line-height:30px;}
ul.menu > li ul.sub1{background:#000;opacity:0.7;}
ul.menu > li ul.sub2{background:#0089ad;opacity:0.7;}
ul.menu > li ul.sub3{background:#d1000e;opacity:0.7;}
ul.menu > li ul li a{color: #fff;text-decoration: none;line-height: 30px;margin-left: 5px;font-size: 13px;opacity:1.0;}
ul.menu > li ul.sub1 li{display: block;}
ul.menu > li ul li a:hover{color: #fff;text-decoration: underline;}
ul.menu > li ul li em,ul.menu > li ul li span{color:#fff;font-size:13px;}
ul.menu > li ul li span{font-size:12px; float:right;}
.z_more{position:relative;left:200px;top:5px;}
.list_title{width:962px; margin:0 auto; font-size:18px;line-height:30px;}
.slideButton{width:10px;padding:10px;height:80px; cursor:pointer;overflow:hidden; background-color:#266DBB;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.slideButton a{display:block;width:18px;height:80px; color:#fff;}
#rightNav{position:fixed;right:0px;top:150px;_position:absolute;}
#rightSlide{float:left;margin-top: 50px;}
#slideContent{float:left;margin-left:-3px;display:none;}


/* �����б�
================================================== */
h2.separator_title{margin-bottom:0;width:120px; text-align:center;line-height:40px;}
h2.separator_title span{font-size:18px;}
.blue {width: 120px;height: 4px;background: #4a6fd5;}
.grey {width: auto;height: 1px;background: #dbdbdb;margin-top: -3px;z-index: 1;margin-left: 120px;}
table.file_list{padding:10px 0;border-bottom:1px solid #e0e0e0; width:100%;}
table.file_list tr th{font-size:14px;}
table.file_list tr{height:30px; line-height:30px;font-size:13px;}
table.file_list td em{margin-left:10px;}
table.file_list td em,table.file_list td a,ul.file_list li em,ul.menu > li ul li em{float:left; font-style:normal;}
.center{text-align:center;}

/* �������
================================================== */
.view{width:960px; height:auto; border:1px solid #e0e0e0;}
.detail{margin-top:10px;}
.detail p{line-height:30px; font-size:14px;}
ul.view_detail{padding:10px 0 0 0;}
ul.view_detail a{cursor:pointer;}
ul.view_detail li{height:30px; line-height:30px;}
ul.view_detail li.icon1{font-size:14px; background:url(../images/icon1.png) 0 0 no-repeat;height:30px;padding:0 0 0 35px; float:left;}
ul.view_detail li.icon2{font-size:14px; background:url(../images/icon2.png) 0 0 no-repeat;height:30px;padding:0 0 0 35px; float:left;}
ul.view_detail li.icon3{font-size:14px; background:url(../images/icon3.png) 0 0 no-repeat;height:30px;padding:0 0 0 35px; float:right;}
ul.view_detail li.icon4{font-size:14px; background:url(../images/icon4.png) 0 0 no-repeat;height:30px;padding:0 0 0 35px; float:left;}
ul.view_detail li.icon5{font-size:14px; background:url(../images/icon5.png) 0 0 no-repeat;height:30px;padding:0 0 0 35px; float:left;}
ul.view_detail li.icon3 img{margin-left:10px;}
.exam{margin-top:10px;}
.exam button{margin-right:15px;}
.btn {
display: inline-block;padding: 7px 15px;color: #777 !important;text-decoration: none;font-size: 12px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-shadow: 0 1px 1px rgba(255,255,255,0.9);
position: relative;
cursor: pointer;
border: 1px solid #ccc !important;
background: #fff url("../images/btn-overlay.png") repeat-x !important;
margin-right:15px;
}
.btn:hover, .btn:focus, .btn:active {
	outline:medium none;
	border:1px solid #266DBB !important;
	opacity:0.9;
	-khtml-opacity: .9;
	-moz-opacity: 0.9;
	-moz-box-shadow:0 0 5px rgba(82, 168, 236, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
	box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
}
.btn-green {color: #fff !important;text-shadow: 0 1px 1px rgba(0,0,0,0.25);border: 1px solid #749217 !important;background-color: #6AB620 !important;}
	
/* ���Խ��
================================================== */	
.z_table{width:100%;border-collapse:collapse;margin-top:20px;}
.z_table th{height:35px; line-height:35px;border:1px solid #ddd;border-bottom:none;background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%); font-size:13px;}
.z_table td{border:1px solid #ddd; height:30px; line-height:30px; font-size:12px; text-align:center;empty-cells:show;/*IE�б������Ϊ��ʱҲ������ʾ�߿�*/}
.td_color{background-color: #f5f5f5;}

/* ���߿���
================================================== */	
.questionNo{width:280px;height:230px;padding:10px;position:fixed;right:10px;bottom:10px; background:url(../images/exam.jpg);border:1px solid #e0e0e0;_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);}
.questionNo label{font-size:14px;line-height:40px;}
.questionNo a{margin:0 5px; font-size:14px; line-height:30px; display:block; width:30px;height:30px; float:left;text-align:center;}
.num{width:280px; height:auto; float:left;}
.exam_btn{width:280px; height:auto; float:left;padding:10px 0 0 0;}
li.exam_list{margin-bottom:20px;}
ul.exam_que li ul li input{padding:2px 0 0 0;}
ul.exam_que li ul li p{font-size:14px;line-height:30px;}
ul.exam_que li ul li span{font-size:13px; margin-left:5px; margin-top:2px; line-height:26px;}
ul.exam_que li ul li em{font-style:normal; color:#F00; margin-left:10px; font-size:16px;}
.red{color:#F00;}
.exam_title{font-size:18px; text-align:center;}

/* ����
================================================== */	
.ask{width:600px; margin:0 auto;}
.ask p {margin:10px 0 30px 0;}
.ask p label{font-size:14px;color:#333;width:90px;text-align:right; display:block; float:left;}
.ask p input{height:24px; width:200px;border:1px solid #e0e0e0;}
.ask p textarea{width:500px;height:150px;border:1px solid #e0e0e0;}
	
/* ���пγ�
================================================== */	
.allcourse tr td{text-align:left; padding:0 0 0 10px;}
.allcourse tr td em{font-style:normal; margin-right:5px;}
#course{text-align:center; font-size:16px; background:none;}
tr.font14 td{text-align:center;font-size:14px;}
.allcourse{margin-top:0;}

/* ��¼����
================================================== */	
#login{position:absolute;top:0;left:0;z-index:-999;}
.login_form{ background:url(../images/login_form.png) no-repeat; padding:70px 30px 0 430px;width:178px; height:198px; margin:240px auto 0 auto;}
.login_form p {padding:0 0 15px 0; height:24px; line-height:24px;}
.login_form p input{width:100px; height:22px; border:1px solid #e0e0e0;}
.login_form p span{font-size:14px; color:#fff; display:block; float:left;}
.login_form p img{float:left; margin-left:6px;}
#verify{width:50px;float:left;}
/* ��ѵ����
================================================== */	
#font-14{font-size:14px;text-align:center;padding:0;}
.detail_info tr td{text-align:left; padding:0 0 0 20px;height:35px;}
.write_btn {display: inline-block;padding: 3px 10px;color: #777 !important;text-decoration: none;font-size: 12px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-shadow: 0 1px 1px rgba(255,255,255,0.9);
position: relative;
cursor: pointer;
border: 1px solid #ccc !important;
background: #fff url("../images/btn-overlay.png") repeat-x !important;
margin:0;
}
.list_title p{display:block; float:right; font-size:14px;}
.list_title p span{margin-right:30px;}
.width50{width:50%;}
.width50 select{width:100px;}
.input1{width:200px; height:22px; border:1px solid #e0e0e0;}
.input2{width:400px; height:150px; border:1px solid #e0e0e0;margin:10px 0;}
.input3{width:200px; }
.input4{margin-right:5px;}
.input5{margin:10px 0;}
.table_btn{margin-top:20px;}
.btn_img{margin-right:7px; display:block; float:left;}
/* 培训管理
================================================== */	
#font-14{font-size:14px;text-align:center;padding:0;}
.detail_info tr td{text-align:left; padding:0 0 0 20px;height:35px;}
.write_btn {display: inline-block;padding: 3px 10px;color: #777 !important;text-decoration: none;font-size: 12px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-shadow: 0 1px 1px rgba(255,255,255,0.9);
position: relative;
cursor: pointer;
border: 1px solid #ccc !important;
background: #fff url("../images/btn-overlay.png") repeat-x !important;
margin:0;
}
.list_title p{display:block; float:right; font-size:14px;}
.list_title p span{margin-right:30px;}
.list_title p a{ color:#266DBB;}
.width50{width:50%;}
.width50 select{width:100px;}
.input1{width:200px; height:22px; border:1px solid #e0e0e0;}
.input2{width:400px; height:150px; border:1px solid #e0e0e0;margin:10px 0;}
.input3{width:200px; }
.input4{margin-right:5px;}
.input5{margin:10px 0;}
.table_btn{margin-top:20px;}
.btn_img{margin-right:7px; display:block; float:left;}