/*###################################*/
/*#		include						#*/
/*###################################*/
@charset "utf-8";
/*###################################*/
/*#		reset						#*/
/*###################################*/
#submenu{
	display:none;
}
#main{
	float:none;
	width:100%;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
/*###################################*/
/*#		customize					#*/
/*###################################*/
#Topics1 .body{
	width: 960px;
	background: url("../images/index_Topics1_topics.jpg") top left no-repeat;
	height:280px;
}
#Topics1 .body .TOPICS{
	height:100%;
}

/*###################################*/
#Item1{
	width:960px;
}
#Item1 > .header{
	background:url("../images/index_Item1_header.jpg") top left no-repeat;
	height:101px;
}

/*###################################*/
#Item2{
	width:960px;
}
#Item2 > .header{
	background:url("../images/index_Item2_header.jpg") top left no-repeat;
	height:101px;
}

/*###################################*/
#Button1{
	width: 560px;
}

#Button1 .body{
}

#Button1 > .body > ul{
	list-style: none outside;
	overflow: hidden;
	width: 100%;
	margin-left: 60px;
	margin-top: 10px;
}

#Button1 > .body > ul > li{
	float: left;
	display: block;
	width: 250px;
	height: 90px;
	margin: 0 4px 4px 0;
}

#Button1 > .body > ul > li > a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#Button1 > .body > ul > li.btn1 > a{ background:url("../images/index_Button1_btn1.jpg") top left no-repeat; }
#Button1 > .body > ul > li.btn2 > a{ background:url("../images/index_Button1_btn2.jpg") top left no-repeat; }
#Button1 > .body > ul > li.btn3 > a{
	margin: 0 5px 0 0;
	background:url("../images/index_Button1_btn3.jpg") top left no-repeat;
}
#Button1 > .body > ul > li.btn4 > a{
	margin: 0 5px 0 0;
	background:url("../images/index_Button1_btn4.jpg") top left no-repeat;
}

#Button1 > .body > ul > li > a:hover{ background-position: bottom left; }

/*
#Button1{
}

	#Button1 .body{
  		background: url("../images/index_Button1_body.jpg") top left no-repeat;
		position: relative;
		height:308px;
		width:960px;
 	}

	#Button1 > .body > ul{
		list-style: none outside;
		overflow: hidden;
	}

	#Button1 > .body > ul > li{
		display: block;
		width: 250px;
	}

	#Button1 > .body > ul > li > a{
		display: block;
		width: 100%;
		height: 100%;
		font-size: 0px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

	#Button1 .body .btn1{
		position: absolute;
		top: 120px;
		left: 60px;
	}

	#Button1 .body .btn2{
		position: absolute;
		top: 120px;
		left: 310px;
	}

	#Button1 .body .btn3{
		position: absolute;
		top: 210px;
		left: 60px;
	}
	#Button1 .body .btn4{
		position: absolute;
		top: 210px;
		left: 310px;
	}

	#Button1 .body .btn5{
		position: absolute;
		top: 125px;
		right: 120px;
	}

	#Button1 .body .btn6{
	position: absolute;
	top: 125px;
	right: -50px;
	}

	#Button1 .body .btn7{
		position: absolute;
		top: 250px;
		right: 56px;
	}

	#Button1 > .body > ul > .btn1 > a{
		height: 90px;
		background:url("../images/index_Button1_btn1.jpg") top left no-repeat;
	}

	#Button1 > .body > ul > .btn2 > a{
		height: 90px;
		background:url("../images/index_Button1_btn2.jpg") top left no-repeat;
}

	#Button1 > .body > ul > .btn3 > a{
		height: 90px;
		background:url("../images/index_Button1_btn3.jpg") top left no-repeat;
	}

	#Button1 > .body > ul > .btn4 > a{
		height: 90px;
		background:url("../images/index_Button1_btn4.jpg") top left no-repeat;
	}

	#Button1 > .body > ul > .btn5 > a{
		height: 55px;
		background:url("../images/index_Button1_btn5.jpg") top left no-repeat;
	}

	#Button1 > .body > ul > .btn6 > a{
		height: 55px;
		background:url("../images/index_Button1_btn6.jpg") top left no-repeat;
	}

	#Button1 > .body > ul > .btn7 > a{
		height: 48px;
		background:url("../images/index_Button1_btn7.jpg") top left no-repeat;
	}

	#Button1 > .body > ul > li > a:hover{
		background-position: bottom left;
	}
*/

/*###################################*/
#Button4{
	width:400px;
}

#Button4 .body{
	background: url("../images/index_Button4_body.jpg") bottom left no-repeat;
	position: relative;
	height:184px;
	height:190px;
	width:100%;
}

#Button4 > .body > ul{
	list-style: none outside;
	overflow: hidden;
	width:100%;
	margin-top: 16px;
	margin-left: 40px;
}

