@charset "big5";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	padding:0;
	text-align:left;
	background-color: #fbfcf1;
}
table{
	border:0;border-collapse:collapse;padding:0;margin:0;
   }
img {border:0;}
h1, h2, h3, h4, h5, h6, ul, ol, li, p, div, blockquote, cite, em, tt, dfn{margin:0px;padding:0px}
dfn, strong, em{font-style:normal;}
li{list-style:none;}
a{
 outline: none; /* for Firefox Google Chrome  */
 behavior:expression(this.onFocus=this.blur()); /* for IE */
}
.scrollup{
    width:55px;
    height:55px;
    opacity:0.95;
    position:fixed;
    bottom:50px;
    right:70px;
    display:none;
    text-indent:-9999px;
    background: url(images/icon_top.png) no-repeat;
}
#wrap{
	width:1000px;
	height:3650px;	
	margin-right:auto;
	margin-left:auto;
	position:relative;
}
ul#main_01{
	width:1000px;
	height:350px;
	background-image:url(images/main_01.jpg);
	background-repeat:no-repeat;
}
ul#main_01 p a{
	width:110px;
	display:inline-block;
	margin-top:5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #000;
	text-decoration:none;
	line-height:20px;
}
ul#main_01 p a:hover, ul#main_01 p a:active{
	color: #ff002a;
}
ul#main_01 img{
	border: 5px solid #d5d4cd;
}
ul#main_01 img:hover{
	border: 5px solid #ff002a;
}
.line{
	width:30px;
	height:10px;
	display:block;
	margin-right:80px;
	border-bottom:1px solid #000;
}
.a1{
	width:110px;
	margin:20px 20px 0px 355px;
	display:block;
	float:left;
}
.a2{
	width:110px;
	margin:45px 20px 0px 0px;
	display:block;
	float:left;
}
.a3{
	width:110px;
	margin:15px 18px 0px 0px;
	display:block;
	float:left;
}
.a4{
	width:110px;
	margin:30px 23px 0px 0px;
	display:block;
	float:left;
}
.a5{
	width:110px;
	margin:15px 0px 0px 0px;
	display:block;
	float:left;
}
ul#main_02{
	width:1000px;
	height:520px;
	background-image:url(images/main_02.jpg);
	background-repeat:no-repeat;
	position:relative;
}
.b1 a{
	width:90px;
	height:215px;
	position:absolute;
	left:80px;
	top:250px;
	background-image:url(images/li_b.png);
	background-repeat: no-repeat;
	background-position: -80px -250px;
}
.b1 a:hover, .b1 a:active{
	background-position: -80px -770px;
}
.b2 a{
	width:95px;
	height:250px;
	position:absolute;
	left:210px;
	top:0px;
	background-image:url(images/li_b.png);
	background-repeat: no-repeat;
	background-position: -210px 0px;
}
.b2 a:hover, .b2 a:active{
	background-position: -210px -520px;
}
.b3 a{
	width:130px;
	height:250px;
	position:absolute;
	left:430px;
	top:0px;
	background-image:url(images/li_b.png);
	background-repeat: no-repeat;
	background-position: -430px 0px;
}
.b3 a:hover, .b3 a:active{
	background-position: -430px -520px;
}
.b4 a{
	width:80px;
	height:270px;
	position:absolute;
	left:665px;
	top:195px;
	background-image:url(images/li_b.png);
	background-repeat: no-repeat;
	background-position: -665px -195px;
}
.b4 a:hover, .b4 a:active{
	background-position: -665px -715px;
}
.b5 a{
	width:145px;
	height:250px;
	position:absolute;
	left:855px;
	top:0px;
	background-image:url(images/li_b.png);
	background-repeat: no-repeat;
	background-position: -855px 0px;
}
.b5 a:hover, .b5 a:active{
	background-position: -855px -520px;
}
ul#main_03{
	width:1000px;
	height:500px;
	position:relative;
	background-image:url(images/main_03.jpg);
	background-repeat:no-repeat;
}
.c1 a{
	width:76px;
	height:150px;
	position:absolute;
	left:305px;
	top:0px;
	background-image:url(images/li_c.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.c1 a:hover, .c1 a:active{
	background-position: 0px -150px;
}
.c2 a{
	width:70px;
	height:150px;
	position:absolute;
	left:375px;
	top:0px;
	background-image:url(images/li_c.png);
	background-repeat: no-repeat;
	background-position: -76px 0px;
}
.c2 a:hover, .c2 a:active{
	background-position: -76px -150px;
}
.c3 a{
	width:76px;
	height:150px;
	position:absolute;
	left:451px;
	top:0px;
	background-image:url(images/li_c.png);
	background-repeat: no-repeat;
	background-position: -146px 0px;
}
.c3 a:hover, .c3 a:active{
	background-position: -146px -150px;
}
.c4 a{
	width:76px;
	height:150px;
	position:absolute;
	left:526px;
	top:0px;
	background-image:url(images/li_c.png);
	background-repeat: no-repeat;
	background-position: -221px 0px;
}
.c4 a:hover, .c4 a:active{
	background-position: -221px -150px;
}
.c5 a{
	width:76px;
	height:150px;
	position:absolute;
	left:601px;
	top:0px;
	background-image:url(images/li_c.png);
	background-repeat: no-repeat;
	background-position: -296px 0px;
}
.c5 a:hover, .c5 a:active{
	background-position: -296px -150px;
}
.c6 a{
	width:80px;
	height:150px;
	position:absolute;
	left:676px;
	top:0px;
	background-image:url(images/li_c.png);
	background-repeat: no-repeat;
	background-position: -371px 0px;
}
.c6 a:hover, .c6 a:active{
	background-position: -371px -150px;
}
#main_bg{
	width:1000px;
	height:1730px;
	background-image:url(images/main_bg.jpg);
	background-repeat:no-repeat;
	position:relative;
}
ul#main_04{
	width:190px;
	height:60px;
	position:absolute;
	left:289px;
	top:185px;
}
.d1 a{
	width:97px;
	height:60px;
	background-image:url(images/li_d.png);
	float:left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.d1 a:hover, .d1 a:active{
	background-position: 0px -60px;
}
.d2 a{
	width:93px;
	height:60px;
	background-image:url(images/li_d.png);
	float:left;
	background-repeat: no-repeat;
	background-position: -97px 0px;
}
.d2 a:hover, .d2 a:active{
	background-position: -97px -60px;
}
ul#main_05{
	width:340px;
	height:90px;
	position:absolute;
	left:585px;
	top:280px;
}
.e1 a{
	width:340px;
	height:25px;
	background-image:url(images/li_e.png);
	float:left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.e1 a:hover, .e1 a:active{
	background-position: 0px -90px;
}
.e2 a{
	width:340px;
	height:35px;
	background-image:url(images/li_e.png);
	float:left;
	background-repeat: no-repeat;
	background-position: 0px -25px;
}
.e2 a:hover, .e2 a:active{
	background-position: 0px -115px;
}
.e3 a{
	width:340px;
	height:30px;
	background-image:url(images/li_e.png);
	float:left;
	background-repeat: no-repeat;
	background-position: 0px -60px;
}
.e3 a:hover, .e3 a:active{
	background-position: 0px -150px;
}
ul#main_06{
	width:165px;
	height:245px;
	position:absolute;
	left:721px;
	top:490px;
}
.f1 a{
	width:165px;
	height:30px;
	background-image:url(images/li_f.png);
	float:left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.f1 a:hover, .f1 a:active{
	background-position: 0px -245px;
}
.f2 a{
	width:165px;
	height:30px;
	background-image:url(images/li_f.png);
	float:left;
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
.f2 a:hover, .f2 a:active{
	background-position: 0px -275px;
}
.f3 a{
	width:165px;
	height:30px;
	margin-top:130px;
	background-image:url(images/li_f.png);
	float:left;
	background-repeat: no-repeat;
	background-position: 0px -190px;
}
.f3 a:hover, .f3 a:active{
	background-position: 0px -435px;
}
.f4 a{
	width:165px;
	height:25px;
	background-image:url(images/li_f.png);
	float:left;
	background-repeat: no-repeat;
	background-position: 0px -220px;
}
.f4 a:hover, .f4 a:active{
	background-position: 0px -465px;
}
ul#main_07{
	width:165px;
	height:150px;
	position:absolute;
	left:125px;
	top:651px;
}
.g1 a{
	width:165px;
	height:30px;
	background-image:url(images/li_g.png);
	float:left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.g1 a:hover, .g1 a:active{
	background-position: 0px -150px;
}
.g2 a{
	width:165px;
	height:40px;
	background-image:url(images/li_g.png);
	float:left;
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
.g2 a:hover, .g2 a:active{
	background-position: 0px -180px;
}
.g3 a{
	width:165px;
	height:45px;
	background-image:url(images/li_g.png);
	float:left;
	background-repeat: no-repeat;
	background-position: 0px -70px;
}
.g3 a:hover, .g3 a:active{
	background-position: 0px -220px;
}
.g4 a{
	width:165px;
	height:35px;
	background-image:url(images/li_g.png);
	float:left;
	background-repeat: no-repeat;
	background-position: 0px -115px;
}
.g4 a:hover, .g4 a:active{
	background-position: 0px -265px;
}
ul#main_08{
	width:255px;
	height:55px;
	position:absolute;
	left:716px;
	top:1105px;
}
.h01 a{
	width:255px;
	height:25px;
	background-image:url(images/li_h.png);
	float:left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.h01 a:hover, .h01 a:active{
	background-position: 0px -55px;
}
.h02 a{
	width:255px;
	height:30px;
	background-image:url(images/li_h.png);
	float:left;
	background-repeat: no-repeat;
	background-position: 0px -25px;
}
.h02 a:hover, .h02 a:active{
	background-position: 0px -80px;
}
ul#main_09{
	width:410px;
	height:220px;
	position:absolute;
	left:90px;
	top:1270px;
}
.i1 {
	width:100px;
	height:120px;
	float:left;
	margin-top:50px;
	opacity:1;
}
.i1 a:hover, .i1 a:active{
	opacity:0.9;
}
.i2{
	width:235px;
	height:220px;
	float:left;
	margin-left:65px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 24px;
	color: #000;
	text-align: justify;
}
.i3 {
	position: absolute;
	left: 350px;
	top: -33px;
}

.more0{
	width:50px;
	height:20px;
	position:absolute;
	left:860px;
	top:830px;
	z-index:10;
}
.more{
	width:50px;
	height:20px;
	margin-top:3px;
	float:right;
}
.more2{
	width:50px;
	height:20px;
	position:absolute;
	left:909px;
	top:1245px;
}
.bookset{
	width:190px;
	height:230px;
	position:absolute;
	left:810px;
	top:1280px;
	
}
.bookset a:hover, .bookset a:active{
	opacity:0.9;
}