/* index */
 @import url(public.css);
 
 
/*header*/
#header { line-height:0; font-size:0; height:100%;}
/*mainContent*/
#mainContent { }
#mainContent .part01 { float:left; width:277px; height:113px; overflow:hidden; background:url('../images/bg_part01.gif') bottom no-repeat; }
#mainContent .part01 h3 { height:24px; background:url('../images/bg_part01_title.gif') no-repeat; }
#mainContent .part01 h3 span { visibility:hidden; }
#mainContent .part01 h3 a { float:right; margin:3px 6px 0 0; display:inline; }
#mainContent .part01 ul,#mainContent .part02 ul { width:100%; }
#mainContent .part01 ul li,#mainContent .part02 ul li { margin:6px 10px 2px; padding:0 10px 3px; line-height:12px; border-bottom:solid 1px #1b6cb6; }
#mainContent .part01 ul li a,#mainContent .part02 ul li a { padding:0 0 0 15px; color:#fff; background:url('../images/arrow01.gif') 0 2px no-repeat; }
#mainContent .part01 ul li a:hover,#mainContent .part02 ul li a:hover { text-decoration:none; color:#8fc9ff; background:url('../images/arrow01.gif') 2px 2px no-repeat; }

#mainContent .part02 { float:left; width:232px; height:113px; overflow:hidden; background:url('../images/bg_part02.gif') bottom no-repeat; }
#mainContent .part02 h3 { height:24px; background:url('../images/bg_part02_title.gif') no-repeat; }
#mainContent .part02 h3 span { visibility:hidden; }
#mainContent .part02 h3 a { float:right; margin:3px 6px 0 0; display:inline; }
#mainContent .part02 div { margin:6px 10px 0; }
#mainContent .part02 div a img { float:left; border:solid 1px #86d6ff; }
#mainContent .part02 div p { margin:0 0 0 86px; line-height:18px; }
#mainContent .part02 div p a { color:#fff; }
#mainContent .part02 div p a:hover { color:#8fc9ff; text-decoration:none; }
#mainContent .part02 div p span { color:#99b9da; }

#mainContent .part03 { float:left; width:277px; height:113px; overflow:hidden; background:url('../images/bg_part03.gif') bottom no-repeat; }
#mainContent .part03 h3 { height:24px; background:url('../images/bg_part03_title.gif') no-repeat; }
#mainContent .part03 h3 span { visibility:hidden; }
#mainContent .part03 h3 a { float:right; margin:3px 6px 0 0; display:inline; }
#mainContent .part03 div.tab_con { margin-right:85px; height:20px; text-align:center; }
#mainContent .part03 div.tab_con a img { margin-top:15px; border:solid 1px #86d6ff; }
#mainContent .part03 ul { float:right; width:85px; }
#mainContent .part03 ul li.ctrlbtn a{ width:67px; height:17px; padding:5px 0 0 18px; background:url('../images/bg_part03_btn.gif') no-repeat; color:#0d2c78; display:block; }
#mainContent .part03 ul li.ctrlbtn a:hover { width:67px; padding:5px 0 0 18px; text-decoration:none; color:#f60; }
#mainContent .part03 ul li.ctrlbtn_o a { width:63px; height:17px; padding:5px 0 0 22px; text-decoration:none; color:#f60; background:url('../images/bg_part03_btn_o.gif') no-repeat; display:block; }
#mainContent .part03 ul li.ctrlbtn_o a:hover{ color:#f60; text-decoration:none; }

#mainContent .part04 { float:left; width:216px; height:113px; overflow:hidden; }







.msg {
	width: 90%;
	margin: 10px auto;
	clear: both;
	line-height: 17px;
	padding: 6px;
border:1px solid #9BDF70;
background-color: #F0FBEB;
	color: #333; text-align:left;
}

.msg p{
	line-height:17px;
}