#Button4 > .body > ul > li{
	display: block;
	float: left;
}

#Button4 > .body > ul > li > a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#Button4 > .body > ul > li.btn5 > a{
	width: 155px;
	height: 55px;
	background:url("../images/index_Button1_btn5.jpg") top left no-repeat;
}
#Button4 > .body > ul > li.btn6 > a{
	width: 155px;
	height: 55px;
	background:url("../images/index_Button1_btn6.jpg") top left no-repeat;
	margin-left: 10px;
}
#Button4 > .body > ul > li.btn7 > a{
	width: 212px;
	height: 48px;
	background:url("../images/index_Button1_btn7.jpg") top left no-repeat;
	margin: 60px 0 0 60px;
}
#Button4 > .body > ul > li > a:hover{ background-position: bottom left; }

/*###################################*/
#TopicsBox{
	margin-left:40px;
	margin-top:20px;
}

	#Topics2,
	#Topics3 {
		width:265px;
		float:left;
		margin-right:40px;
		margin-bottom:20px; 
	}

	#Topics4 {
		width:265px;
		float:left;
		margin-bottom:20px; 
	}

	#Topics2 .body,
	#Topics3 .body,
	#Topics4 .body {
		float: left;
		width:265px;
		height:197px;
		background: url("../images/index_Topics2_topics.jpg") top left no-repeat;
	}

	#Topics2 .title,
	#Topics3 .title,
	#Topics4 .title {
		padding-top:20px;
		height:100%;
		width:265px;
		overflow: hidden;
		line-height:1.5em;
		padding-top:20px;
	}

	#Topics2 .footer,
	#Topics3 .footer,
	#Topics4 .footer {
		float: right;
		width:265px;
	}

	#Topics2 .footer a,
	#Topics3 .footer a,
	#Topics4 .footer a {
		display:block;
		float: right;
		width:106px;
		height:37px;
		font-size: 0px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background: url("../images/index_detail_btn.jpg") top left no-repeat;
	}

	#Topics2 .footer a:hover,
	#Topics3 .footer a:hover,
	#Topics4 .footer a:hover { background-position:bottom left; }

/*###################################*/
#NewsList1{
	width: 640px;
	margin-bottom: 20px;
	margin-top:20px;
}

	#NewsList1 .header {
		background: url("../images/index_NewsList1_header.jpg") top left no-repeat;
		height:31px;
		width: 100%;
	}

	#NewsList1 .body {
		width:590px;
		margin-top: 15px;
		margin-left: 30px;
	}

	#NewsList1 > .body table td,
	#NewsList1 > .body table th{
		padding: 5px ;
		border-style: none;
	}

	#NewsList1 .body table td.date {
		width: 7em;
	}

	#NewsList1 .footer {
		width: 590px;
		margin-left: 30px;
		margin-top: 10px;
	}

	#NewsList1 .footer a {
		display:block;
		float: right;
		width:106px;
		height:37px;
		font-size: 0px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background: url("../images/index_list_btn.jpg") top left no-repeat;
	}

#NewsList1 .footer a:hover { background-position:bottom left; }

/*###################################*/
#Button2 {
	margin-top:20px;
}

	#Button2 .body{
	}

	#Button2 > .body > ul{
	    background: rgba(0, 0, 0, 0) url("../images/index_Button2_body.jpg") no-repeat scroll left top;
	    height: 188px;
	    list-style: outside none none;
	    margin-left: 4px;
	    overflow: hidden;
	    padding-left: 40px;
	    padding-top: 75px;
	    width: 319px;
	}

	#Button2 > .body > ul > li{
		display: block;
		width: 203px;
	}

	#Button2 > .body > ul > li > a{
		display: block;
		width: 100%;
		height: 100%;
		font-size: 0px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

	#Button2 > .body > ul > .btn1 > a{
		height: 41px;
		background:url("../images/index_Button2_btn1.png") top left no-repeat;
	}

	#Button2 > .body > ul > .btn2 > a{
		height: 41px;
		background:url("../images/index_Button2_btn2.png") top left no-repeat;
		margin-top:13px;
	}

	#Button2 > .body > ul > .btn3 > a{
		height: 41px;
		background:url("../images/index_Button2_btn3.png") top left no-repeat;
		margin-top:13px;
	}

	#Button2 > .body > ul > li > a:hover { background-position:bottom left; }


/*###################################*/
#Button3 {
	height:71px;
	margin-bottom:40px;
	padding-top: 20px;
	clear: both;
}

	#Button3 > .body > ul > .btn1{
		width: 287px;
		height: 71px;
	}
	#Button3 > .body > ul > li > a{
		display: block;
		width: 100%;
		height: 100%;
		font-size: 0px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#Button3 > .body > ul > .btn1 > a{ background:url("../images/index_Button3_btn1.jpg") top left no-repeat; }
	#Button3 > .body > ul > li > a:hover { background-position:bottom left; }