﻿
.head ,.page ,.copy{width:800px; clear:both;text-align:left;}
.head ul li{float:left;margin:0; padding:0; list-style:none; }
.head .l
{	
	background:#fff;
	width:150px;
	text-align:center;	
}


.head .logo
{
	width:140px;
	background-image:url(../images/index.png);
	background-repeat:no-repeat;
	background-position:1px 15px;	
	height:127px;
	margin-left:5px;
	margin-right:5px;
}

.head .sys
{	
	width:300px;
	background-image:url(../images/index.png);
	background-repeat:no-repeat;
	background-position:-140px -55px;	
	height:50px;	
	padding:0px;
	margin-top:30px;
	margin-left:10px;
}

.menu
{	
	margin-top:15px;
	margin-left:0px;	
	line-height:25px; height:25px;
	overflow:hidden;	
}
.menu .x
{
	width:18px;
	background-image:url(../images/index.png);
	background-repeat:no-repeat;
	background-position:-141px 0px;	
	height:25px;
	overflow:hidden;
	line-height:25px;	
}
.menu A
{
	padding:5px 20px 5px 20px;
	height:25px;
	line-height:25px;
	color:#fff; text-decoration:none; font-weight:bold;
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	background-position:center 30px;
}
.menu a:link ,.menu a:visited		{text-decoration:none;color : #fff;}
.menu a:hover ,.menu a:active
{
	color : #fff; 	
	background-position:center 0px;   
	text-decoration:none;                   		 
}



 .link
{
	clear:both;
	margin-top:20px;
	text-align:center;
	color:#666;
	margin-bottom:10px;
}
.link ul li
{
	border-bottom:1px solid #ddd;	
}
.link .p{ clear:both;margin-bottom:15px;}
.link p{float:left;}
.link .phone
{	
	background-image:url(../images/index.png);	
	background-position:-165px 0px;
	background-repeat:no-repeat;
	height:50px;
	width:64px;		
}
.link .pmax
{
	font-size:30px;
	letter-spacing:-3px;
	line-height:30px;	
	color:#da1905;	
}
.link .pmin
{
	font-size:18px;	
}
.link .fax
{
	background-image:url(../images/index.png);	
	background-position:-290px 0px;
	background-repeat:no-repeat;
	height:35px;
	width:35px;	
	margin-top:5px;	
	margin-left:5px;
}
.link .f
{
	line-height:30px;	
}
.link .email
{
	background-image:url(../images/index.png);	
	background-position:-260px 0px;
	background-repeat:no-repeat;
	height:35px;
	width:35px;	
	margin-top:5px;	
	margin-left:5px;
}


.link .er
{
	background-image:url(../images/index.png);	
	background-position:-232px 0px;
	background-repeat:no-repeat;
	height:35px;
	width:35px;	
	margin-top:5px;	
	margin-left:5px;
}



.marginleft5{margin-left:5px;}

.IPT{width:100px;border:1px solid #c0c0c0;}
.SPT {width:120px;border:1px solid #c0c0c0;}
.LPT{width:200px;border:1px solid #c0c0c0;}
.red{color:Red;}
.textleft{text-align:left;}
.textcenter{text-align:center;}

.pagelink 
{
	clear:both;
	padding-left:10px;
	height:25px; 
	/*background-image:url(../images/copyline.gif);
    background-position:center 24px;
	background-repeat:no-repeat;	*/
}
.pagelink ul li
{
	float:left;	
	margin-right:5px;
	padding-left:20px;
	line-height:25px;
	background-image:url(../images/dotlink.gif);
	background-repeat:no-repeat;
	background-position:left center;
}


.copy
{
	height:85px;
	text-align:center;
	color:#666;
	
}
.copy .content
{
	margin-top:15px;
	line-height:150%;
	clear:both;	
}
.copy .c
{	
	width:784px;	
}
.copy .line
{
	height:9px;
	height:10px;line-height:10px;overflow:hidden;
    background-image:url(../images/copyline.gif);
    background-position:center center;
	background-repeat:repeat-x;	
}
.copy .l ,.copy .r ,.copy .c
{
	background-image:url(../images/copy.gif);
	height:76px;
}
.copy .l ,.copy .c
{
	float:left;
}
.copy .l ,.copy .r
{
	width:8px;	
}
.copy .c
{		
	background-position:center -2px;
	background-repeat:repeat-x;		
}
.copy .l
{	
	background-position:center -87px;	
}
.copy .r
{	
	background-position:center -190px;
	float:right;
}
.content
{
	margin:10px 0px 10px 0px;
	clear:both;
}
.content .left ,.content .left30
{
	width:27%;
	float:left;
	
}
.content .right ,.content .right70
{
	width:73%;
	float:right;	
}

.content .box
{
	border:1px solid #e0dbdb;
	padding:10px;	
}
.content .box .title
{
	font-size:18px;
	font-weight:bolder;
	text-align:center;
}
.content .con
{
	text-align:left;
	line-height:140%;
	padding:10px 50px 10px 50px;
	height:300px;
}

	
.List
{
	clear:both;
	margin-left:20px;
	text-align:left;
	color:#666;
}
.List h6{float:left;margin:0px;padding:0px;}
.List .head
{
	width:auto;
	clear:both;	
	margin-bottom:5px;
	line-height:30px;
	height:30px;
	overflow:hidden;
}
.List .Training
{
	background-image:url('../images/training.gif');
	background-position:left center;
	background-repeat:no-repeat;
	width:80px;
	height:30px;
}
.List .News
{
	background-image:url('../images/news.gif');
	background-position:left center;
	background-repeat:no-repeat;
	width:80px;
	height:30px;
}

.List .Line
{
	height:1px;overflow:hidden;line-height:1px;
	width:415px;
	background-color:#ddd;
	margin-top:21px;
}
.List .more 
{
	width:40px;
	height:11px;overflow:hidden;line-height:11px;
	margin-top:16px;
	padding:0px;
}
.List .more a
{	
	clear:both;
	background-image:url('../images/more.gif');
	background-position:center left;
	background-repeat:no-repeat;
	padding:0px 20px 0px 20px;
	width:40px;
	line-height:10px;
	height:10px;
	overflow:hidden;	
}
.List .more a:hover , .List .more a:active
{
	text-decoration:none;
}
.List .l
{
	float:left;
	width:90px;	
}
.List .c ,.List .t
{
	clear:both;
	margin-bottom:10px;
}
.List .img
{
	height:87px;
	width:87px;
	margin:10px 5px 10px 5px;
	background-image:url('../images/img.gif');
}
.List .r
{
	float:left;	
	padding-left:10px;
	width:435px;
}
.List .r .title
{
	
	padding-left:20px;
	background-image:url(../images/arrow.png);
	background-position:left center;
	background-repeat:no-repeat;
	line-height:20px;
	font-size:10pt;
	font-weight:bolder;
	margin:5px;
}
.List .r .content
{
	margin:5px 2px 5px 5px;
	text-indent:20px;
	padding:0px;
}
.topone
{
	border:1px solid #ddd;
	background-color:#f0f0f0;
	margin-top:10px;
}
.List  ul li
{
 margin-left: 5px;
 margin-right: 16px;
 color:#da1905;
 clear:both;
 line-height:25px; 
 height:25px;
}

.List  ul li a
{
	float:left;
	background-image:url(../images/dot.png);
	background-position:0px center;
	background-repeat:no-repeat;
	padding-left:10px;
}
.List  ul li span
{
	float:right;
	color:#666;
}
.List  ul li span
{
	float:right;
	color:#666;
}
.List .c ul li span
{
	
	
}
.List .r ul li span
{
	margin-right:5px;
}
.content .List  ul li
{
	border-bottom:1px dotted #ddd;
	
}
.List .c ul li
{ 
 margin-right:18px;
}
.List .r ul li
{
	line-height:20px; 
	height:20px;
	margin:2px 0px 2px 0px;
	padding-left:10px;
}




.form{ text-align:left;padding:10px 5px 10px 5px;}
.form ul li{ list-style-type:none;clear:both;line-height:25px;padding:0px;color:#000;}
.form fieldset{margin-bottom:10px;padding:10px 0px 10px 0px;border:1px solid #e0dbdb; }
.form ul li p{	
	width:26.6%;
	margin-right:10px;
	text-align:right;
	float:left;
	line-height:25px;
	color:Red;
}
.form .alt
{
	color:#c0c0c0;
	font-size:12px;
	padding:1px 2px 1px 5px;	
	
}

.form .title
{
	text-align:center;
	font-size:14px;
	font-weight:bolder;	
	line-height:25px;	
}
.form  input
{
	border:1px solid #ccc;	
}
.form .Null
{
	border:0px;	
}
	
.form .submit input , .sub
{	
	text-align:center;	
	width:80px;
	height:25px;
	margin:5px;
	border:1px solid #ccc;
	background-image:url(../images/gridheadbg.gif);
	background-position:center center;
	background-repeat:repeat-x;
	cursor:pointer;
}
.form .submit
{
	margin:10px 0px 10px 0px ;
	text-align:center;	
	padding:10px;
}


.atmenu 
{	
	clear:both;
	text-align:left;	
}
.atmenu .title
{	
	height:30px;
	background:#ddd;
	line-height:30px;	
	margin-bottom:10px;
	background-image:url(../images/register.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.atmenu .m
{
	border:1px solid #ddd;
	background-color:#f4f4f4;
	margin-bottom:5px;
}
.atmenu .m ul
{ 
	margin:3px;
	background-color:#fff;
	border:1px solid #ddd;
	padding:10px 0px 10px 0px;
	
}
.atmenu .m ul li 
{
	border:1px solid #fff;	
}
.atmenu .m ul li a div
{

	line-height:20px;
	height:20px;
	cursor:pointer;
	padding-left:25px;
}
.atmenu .m ul li a div
{
	background-image:url(../images/actmenu.gif);
	background-repeat:no-repeat;	
}
.atmenu .m ul li a:link  div , .atmenu .m ul li a:visited div
{	
	text-decoration:none;		
	background-position:left -20px;		
}
.atmenu .m ul li a.on:link div , .atmenu .m ul li a.on:visited div
{	
	background-position:left 0px;
	color:#fff;
}
.atmenu .m ul li a.on:hover div , .atmenu .m ul li a.on:active div
{	
	color:#da1905;
}
.atmenu .m ul li a:hover div , .atmenu .m ul li a:active div
{	
	background-position:left 0px;
	color:#da1905;
}

.show
{
	background:#f8f9fa;	
	border:1px solid #e0dbdb;
	width:100%;
	margin-left:10px;
}

.Res .title ,.show .title
{
	text-align:center;
	font-size:18px;	
	background:#f0f0f0;
	line-height:30px;
	font-family:黑体;
	
}
.show .title
{
	background:none;	
}

.Res .subtitle ,.show .subtitle
{
	text-align:center;
	font-size:9pt;
	padding:5px;	
}
.Res .content ,.show .content
{
	padding:5px;
	text-align:left;
	
}
.Res .TrainingClass
{
	margin:5px;	
}

.Grid
{
	width:100%;		
}
.Grid .head
{
	height:25px;	
	background-repeat:repeat-x;
	background-position:center center;
	
}


.Grid  {
	border-collapse:collapse;
}
.Grid td {	
    border:#e0dbdb 1px solid;
	padding:2px;
	text-align:center;
	line-height:18px;	
	text-indent:0px;	
}
.Grid .head td
{
	border-top:2px solid #2B78C6;
	font-weight:bolder;
	padding:2px;
	background:#efefef;
	text-indent:0px;	
}
.Grid .bottom
{
	background:#f2f2f2;
}

a.btn:link		{text-decoration: underline; color : #00007F;}
a.btn:visited	{text-decoration: underline; color : #00007F;}
a.btn:hover	{text-decoration: underline; color : #ffffff;background:#00007F;}
a.btn:active	{text-decoration: underline; color : #ffffff;background:#00007F;}

.member,#training, .member .head{width:800px;}.member {    /*position:absolute;*/    /*background:#f2f2f2;*/    border: 1px solid #666;    text-align: left;    padding: 0px;    /*margin-bottom:5px;*/}
.member .form
{
	background:#fff;

}
.member .form fieldset{margin-bottom:10px;padding:5px 0px 5px 0px;border:1px solid #666; }
.member .head
{
	background:#666;	
	margin-bottom:5px;
}
.member .title
{
	font-size:14px;
	float:left;
	margin:0px;
	margin-left:5px;
	color:#fff;		
}

a.cl:link ,a.cl:visited		{text-decoration: none; color : #fff;}
a.cl:hover ,a.cl:active	{text-decoration: none; color : #336699;}
	
.member td{height:20px;line-height:20px;padding-top:1px;padding-bottom:1px}

.member .close
{
	font-size:20px;
	float:right;
	margin-right:5px;
	cursor:pointer;
	
}

.member p{width:100px;float:left;text-align:right;padding-right:5px;line-height:20px;word-spacing:2px; }

.show{ width:93%;}
.content .con{ height:auto;}#InvoiceList table tr {    display:block;    padding:1px}#InvoiceList table tr td {    width:auto;    margin:0px;    padding:0px;}#InvoiceList .td_title{    width:109px;    text-align:right;    padding-right:5px;}