#mainBox ul{padding:30px 0; width:100%; }
#mainBox ul li{float:left; width:325px; background:url(../images/mainBG.gif) no-repeat 0 100%;height:170px; margin:0 15px 0 10px; padding-top:15px;}
#mainBox ul li.last{background:0;}
#mainBox ul li p strong{font-size:14px; color:#EB6700; line-height:34px;padding-left:14px; background:url(../images/arrow_orange.gif) no-repeat 0; display:block;}
#mainBox ul li img{float:left; margin:0 25px; border:1px solid #c2c2c2;}
#mainBox ul li p span{color:#005bd5;}
#mainBox ul li p{float:right; color:#5C679F; width:191px; height:123px; padding:0; margin:0; line-height:20px;}
#mainBox ul li a{display:block;width:63px; height:19px; background:url(../images/more.gif); text-align:center; text-indent:-9999em; clear:both; float:right;}









#mainBox .content{padding:46px 0; width:100%; }
#mainBox .content img{padding-right:2px; padding-bottom:10px;}
#mainBox .content h2{background:url(../images/mainTBG.gif) no-repeat 0 100%; padding-bottom:10px;}
#mainBox .content h2 strong{font-size:14px; color:#EB6700; line-height:34px; margin-left:15px; padding-left:14px; background:url(../images/arrow_orange.gif) no-repeat 0;}
#mainBox .content .text{width:630px; margin:10px 42px; color:#354465; }
#mainBox .content .text h1 { font-size:14px; color:#354465; line-height:26px; text-align:center; }
#mainBox .content .text h1 span { font-size:12px; color:#EB6A00; font-weight:normal; display:block; }
#mainBox .content .text p { margin:1em 0; line-height:22px; }
#mainBox .content .linkText{margin:10px 42px;}
#mainBox .content .linkText a{background:url(../images//icon01.gif) no-repeat 0; padding:3px 0;padding-left:50px; line-height:37px; color:#23428B;}

