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

.pageHeader{
}
.banner{
	height: 300px;
	background-image:url(../../images/banner/2.jpg);
	background-position: center center;
	background-color: #eee;
	background-size: cover;
	display:none;
	overflow: hidden;
}

.banner .rootColumnTitlebar{
	text-align: center;
	max-width: 1000px;
	margin: auto;
}
.banner .rootColumnTitlebar .columnName{
	display: block;
	color: #fff;
	font-size: 40px;
	padding-top: 130px;
	font-weight: normal;
	text-align: left;
	text-shadow: 1px 1px 2px #666;
}
.banner .rootColumnTitlebar .slaveColumnName{
	display: block;
	text-transform: uppercase;
	color: #fff;
	opacity: 0.4;
	padding-top: 10px;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}

.banner .rootColumnTitlebar{
	/*display: none;*/
}

.rootColumn_2 #banner2{ display: block;}
.rootColumn_3 #banner3{ display: block;}
.rootColumn_17 #banner17{ display: block;}
.rootColumn_4 #banner4{ display: block;}
.rootColumn_5 #banner5{ display: block;}
.rootColumn_6 #banner6{ display: block;}
.rootColumn_7 #banner7{ display: block;}
.rootColumn_8 #banner8{ display: block;}



@media only screen and (max-width:480px) {
	.banner{
		height: 180px;
	}
	.banner .rootColumnTitlebar .columnName{
		padding-top: 60px;
		font-size: 24px;
		padding-left: 20px;
	}
	.banner .rootColumnTitlebar .slaveColumnName{
		font-size: 10px;
		padding-left: 20px;
	}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
	.banner{
		height: 200px;
	}
	.banner .rootColumnTitlebar .columnName{
		padding-top: 80px;
		font-size: 24px;
		padding-left: 20px;
	}
	.banner .rootColumnTitlebar .slaveColumnName{
		padding-left: 20px;
	}
}
@media only screen and (min-width:1025px) {
	.wrapper{
		width: 1050px;
	}
}








.pageBody{
	
}
.pageBody .wrapper{
	display: block;
}

.pageAside{
}
.pageAside .rootColumnTitlebar{
	display: none;
}
.rootColumnTitlebar .columnName{
}
.rootColumnTitlebar .slaveColumnName{
}



.subNav{
	width: 100%;
	padding-top: 40px;
	height: 105px;
	padding-bottom: 40px;
	height: auto;
	background-position: center bottom;
}
.subNav ul{
	display: flex;
	width: 100%;
	justify-content:center;
}
.subNav li{
	text-align: center;
	display: block;
	width: 170px;
	height: 125px;
	position: relative;
}
.subNav li a{
	background-color: #f2f2f2;
	display: block;
	text-align: center;
	width: 160px;
	height: 105px;
	margin: auto;
	line-height: 20px;
	padding-top: 20px;
}
.subNav li.current a{
	background-color: #0080cc;
	color: #fff;
	font-weight: normal;
}
.subNav li a:hover{
	background-color: #5193ce;
	color: #fff;
}
.subNav li.current a:hover{
	background-color: #0080cc;
}


.subNav ul ul{
	display: none !important;
}



@media only screen and (max-width:480px) {
	.subNav{
		display: none;
	}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
}
@media only screen and (min-width:1025px) {
}


.subNav .icon{ width:40px; height: 40px; margin: auto; background-size: contain; background-position: center center; background-repeat: no-repeat;}
.subNav .columnName{padding-top: 10px;display: block;}
.subNav .slaveColumnName{ display: block; font-size: 10px}


#subNavListItem10 .icon{ background-image: url("../images/nav/10_.png");}
#subNavListItem11 .icon{ background-image: url("../images/nav/11_.png");}
#subNavListItem12 .icon{ background-image: url("../images/nav/12_.png");}
#subNavListItem13 .icon{ background-image: url("../images/nav/13_.png");}
#subNavListItem14 .icon{ background-image: url("../images/nav/14_.png");}
#subNavListItem15 .icon{ background-image: url("../images/nav/15_.png");}
#subNavListItem16 .icon{ background-image: url("../images/nav/16_.png");}
#subNavListItem18 .icon{ background-image: url("../images/nav/18_.png");}
#subNavListItem19 .icon{ background-image: url("../images/nav/19_.png");}
#subNavListItem20 .icon{ background-image: url("../images/nav/20_.png");}
#subNavListItem21 .icon{ background-image: url("../images/nav/21_.png");}
#subNavListItem22 .icon{ background-image: url("../images/nav/22_.png");}
#subNavListItem23 .icon{ background-image: url("../images/nav/23_.png");}

