@charset "utf-8";
/* CSS Document */

body,ul,li,p,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,img,b,em,span,i,pre,form,fieldset,label,input,textarea,blockquote {margin: 0; padding: 0;}
img{ font-weight: bold;border:0px; }
input,select,textarea,button{vertical-align:middle;}
ul,li,ol,hr{ margin:0px; padding:0px; list-style:none;}
h1,h2,h3,h4,h5,h6,textarea{font-size:11px;}
select{ font-size:11px;font:11px/160% Verdana, Arial, Helvetica, sans-serif;}
a  {font-size: 11px; text-decoration: underline; color: #2F3586; }
a:hover {background: #dedede; color: ff0000;  }
a:visited  {color: #883388;}
input,textarea,select,table{font-size:11px; font-family:Verdana, Geneva, sans-serif;}

body {
	text-align: center;
	background:#aebc21;margin:0px; padding:0px;
	background:url(../images/mainbg.jpg) repeat-x 0% 0px #225289; 
}


li { list-style: none;list-style-type: none;}

h2 {height:20px;line-height:20px;	font-size:13px;color:#000;text-align:left;text-indent:5px;}
.mainSearch h2 { float: left;width: 135px;}


.margintop5{margin-top:5px;}
.margintop10{margin-top:10px;}
.margintop15{margin-top:15px;}
.margintop20{margin-top:20px;}
.margintop30{margin-top:32px;}
.margintop80{margin-top:80px;}

.hidden{ display:none;}


.font13px {
   font-size: 14px;
	margin-left: 0;
}

.font15px {
   font-size: 14px;
	margin-left: 0;
   font-weight: bolder;
}

.fontRed {
	color: #F00;
}

.fontBlue {
	color: #3958A8;
}



/*--- basic end ---*/



 .br1, .br2, .br3, .br4, .subNavBtn, .nav li span, .linkTag li, .linkTagBtn, .sidebarBtn, .search li,
 .mainSearch .tle span, .mainTag h2, .mainBtn, .icoPdf,.icoWord,.icoTip, .icoBasic, .icoHtml, .mainMenu li, .bigBtn,.largeBtn,
 .fagTitle, .icoJpg, .icoWord2007, .icoExcel, .faq li span.lastSpan { 
	background: url(../images/basicBg.png) no-repeat;
}

.mainSearch,.footer,.mainTle,.line, .h2Former, .mainTitle  { 
	background: url(../images/basicBg.png) repeat-x;
}


/*--- forms ---*/




.subNavBtn {
	width: 115px;
	height: 26px;
	line-height: 20px;
	padding-bottom: 7px;
	background-position: 0 -180px;
	border: 0;
	color: #FFF;
	font-size: 13px;
	font-weight: bolder;
}

.linkTagBtn {
	width: 153px;
	height: 19px;
	margin:5px 0px 5px 11px;
	padding-bottom:3px;
	background-position: 0 -104px;
	border: 0;
	color: #D4E0EC;
	font-weight: bolder;
	font-size: 11px;
}

.ipt { 
	width: 94px;
	height: 14px;
	margin-left: 5px;
	border: solid 1px; 
	border-top-color: #ACA899;
	border-left-color: #ACA899;
	border-right-color: #F1EFE2;
	border-bottom-color: #F1EFE2;
}

.sidebarBtn {
	width: 54px;
	height: 21px;
	line-height: 17px;
	padding: 0 0 3px 0;
	background-position: 0 -264px;
	border: 0;
	color: #FFF;
   font-weight: bolder;
	font-size: 11px;
}

.mainSearch .ipt { 
	width: 137px;
}

.mainSearch select { 
	width: 120px;
	height: 19px;
	border: solid 1px #7F9DB9;
}

.mainSearch .sidebarBtn { 
	width: 58px;
	height: 17px;

	background-position: 0 -77px;
	border: 0;
	color: #FFF;
}

.mainTag .ipt { 
	color: #333;
	font-size: 11px;
}

.readonly {
	color: #999;
}

.mainBtn {
	width: 29px;
	height: 16px;
	line-height: 14px;
	padding: 0 0 4px 0;
	margin-top: 1px;
	margin-left: 15px;
	background-position: -47px -130px;
	border: 0;
	font-size: 11px;
   font-weight: bolder;
	color: #FFF;
	
}

.bigBtn {
	width: 83px;
	height: 20px;
	padding-bottom: 3px;
	background-position: 0 -219px;
	border: 0;
	color: #242424;
   font-weight: bolder;
	font-size: 11px;
}

.largeBtn {
	width: 112px;
	height: 20px;
	padding-bottom: 3px;
	background-position: -86px -218px;
	border: 0;
	color: #242424;
   font-weight: bolder;
	font-size: 11px;
	font-weight: normal;
}

.mainbody .tle {
	width: 774px;
}

.tle {
   position: relative;
	width: 178px;
	height: 20px;
	background: #EBEBEB;
	border: solid 1px #EBEBEB;
}

.agency {
	background: #FE9900;
	border: solid 1px #FE9900;
}

.linkTag .tle, .sidebarTag .tle {
	width: 178px;
}

.mainTag .tle {
	width: 386px;
	margin: 10px auto 0 auto;
}

.mainSearch .tle {
	width: 384px;
	height: 23px;
	background: #BED3E6;
	border: solid 1px #BED3E6;
}

.mainMenu .tle {
	width: 774px;  
}



.mainSearch .tle span {
   display: block;
	float: left;
	width: 60px;
	height: 20px;
	line-height: 20px;
	background-position: -182px -48px;
	color: #666;
}

.br1, .br2, .br3, .br4 { 
   display: block;
}

.br1 {
	width: 3px;
	height: 3px;
	background-position: -19px -131px;
	position: absolute;
	left: -1px;
	top: -1px;
	font-size: 0px;
}

/*
* html .br2 {
	right: -2px;
}

* html .br4 {
	right: -2px;
}
*/

.br2 {
	width: 3px;
	height: 3px;
	background-position: -22px -131px;
	position: absolute;
	right: -1px;
	top: -1px;
	font-size: 0px; 
}

.br3 {
	width: 3px;
	height: 3px;
	background-position: -19px -134px;
	position: absolute;
	left: -1px;
	bottom: -1px;
	font-size: 0px; 
}

.br4 {
	width: 3px;
	height: 3px;
	background-position: -22px -134px;
	position: absolute;
	right: -1px;
	bottom: -1px;
	font-size: 0px; 
}

* html .mainSearch .tle .br3, * html .mainSearch .tle .br4 {
	bottom: -2px;
}

.mainSearch .tle .br3 {  
	width: 2px;
	height: 2px;
	background-position: -33px -133px;
	position: absolute;
	left: -1px;
	bottom: -1px;
	font-size: 0px; 
}

.mainSearch .tle .br4 {
	width: 2px;
	height: 2px;
	background-position: -35px -133px;
	position: absolute;
	right: -1px;
	bottom: -1px;
	font-size: 0px; 
}

.agency .br1 {
	width: 3px;
	height: 3px;
	background-position: -19px -139px;
}

.agency .br2 {
	width: 3px;
	height: 3px;
	background-position: -22px -139px;
}

.agency .br3 {
	width: 3px;
	height: 3px;
	background-position: -19px -142px;
}

.agency .br4 {
	width: 3px;
	height: 3px;
	background-position: -22px -142px;
}



/*--- mainSearch ---*/
.mainSearch .br1 {
   width: 4px;
	height: 4px;
	background-position: -4px -130px;
}

.mainSearch .br2 {
   width: 4px;
	height: 4px;
	background-position: -8px -130px;
}

.mainSearch .br3 {
   width: 4px;
	height: 4px;
	background-position: -4px -134px;
}

.mainSearch .br4 {
   width: 4px;
	height: 4px;
	background-position: -8px -134px;
}


/*--- tabel ---*/
.icoBasic {
	display: block;
	float: left;
	width: 25px;
	height: 30px;
	margin-right: 5px;
	background-position: -116px -149px;
}

.icoHtml {
	display: block;
	float: left;
	width: 29px;
	height: 31px;
	margin-right: 5px;
	background-position: -115px -183px;
}

.icoJpg {
	display: block;
	float: left;
	width: 23px;
	height: 30px;
	margin-right: 5px;
	background-position: -87px -149px;
}

.icoWord2007 {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	background-position: -165px -240px;
}

.icoExcel {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	background-position: -134px -240px;
}


.icoPdf {
   display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background-position: -1px -153px;
}

.icoPdf {
   display: block;
	float: left;
	width: 31px;
	height: 31px;
	margin-right: 5px;
	background-position: -144px -160px;
}

.icoWord {
   display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	margin-top: -1px;
	background-position: -20px -153px;
}

.icoWord {
   display: block;
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	background-position: -148px -128px;
}

td ul.clearIco li {
	clear: left;
	/*height: 31px;*/
 	margin-top: 0px;
    display:block;
	line-height:14px;
	border-top:5px solid #fff;/*---sara:05.26---*/
	*border-top:3px solid #fff;
}

.icoTip {
   display: block;

	width: 16px;
	height: 16px;
	margin-right: 5px;
	background-position: -40px -153px;
}


td.icoAlign a { 
	position: relative;
	float: left;
	left: 30%;
}

td.icoAlign a span { 
	position: relative;
	rigth: 70%;
}


h2.mainTle { 
   width: 100%;;
	height: 23px;
	line-height: 23px;
	background-position: 0 -30px;
}

.tabHide {
	margin-top: 10px;
}

.tabHide, .tabDisplay { 
   width: 100%;
	margin-bottom: 10px;
	border-collapse: collapse;
	
}



.tabHide th {
	background-color: #FFF;
	color: #333;
	vertical-align: top;
}

.tabHide td {
   height: 30px;
   padding-left: 2px;
	text-align: left;
	vertical-align: top;
}

.tabHide td.tdL {
   padding-right: 2px;
	text-align: right;
	font-weight: bolder;
}

.tabHide td.tdR {
   padding-left: 2px;
	text-align: left;
}

ul.ulUnite li a {
	display: inline-block;
	width: 80px;
}

p.line { 
	width: 100%;
	height: 2px;
	margin-top: 5px;
	background-position: 0 -55px;
}


.tabDisplay {
	border: solid 1px #3958A8;
}

.tabDisplay th {
	height: 30px;
	border: solid 1px #3958A8;
}

.tabDisplay td { 
   height: 30px;
	padding: 2px;
	border: solid 1px #3958A8;
}



td.thLast {
	height: 10px;
	background: #3958A8;
}

.tabDisplay caption {  /*---  ---*/
   width: 100%;
	height: 20px;
   text-align: left;
   font-weight: bolder;
   font-size: 13px;
}

.tdBg1 {
	background: #EAEAFF;
}

th.patency {  /*--- amend: 5.12 ---*/
	background: #628EBC;
	color: #FFF; 
}

.patency {  /*--- amend: 5.12 ---*/
	background: #ecf2fb;
}

.tdBg1 .patency {  /*--- amend: 5.12 ---*/
	background: #bfd0ea;
}

/*--- mainMenu ---*/
.mainMenu {
	position: relative;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	margin-bottom: 10px;
}

.mainMenu h3 {
	width: 100%;
	height: 24px;
	line-height: 24px;
	background: url(../images/barb_bg.gif) repeat-y left;
	font-size: 13px;
	text-indent: 10px;
   color: #FFF;
}


.mainMenu li {
   width: 770px;
	font-weight: bolder;
	margin-top: 5px;
	background-position:-195px -70px;
	text-indent: 15px;
}



h2.h2Former {
   width: 760px;
   height: 23px;
	margin-top: 15px;
	line-height: 23px;
	background-position: 0 -30px;
	color: #5D5D5D;
}



.faq li {
   clear: left;
	background: none;
   margin-left: 10px;
	margin-top: 10px;
	line-height: 24px;
	font-weight: normal;
	text-indent: 0;
}

.faq li span {
   display: block;
	float: left;
}

.faq li span.lastSpan {
   background-position: -192px -605px;
   text-indent: 15px;
}

.faq li span.faqNewline {
	display: block;
	float: left;
	width: 740px;
	margin-left: 5px;
}


li.liLast {
	background: none;
	
}


/*--- mainTitle ---*/


.mainTitle {
	width: 770px;
	height: 48px;
	margin-bottom: 20px;
	background-position: 0 bottom;
}

.orange .font13px { /*--- amend: 5.12 ---*/
	color: #E96C27;
} 

.orange { /*--- amend: 5.12 ---*/
	background-image: none;
	border-bottom: solid 2px #E96C27;
}

.mainTitleAmend {
   height: 30px;
	margin-bottom: 0;
	background: none;
}

div.fagTitle {
	width: 129px;
	height: 21px;
	margin : 10px auto 10px 320px;


	background-position: 0 -240px;
}

.mainTitle h3, .tabTitle {
   display: inline;
	float: left;
   width: 350px;
	margin-top: 0;
	text-indent: 0;
}

.tabTitle {
   width: 500px;
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 13px;
	color: #000;
}

h2.import {
	width: 775px;
	height: 30px;
	line-height: 30px;
	background: #3958A8;
	color: #FFF;
	text-align: center;
}


.mainTitle h3 a {
	font-size: 13px;
	text-indent: 0;
}

.mainTitle h3 span {
	display: block;
	font-size: 11px;
}

.mainTitle h4 {
   display: inline;
	float: right;
	width: 350px;
   font-weight: normal;
	text-align: right;
}

.mainTitle h4 span {
	font-weight: bolder;
}

.mainTitle ul {
	clear: both;
	display: inline;
	float: left;

	margin-top: 10px;
	font-weight: bolder;
}

.mainTitle ul a {
   text-decoration: none;
}

.mainTitle ul li {
   clear: left;
	display: inline;
	float: left;
   white-space: nowrap;
}

.mainTitle h5 {
   clear: right;
	display: inline;
	float: right;
   
	margin-top: 20px;
	text-align: right;
	font-size: 15px;
}

.orange h5 { /*--- amend: 5.12 ---*/
	color: #E96C27;
}

.mainTitle h5.floatL {
	float: left;
	width: 350px;
	margin-top: 20px;
}

.tleR {
   margin-top: -10px;
	margin-bottom: 10px; /*--- amend: 5.12 ---*/
	text-align: right;
}

.iptText {
	width: 400px;

	margin-bottom: 10px;
	height: 60px;
}

dl.dl_1 {
   display: inline;
	float: left;
	width: 680px;
	margin-top: 10px;
}

dl.dl_1 dt {

	font-weight: bolder;
	font-size: 13px;
}

.moreInfo dd { 
	width: 200px;
	min-height: 60px;
	height: auto !important;
	height: 60px;
	position: absolute;
	left: -9999px;
	background-color: #CCCCFF;
	border: solid 1px #3958A8;
	z-index: 10;
}
.moreInfo.sfhover dd {
	left: auto;
}





.mainMenu h2.h2Former.orange {  /*--- amend: 5.12 ---*/
	background: url(../images/barb_bg_2.gif) repeat-y left;
	color: #FFF;
	border-bottom: none;
}

h2.h2Former.blue {  /*--- amend: 5.12 ---*/
	background: url(../images/barb_bg.gif) repeat-y left;
	color: #FFF;
}

h2.import.orange { /*--- amend: 5.12 ---*/
	background: #E96C27;
}

.ew {
	width: 400px;
	background-color: Aqua;
}

h2.import .blue { /*--- amend: 5.12 ---*/
	background: #628EBC;
}



/*---Start  sara: 5.25 ---*/
.notice_text{_line-height:16px; width:575px; text-align:left;}
.h2_prev{font-weight: normal; float:right;margin-right:20px;}
.floatleft{ float:left;}
.notice_tl{ width:200px; padding-right:5px;}
.notice_btn{float:left;margin-top:0px;*margin-top:1px;}


/*---End  sara: 5.25 ---*/