a.button{display:block; width:94px; height:19px; line-height:19px; text-align:center; color:#fff; background:url(../images/btn_resume.gif) no-repeat 0; margin-left:350px; font-weight:700;}










#mainBox .index ul{padding:46px 0; width:100%; overflow:hidden;}
#mainBox .index ul li{float:left; width:325px; background:url(../images/mainBG.gif) no-repeat 0 100%;height:170px; margin:0 15px 0 10px;}
#mainBox .index ul li.last{background:0;}
#mainBox .index ul li h2{font-size:14px; color:#EB6700; line-height:34px; margin-left:15px; padding-left:14px; background:url(../images/arrow_orange.gif) no-repeat 0;}
#mainBox .index ul li img{float:left;}
#mainBox .index ul li p{float:right; color:#5C679F; width:140px; height:93px; padding:0; margin:0;}
#mainBox .index ul li a{display:block; width:63px; height:19px; line-height:19px; font-size:12px; color:#fff; background:url(../images/more.gif); text-align:center; text-indent:-9999em; clear:both; float:right;}

#mainBox .help{margin:36px 0;}
#mainBox .help h2{background:url(../../images/public/mainTBG.gif) no-repeat 0 100%; padding-bottom:10px;}
#mainBox .help h2 strong{font-size:14px; color:#EB6700; line-height:34px; margin-left:15px; padding-left:14px; background:url(../../images/public/arrow_orange.gif) no-repeat 0;}
#mainBox .help .helpInfo{width:622px; height:370px; background:url(../../images/PNS/helpBG.gif) no-repeat 0 0; margin:0 auto;}
#mainBox .help .helpInfo .TabTitle ul{margin:0 7px; height:35px; overflow:hidden;}
#mainBox .help .helpInfo .TabTitle ul li{float:left; line-height:35px; height:35px; color:#fff; width:67px; text-align:center;margin:0 16px; cursor:pointer; _margin:0 14px;}
#mainBox .help .helpInfo .TabTitle ul li.active{background:url(../../images/PNS/helpNavhover.gif) no-repeat center 100%;color:#23428B; line-height:30px; height:30px; margin-top:7px;}
#mainBox .help .helpInfo .TabContent{clear:both; position:relative;}
#mainBox .help .helpInfo .TabContent .contentBox{margin:34px; color:#23428B; line-height:20px; height:258px; overflow:auto; width:574px;scrollbar-arrow-color:#fff;scrollbar-highlight-color:#71aaf6;scrollbar-face-color:#23569a;scrollbar-shadow-color:#fff;scrollbar-darkshadow-color:#fff;scrollbar-base-color:#fff;scrollbar-track-color:#fff;scrollbar-3dlight-color:#fff;}
#mainBox .help .helpInfo .TabContent .contentBox a{background:url(../../images/public/icon01.gif) no-repeat 0; padding:3px 0;padding-left:50px; line-height:37px; color:#23428B;}
#mainBox .help .helpInfo .TabContent .turnPage{padding-left:242px;}
#mainBox .help .helpInfo .TabContent .turnPage a{display:block; width:63px; height:19px; line-height:19px; float:left; color:#fff; background:url(../../images/PNS/turnPageBtn.gif) no-repeat 0 0; text-align:center; margin-right:10px;}


#drag{LEFT:584px;POSITION:absolute; TOP:46px; cursor:pointer; z-index:100;}
#ruler{LEFT:584px;TOP:116px; cursor:pointer; position:absolute;z-index:100;}
#up{LEFT:584px; POSITION:absolute; TOP:30px; cursor:pointer;z-index:100;}
#down{LEFT:584px; POSITION:absolute; TOP:280px; cursor:pointer;z-index:100;}
#scrollerContentClip{LEFT:0; VISIBILITY: visible; OVERFLOW: hidden; WIDTH: 554px; POSITION: absolute; TOP:0; HEIGHT:260px;}
#scrollerContent{width:550px; height:260px;POSITION: absolute}










.num{
	text-align:center;font-size:13px;	font-family:"Arial";
}
.sortable {
	width: 94%; margin-left:10px;	BORDER: #cccccc 1px solid;
	border-collapse: collapse;
	text-align: left;
	float: left;
	margin-bottom: 10px;
}
.sortable td{
BORDER: #cccccc 1px solid;line-height:28px;
	padding:0 5px;
}

.sortable th {
	BORDER: #CCCCCC 1px solid;
	padding-left:5px; font-size:14px;
	color: #3a3a89;
	text-align:center;
	background-image: url('../images/title_bg.jpg');
	line-height: 30px;
}
.sortable th a:visited {
	color: #3a3a89;
	text-decoration: none;
}
.sortable th a{
	 text-decoration:none
}
.sortable thead th {
	background:url(../images/top_bg_x.gif) repeat-x #ECF7FB;
	background-position:0 -200px;
	text-align:center;
 line-height:30px; font-size:13px;font-weight:bold;	font-family:"Arial";
}
.lefttd{
	background:#e7eff9;width:20%;text-align:right;padding-right:5px;
}
.hkul {
	list-style-type:square;
	margin-left:20px;
	color: #789030;
}
.hkul li span {
	color: #000;
}





.cbutton {
	width:61px;
	font-size:9pt;
	height:24px;
	cursor: hand;
	background-image: url(../images/web_btimg2.gif);
	background-position: center center;
	border-top: 0px outset #eeeeee;
	border-right: 0px outset #888888;
	border-bottom: 0px outset #888888;
	border-left: 0px outset #eeeeee;
	padding-top: 4px;
	margin:3px;
	background-repeat: repeat-x;
	}
.dbutton{
background:url(../images/web_btimg.gif); border:1px solid #3D8BB9; padding:2px; padding-top:4px; margin:auto 2 auto 2; font-size:9pt;cursor:hand; 
}