#subNavListItem24 .icon{ background-image: url("../images/nav/24_.png");}
#subNavListItem25 .icon{ background-image: url("../images/nav/25_.png");}
#subNavListItem26 .icon{ background-image: url("../images/nav/26_.png");}

#subNavListItem27 .icon{ background-image: url("../images/nav/27_.png");}
#subNavListItem28 .icon{ background-image: url("../images/nav/28_.png");}


#subNavListItem10:hover .icon{ background-image: url("../images/nav/10.png");}
#subNavListItem11:hover .icon{ background-image: url("../images/nav/11.png");}
#subNavListItem12:hover .icon{ background-image: url("../images/nav/12.png");}
#subNavListItem13:hover .icon{ background-image: url("../images/nav/13.png");}
#subNavListItem14:hover .icon{ background-image: url("../images/nav/14.png");}
#subNavListItem15:hover .icon{ background-image: url("../images/nav/15.png");}
#subNavListItem16:hover .icon{ background-image: url("../images/nav/16.png");}
#subNavListItem18:hover .icon{ background-image: url("../images/nav/18.png");}
#subNavListItem19:hover .icon{ background-image: url("../images/nav/19.png");}
#subNavListItem20:hover .icon{ background-image: url("../images/nav/20.png");}
#subNavListItem21:hover .icon{ background-image: url("../images/nav/21.png");}
#subNavListItem22:hover .icon{ background-image: url("../images/nav/22.png");}
#subNavListItem23:hover .icon{ background-image: url("../images/nav/23.png");}

#subNavListItem24:hover .icon{ background-image: url("../images/nav/24.png");}
#subNavListItem25:hover .icon{ background-image: url("../images/nav/25.png");}
#subNavListItem26:hover .icon{ background-image: url("../images/nav/26.png");}

#subNavListItem27:hover .icon{ background-image: url("../images/nav/27.png");}
#subNavListItem28:hover .icon{ background-image: url("../images/nav/28.png");}

#subNavListItem32:hover .icon{ background-image: url("../images/nav/14.png");}

#subNavListItem10.current .icon{ background-image: url("../images/nav/10.png");}
#subNavListItem11.current .icon{ background-image: url("../images/nav/11.png");}
#subNavListItem12.current .icon{ background-image: url("../images/nav/12.png");}
#subNavListItem13.current .icon{ background-image: url("../images/nav/13.png");}
#subNavListItem14.current .icon{ background-image: url("../images/nav/14.png");}
#subNavListItem15.current .icon{ background-image: url("../images/nav/15.png");}
#subNavListItem16.current .icon{ background-image: url("../images/nav/16.png");}
#subNavListItem18.current .icon{ background-image: url("../images/nav/18.png");}
#subNavListItem19.current .icon{ background-image: url("../images/nav/19.png");}
#subNavListItem20.current .icon{ background-image: url("../images/nav/20.png");}
#subNavListItem21.current .icon{ background-image: url("../images/nav/21.png");}
#subNavListItem22.current .icon{ background-image: url("../images/nav/22.png");}
#subNavListItem23.current .icon{ background-image: url("../images/nav/23.png");}

#subNavListItem24.current .icon{ background-image: url("../images/nav/24.png");}
#subNavListItem25.current .icon{ background-image: url("../images/nav/25.png");}
#subNavListItem26.current .icon{ background-image: url("../images/nav/26.png");}

#subNavListItem27.current .icon{ background-image: url("../images/nav/27.png");}
#subNavListItem28.current .icon{ background-image: url("../images/nav/28.png");}

#subNavListItem32.current .icon{ background-image: url("../images/nav/14.png");}

#subNavListItem23{ display: none;}
#subNavListItem16{ display: none;}
.pageContent{
	/*max-width:900px;*/
	display: block;
	width: 100%;
	overflow: visible;
}
.columnTitlebar{
	border-bottom: solid #ccc 1px;
	line-height: 3em;
	font-size: 1.3em;
	font-weight: bold;
	display: none;
}
.columnLocation{
	position:absolute;
	top:10px;
	right:0px;
	line-height:40px;
	color:#999;
	font-size:12px;
	display: none;
}
.columnLocation a{
	color:#999;
}
.columnContent{
	padding-top: 00px;
	padding-bottom: 60px;
	min-height: 300px;
}


@media only screen and (max-width:480px) {
	.columnContent{
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
}
@media only screen and (min-width:1025px) {
}


@media only screen and (max-width:480px) {
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
}
@media only screen and (min-width:1025px) {
}