*{margin:0;padding:0}
html,body{height:100%;background:#c8c8c8;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body{text-align:center;background:#c8c8c8}
div.wrap{width:974px;margin:0 auto;background:#F6F6F6 url(./page4_bodyer_line.jpg) 233px top repeat-y;}
div.header{border-bottom:5px solid #CCC;position:relative;vertical-align:top;font-size:0;line-height:0;background:url(./header_bg.jpg) left top no-repeat;}
div.headers{border-bottom:5px solid #CCC;position:relative;vertical-align:top;font-size:0;line-height:0;background:url(./jpk_header_bg.jpg) left top no-repeat;}
div.titlewrap{height:129px;overflow:hidden;}
div.title{text-align:left;}
div.title h1{
    font-family:"黑体";
	font-size:32px;
    padding:58px 0 0 170px;
    letter-spacing: 4px;
	line-height:140%;
    text-align:left;
    color:#FFF;
    width:600px;
	filter: Shadow(Color=#666666, Direction=85);
}
div.title h1.f22{font-size:22px;}
div.logo{display:none;}
div.date{position:absolute;right:40px;top:104px;font:12px/160% '宋体';letter-spacing:1px;color:#FFF;z-index:2;}
div.date span{}
div.nav{position:absolute;right:50px;top:10px;height:15px;margin-left:500px;padding-left:50px;}
div.nav ul{list-style:none;text-align:right;}
div.nav ul li{float:left;padding-right:2px;}
div.nav ul li a{float:left;font:12px/13px Arial;letter-spacing:1px;padding:0 15px;height:13px;color:#F6F6F6;text-decoration:none;display:block;border-right:1px solid #FFF;}
div.nav ul li a:hover{color:#C5A3C1}
div.nav ul li a span{}
div.nav ul li a:hover span{}
div.neck{display:none;}



/*_bottom*/
div.footer{border-top:1px solid #C5C5C5;}
div.copyright{height:32px;text-align:center;border-top:3px solid #FFF;background:#919191;}
div.copyright span{font:12px/32px Arial;color:#FFF;letter-spacing:1px;}
div.copyright span a{font:12px/32px Arial;text-decoration:none;color:#FFF;}
div.copyright span a:hover{}



div.bodyer{clear:both;background:url(./page4_bodyer_bottom_line.jpg) 233px bottom no-repeat;}
div.bodyerwrap{background:url(./page4_bodyer_top_line.jpg) 233px top no-repeat;}
div.leftwrap{float:left;width:210px;margin:10px 15px 0 10px;_margin:10px 10px 0 8px;text-align:center;overflow:hidden;background:url(./page4_bodyer_left_menu_bg.jpg) left top repeat-y;}
div.menuwrap{width:210px;text-align:left;margin:0 auto;background:url(./page4_bodyer_left_menu_bottom.jpg) left bottom no-repeat;padding-bottom:35px;overflow:hidden;}
ul.menu{list-style:none;padding:0;text-align:left;padding-top:35px;background:url(./page4_bodyer_left_menu_top.jpg) left top no-repeat;}
ul.menu li{font-size:0;line-height:0;padding:0 10px;}
ul.menu li ul{display:none;}
ul.menu li{}
ul.menu li a{display:block;height:25px;overflow:hidden;font:12px/160% Arial;color:#000;letter-spacing:1px;text-decoration:none;background:url(./page4_left_menu.gif) left bottom no-repeat;}
ul.menu li a:hover,ul.menu li a.open{color:#FFF;background:url(./page4_left_menu_li_hover.jpg) left top no-repeat;}
ul.menu li a.open{}
ul.menu li a span{display:block;padding:3px 0 2px 50px;background:url(./page4_left_menu_li.gif) 30px 7px no-repeat;}
ul.menu li a.open span{display:block;padding:3px 0 2px 50px;}
ul.menu li ul{margin-top:2px;list-style:none;}
ul.menu li ul li a{height:auto;border:0;font:12px/140% Arial;background:url(./page4_left_submenu_li.gif) 40px 8px no-repeat;}
ul.menu li ul li a:hover,ul.menu li.open ul li a.cur{color:#A90D30;background:url(./page4_left_submenu_li.gif) 40px 8px no-repeat;}
ul.menu li ul li a span{padding:3px 0 2px 50px;background:url(./spacer.gif) no-repeat;}
ul.menu li ul li a:hover span,ul.menu li.open ul li a.cur span{}


/*_right*/
div.rightwrap{width:735px;float:left;background:#FFF url(./page4_bodyer_right_bg.jpg) left top repeat-x;text-align:center;border:1px solid #FFF;}
div.rightwrap div.body{padding-top:20px;width:730px;margin:0 auto;overflow:hidden;}
#mainFrame{width:99%;background:transparent;overflow:hidden;margin:0 auto;min-height:600px;_height:600px;}

div.login{width:193px;margin-left:5px;margin-top:30px;background:url(./login_bottom.jpg) no-repeat center bottom;padding-bottom:25px;}
div.login h3{text-align:left;background:url(./login_title.gif) no-repeat;height:25px;line-height:20px;}
div.login h3 span{color:#FFF;font-size:14px;font-weight:bold;letter-spacing:1px;padding-left:40px;}

div.login .form div{clear:both;margin-top:10px;overflow:hidden;}
div.login .form div label{margin-left:15px;float:left;font-size:12px;font-weight:normal;color:#333;height:26px;line-height:26px;letter-spacing:-2px;}
div.login .form div.newusername label{letter-spacing:1px;*letter-spacing:2px;}
div.login .form div input{float:left;border:1px solid #ccc;width:126px;height:26px;line-height:26px;margin-left:7px;}
div.login .form .newusername label{letter-spacing:2px;}
div.login .form .newusername input{margin-left:5px !important;}
div.loginsuccess{text-align:center;font-size:12px;font-weight:normal;color:#333;margin-top:10px;}
div.loginsuccess .button{margin-top:10px;}
div.loginsuccess .button a{font-size:12px;font-weight:normal;color:#333;text-decoration:none;}
div.loginsuccess .button a:hover{color:red;text-decoration:underline;}

div.login .button input{margin-left:60px;margin-top:10px;background:url(./login_button.gif) no-repeat;width:66px;height:26px;display:block;cursor:pointer;line-height:26px;text-align:center;color:#333;font-size:12px;font-weight:normal;border:none;}
ul.JPKul{padding:20px 0 0 0 !important;}

#main .content{float:left;width:500px;vertical-align:top;margin-left:15px;}
#main .sidebar{float:right;width:220px;vertical-align:top;margin-right:10px;}

#main .content .coursecomm{width:461px;margin:0 auto 20px;}
#main .content .coursecomm h3{text-align:left;border-bottom:1px solid #4C2E4A;;width:461px;height:32px;line-height:32px;margin:0 auto;}
#main .content .coursecomm h3 span{font-weight:bold;background:url(./coin_01.gif) no-repeat left center;padding-left:25px;color:#4C2E4A;font-size:14px;letter-spacing:1px;}
#main .content .coursecomm p{margin-top:10px;font-size:12px;line-height:25px;text-align:left;text-indent:30px;}

#main .notify{width:461px;margin:0 auto;}
#main .content .notify h3{text-align:left;border-bottom:1px solid #4C2E4A;;width:461px;height:32px;line-height:32px;margin:0 auto;}
#main .content .notify h3 span{font-weight:bold;background:url(./coin_01.gif) no-repeat left center;padding-left:25px;color:#4C2E4A;font-size:14px;letter-spacing:1px;}
#main .content .notify ul li{list-style:none;color:#000;font-size:12px;font-weight:normal;background:url(./coin_02.gif) no-repeat 10px center;padding-left:20px;border-bottom:1px solid #BCCCDA;line-height:30px;text-align:left;}
#main .content .notify ul li a{color:#000;text-decoration:none;}
#main .content .notify ul li a:hover{color:#996600;}

#main .sidebar{width:190px;marign:0 auto;}

#main .sidebar h3{text-align:center;background:url(./sider_title.gif) no-repeat left top;width:190px;line-height:25px;}
#main .sidebar h3 span{color:#FFF;font-size:14px;letter-spacing:1px;font-weight:bold;}
#main .sidebar dl{width:190px;margin:10px auto 10px;padding-left:10px;}
#main .sidebar dt{width:100px;float:left;}
#main .sidebar dt,dd{text-align:left;font-size:12px;font-weight:normal;color:#000;line-height:25px;}
#main .siderbar dd{width:90px;float:left;}

div.tutor{overflow:hidden;}
div.courseInfo{overflow:hidden;}
#frame{display: none;}