/*

/////////////////////////////////////////
css index
-----------------------------------------
00.body
01.rootbox
02.headerbox
03.menubox
04.conbox
05.sidebar
06.mainconbox
07.footerbox


color index:
-----------------------------------------
#023373 deep blue for bar bg
#024873 dark blue for text
#66bbd9 light blue for text on bar
#000 red for emphasized parts

-----------------------------------------
/////////////////////////////////////////

*/


/*-----------------------------------------00.body--------------------------------------------*/
body{
	font-family:MingLiU, PMingLiU, Arial;
    	text-align: center;
	background: url(../images/bg.jpg) #fff repeat-x left top;
	color: #024873;
	font-size: 16px;
	line-height:1em;
}

/*-----------------------------------------01.rootbox-----------------------------------------*/

.rootbox{
text-align:left;
/*min-height:590px;
_height:590px;*/
margin:0 auto;
position: relative;
overflow:hidden;
height:100%;
width:100%;
min-width:1000px;
/*border:1px solid #555;*/
}

a:link{
	text-decoration:none;
color: #024873;
}
a:visited{
	text-decoration:none;
color: #024873;
}
a:hover{
	text-decoration:none;
	color:#000;
}
a:active{
	text-decoration:none;	
	color:#000;
}

/*-----------------------------------------02.headerbox-----------------------------------------*/
.headerbox{
	height: 150px;
	width:100%;
	min-width:1000px;
	position:relative;
}

.logo{
	position:absolute;
	top: 13px;
	left:0px;
	width:171px;
	height:43px;
	background: url(../images/logo.gif) no-repeat 20px top;
	
	z-index:200;
	}


.logo span{
visibility: hidden;
}


.logbt{
	position:absolute;
	top:20px;
	right:20px;
	width:100%;
	text-align:right;
	text-transform:uppercase;
	z-index:300;
	color: #ccc;
	}

.logbt li{
	display:inline;
	vertical-align:baseline;
	padding-left:10px;
	}
.logbt span{
	padding-left:5px;
	}

.logbt a:link{
	text-decoration:none;
color: #66bbd9;
}
.logbt a:visited{
	text-decoration:none;
color: #66bbd9;
}
.logbt a:hover{
	text-decoration:none;
	color:#ccc;
}
.logbt a:active{
	text-decoration:none;	
	color:#ccc;
}

.header-bkbox01{

}

.header-bkbox02{

}

.header-bkbox03{
background: #023373;
width:100%;
min-width:1000px;
height:55px;
position:absolute;
top:0;
left:0;
z-index:10;
}

/*-----------------------------------------03.menubox-----------------------------------------*/
.menubox{
display: none;
}

/*-----------------------------------------04.conbox-----------------------------------------*/

.conbox-full{
clear:both;
width:100%;
min-width:1000px;
overflow:hidden;
height:100%;
/*border:1px solid #555;*/
}

.conbox{
margin:0 20px;
overflow:hidden;
height:100%;
/*border:1px solid #555;*/
}



/*-----------------------------------------05.sidebar-----------------------------------------*/

.sidebar{
float: left;
/*float: right;*/
width: 230px;
margin:1px 0 0 1px;
}

.sidebar div{
margin-bottom: 20px;
}

.treeClassRoot01{
width:230px;
/*height:42px;*/
background:#e5e5e5;
border:1px solid #ccc;
clear:both;
}

.treeClassSub01{
width:230px;
/*height:42px;*/
background:#efefef;
clear:both;
border: 1px solid #ccc;
border-top:0;
}

.treeClassRoot01 a{
float:left;
width:120px;
/*height:30px;*/
padding: 0 0 10px 20px;
margin:10px 20px 0px 20px;
background: url(../images/control_play.png) no-repeat left top;
overflow:hidden;
}

.treeClassSub01 a{
float:left;
width:125px;
/*height:30px;*/
padding: 0 0 10px 20px;
margin:10px 20px 0px 40px;

background: url(../images/control_play_blue.png) no-repeat left top;
overflow:hidden;
}

.treeClass01 a:link{
color: #024873;
}
.treeClass01 a:visited{
color: #024873;
}
.treeClass01 a:hover{
color: #049dd9;
}
.treeClass01 a:active{
color: #049dd9;
}

/*-----------------------------------------06.mainconbox-----------------------------------------*/
.mainconbox{
}

.maincon{
margin-left: 290px;
/*border: 1px solid #666;*/
/*margin-right:290px;*/
}

.viewpath{
	position:absolute;
	top:56px;
	left:0px;
	z-index:500;
	width:100%;
min-width:100%;
color:#024873;
background: #90d8f1;
*background: none;/*IE6+IE7 hack*/
padding:10px 0 10px 20px;
/*border:1px solid #555;*/
	}

.viewpath li{
	display: inline;
	padding-right:5px;
	}

.maincon p{

}

/*-----------------------------------------07.footerbox-----------------------------------------*/
.footerbox{
	clear:both;
	margin-top:60px;
	padding-top:16px;
	padding-bottom:60px;
	font-family:"Trebuchet MS";
	text-align:right;
	border-top:1px solid #66bbd9;
	}
	
.footerbox p{

	margin:0 20px;
	font-size: 12px;
	text-transform:uppercase;
	display:inline;
	line-height:normal;
	vertical-align:baseline;	
	}

.datainput-search {
	text-align: left;
	vertical-align: central;
}

.form-searchcontrol {
	width: 60%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
}