@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

a{  
 text-decoration:none;
 outline: none; /* for Firefox */ 
 hlbr:expression(this.onFocus=this.blur()); /* for IE */; 
   }
   
body{
	background-color: #4A4234;
	background-image: url(../images/bg_01.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}


.ind_h_bg{
	background-image: url(../images/ind_h_bg.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 617px;
	z-index: 10;
}

.ind_action{
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/ind_light.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 500px;
}

.ind_all{
	width: 1050px;
	position: relative;
}

.ind_left{
	float: left;
	position: absolute;
	z-index: 20;
	top: 54px;
}
   
/*漸淡*/
	a img {
		border: none;
	}
	
	.pic1{
	height: 629px;
	width: 676px;
	position: absolute;
	left: 374px;
	top: 65px;
	z-index: 9999;
}
	
	#abgne_fade_pic {
		position: relative;
		width: 676px;
		height: 629px;
	}
	#abgne_fade_pic a.ad {
	position: absolute;	/* 讓圖片疊在一起 */
	z-index: 9999;
	}
	#abgne_fade_pic .control {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}
	#abgne_fade_pic .control a {
		display: inline-block;
		padding: 3px;
		margin: 0 3px;
		width: 16px;
		color: #fff;
		background: #000;
		text-align: center;
		font-size: 16px;
		text-decoration: none;
	}
	#abgne_fade_pic .control a.on {
		font-weight: bold;
		color: #f00;
	}
	#abgne_fade_pic .control a:hover {
	    font-weight: bold;
		color: #f00;
	}
	
	/*隱藏頁碼*/
	.control {
	display: none;
    }

	#abgne_fade_pic2 {
		position: relative;
		width: 300px;
		height: 300px;
	}
	#abgne_fade_pic2 a.ad {
		position: absolute;	/* 讓圖片疊在一起 */
	}
	#abgne_fade_pic2 .control {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}
	#abgne_fade_pic2 .control a {
		display: inline-block;
		padding: 3px;
		margin: 0 3px;
		width: 16px;
		color: #fff;
		background: #000;
		text-align: center;
		font-size: 16px;
		text-decoration: none;
	}
	#abgne_fade_pic2 .control a.on {
		font-weight: bold;
		color: #f00;
	}
	#abgne_fade_pic2 .control a:hover {
	    font-weight: bold;
		color: #f00;
	}

/*end*/

/*nav*/
.nav{
	height: 54px;
	width: 1050px;
	float: left;
	position: absolute;
	z-index: 20;
}
	
.nav ul.tab_menu{
	display:block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.nav ul.tab_menu li{
float:left;
}
.nav ul.tab_menu li a:hover{
background-position:bottom;
}
.nav ul.tab_menu li.icon0{
	display:block;
	width:66px;
	height:54px;
	background-image:url(../images/ind_icon_001.png);
}
.nav ul.tab_menu li.icon1 a{
	display:block;
	width:116px;
	height:54px;
	background-image:url(../images/ind_icon_01.jpg);
	text-indent:-9999px;
}

.nav ul.tab_menu li.icon2 a{
	display:block;
	width:123px;
	height:54px;
	background-image:url(../images/ind_icon_02.jpg);
	text-indent:-9999px;
}

.nav ul.tab_menu li.icon2{
	display:block;
	width:123px;
	height:54px;
	background-image:url(../images/ind_icon_02-2.jpg);
}

.nav ul.tab_menu li.icon3 a{
	display:block;
	width:129px;
	height:54px;
	background-image:url(../images/ind_icon_03.jpg);
	text-indent:-9999px;
}

.nav ul.tab_menu li.icon3{
	display:block;
	width:129px;
	height:54px;
	background-image:url(../images/ind_icon_03-2.jpg);
}

.nav ul.tab_menu li.icon0-2{
	display:block;
	width:39px;
	height:54px;
	background-image:url(../images/ind_icon_002.jpg);
}

.nav ul.tab_menu li.icon4 a{
	display:block;
	width:114px;
	height:54px;
	background-image:url(../images/ind_icon_003.jpg);
	text-indent:-9999px;
}

.nav ul.tab_menu li.icon0-3{
	display:block;
	width:45px;
	height:54px;
	background-image:url(../images/ind_icon_004.jpg);
}

.nav ul.tab_menu li.icon5 a{
	display:block;
	width:121px;
	height:54px;
	background-image:url(../images/ind_icon_04.jpg);
	text-indent:-9999px;
}

.nav ul.tab_menu li.icon5{
	display:block;
	width:121px;
	height:54px;
	background-image:url(../images/ind_icon_04-2.jpg);
}

.nav ul.tab_menu li.icon6 a{
	display:block;
	width:134px;
	height:54px;
	background-image:url(../images/ind_icon_05.jpg);
	text-indent:-9999px;
}

.nav ul.tab_menu li.icon6{
	display:block;
	width:134px;
	height:54px;
	background-image:url(../images/ind_icon_05-2.jpg);
}

.nav ul.tab_menu li.icon7 a{
	display:block;
	width:108px;
	height:54px;
	background-image:url(../images/ind_icon_06.jpg);
	text-indent:-9999px;
}

.nav ul.tab_menu li.icon0-4{
	display:block;
	width:55px;
	height:54px;
	background-image:url(../images/ind_icon_005.png);
}

/*end*/

.ind_tit{
	background-image: url(../images/ind_tit.png);
	background-repeat: no-repeat;
	height: 234px;
	width: 509px;
	position: absolute;
	left: 78px;
	top: 99px;
	z-index: 9999;
}

.ind_book{
	height: 275px;
	width: 202px;
	position: absolute;
	left: 78px;
	top: 403px;
	z-index: 9999;
}

.foot_all{
	height: 183px;
	width: 100%;
	position: relative;
	background-color: #4A4234;
	z-index: 0;
}

.foot{
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
}

.foot_sh_all{
	float: left;
	width: 995px;
	padding-left: 55px;
	height: 36px;
}

.foot_sh{
	float: left;
	width: 240px;
	height: 26px;
	padding-left: 10px;
	padding-top: 10px;
}

.fb-like{
	width: 80px;
	float: left;
}

.foot_nav{
	height: 36px;
	width: 116px;
	float: left;
}
	
.foot_nav ul.tab_menu{
	display:block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.foot_nav ul.tab_menu li{
float:left;
}

.foot_nav ul.tab_menu li a:hover{
background-position:bottom;
}

.foot_nav ul.tab_menu li.icon1 a{
	display:block;
	width:39px;
	height:36px;
	background-image:url(../images/foot_f.jpg);
	text-indent:-9999px;
}

.foot_nav ul.tab_menu li.icon2 a{
	display:block;
	width:38px;
	height:36px;
	background-image:url(../images/foot_m.jpg);
	text-indent:-9999px;
}

.foot_nav ul.tab_menu li.icon3 a{
	display:block;
	width:39px;
	height:36px;
	background-image:url(../images/foot_b.jpg);
	text-indent:-9999px;
}

.foot_img1{
	background-image: url(../images/foot_02.jpg);
	background-repeat: no-repeat;
	background-position: right;
	float: left;
	height: 36px;
	width: 577px;
	margin-left: 52px;
}

.foot_img2{
	background-image: url(../images/foot_03.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 70px;
	width: 1050px;
}
