@charset "big5";

body{
	margin:0px;
	padding:0px;
	background: #000000;
	font-family:"·L³n¥¿¶ÂÅé","Microsoft JhengHei","Ä׶ Pro","LiHei Pro Medium",Verdana, Arial, Helvetica,sans-serif;
}
.main-txt{
	font-size:12pt;
	line-height:1.6em;
}
.main-txt p{
	padding:0 0 0.6em 0;
	text-indent: 0em;
	text-align: justify;
}

/***************/

.wrapper{
	width: 100%;
	margin:0 auto;
}

.container{
	width: 1000px;
	margin: 0 auto;
}

/***************/

.head{
	background: url(images/head-bg.png) center top fixed;
}

.head .tt{
	display: block;
	margin: 0 auto;
	padding-bottom: 50px;
}

.head .card1{
	position: relative;
	height: 1050px;
}
.head .card1 img{
	display: block;
}
.head .card1 .c1{
	margin: 20px 0 20px 0;
}
.head .card1 .c2{
	position: absolute;
	top:240px;
	left: 380px;
	/*margin: 0 0 0 380px;*/
	z-index: 6;
}
.head .card1 .c3{
	position: absolute;
	top:140px;
	left: 40px;
	z-index: 1;
}
.head .card1 .c4{
	margin: 320px 0 0 40px;
}
.head .card1 .c5{
	margin: -180px 0 0 600px;
}
.head .card1 .c6{
	margin: 60px 0 0 440px;
}
.head .card1 .c7{
	margin: -120px 0 0 20px;
}

.head .card2{
	position: relative;
	height: 1100px;
}
.head .card2 img{
	display: block;
}
.head .card2 .c8{
	margin: 0 0 0 400px;
}
.head .card2 .c9{
	position: absolute;
	left: 40px;
	top:120px;
	z-index: 3;
}
.head .card2 .c10{
	margin: 200px 0 0 130px;
}
.head .card2 .c11{
	margin: 40px 0 0 100px;
}
.head .card2 .c12{
	margin: -130px 0 0 550px;
}
.head .card2 .c13{
	margin: 50px 0 0 50px;
}
.head .card2 .c14{
	margin: 0 0 0 250px;
}


.content{
	background: #fff8ea;
	-webkit-box-shadow: 0px -3px 5px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px -3px 5px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px -3px 5px 0px rgba(50, 50, 50, 0.3);
}
.content .bar{
	display: block;
}
.block1{
	padding-bottom: 60px;
}
.block1 ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.block1 ul li{
	display: inline-block;
	width: 430px;
	height: 540px;
	overflow: auto;
	padding-right: 20px;
}
.block1 ul li:first-child{
	margin-left: 3%;
	margin-right: 3%;
}

.block2 .b2-1{
	background: url(images/block2-1.jpg) no-repeat center top;
	height: 390px;
	position: relative;
}
.block2 .b2-1 .book1-btn{
	position: absolute;
	left: 60px;
	top:280px;
}

.block2 .b2-2{
	background: url(images/block2-2.jpg) no-repeat center top;
	height: 490px;
	position: relative;
}
.block2 .b2-2 .book3-btn{
	position: absolute;
	left: 60px;
	top:370px;
}
.block2 .b2-2 .book2-btn{
	position: absolute;
	left: 740px;
	top:395px;
}

.block2 .b2-3{
	background: url(images/block2-3.jpg) no-repeat center top;
	height: 480px;
	position: relative;
}
.block2 .b2-3 .book5-btn{
	position: absolute;
	left: 60px;
	top:380px;
}
.block2 .b2-3 .book4-btn{
	position: absolute;
	left: 756px;
	top:375px;
}

.block2 .b2-4{
	background: url(images/block2-4.jpg) no-repeat center top;
	height: 490px;
	position: relative;
}
.block2 .b2-4 .book7-btn{
	position: absolute;
	left: 60px;
	top:375px;
}
.block2 .b2-4 .book6-btn{
	position: absolute;
	left: 756px;
	top:394px;
}

.block3 .b3-1{
	background: url(images/block3-1.jpg) no-repeat center top;
	height: 910px;
	position: relative;
}
.block3 .b3-1 .book8-btn{
	position: absolute;
	left: 320px;
	top:275px;
}
.block3 .b3-1 .book9-btn{
	position: absolute;
	left: 320px;
	top:535px;
}
.block3 .b3-1 .book10-btn{
	position: absolute;
	left: 320px;
	top:813px;
}

.block3 .b3-2{
	background: url(images/block3-2.jpg) no-repeat center top;
	height: 920px;
	position: relative;
}
.block3 .b3-2 .book11-btn{
	position: absolute;
	left: 400px;
	top:275px;
}
.block3 .b3-2 .book12-btn{
	position: absolute;
	left: 400px;
	top:530px;
}
.block3 .b3-2 .book13-btn{
	position: absolute;
	left: 400px;
	top:800px;
}

.block4{
	background: url(images/block3-bg.png) center top no-repeat;
}

.block4 .b4-1{
	background: url(images/block4-1.jpg) no-repeat center top;
	height: 470px;
	position: relative;
}
.block4 .b4-1 .book14-btn{
	position: absolute;
	left: 110px;
	top:420px;
}
.block4 .b4-1 .book16-btn{
	position: absolute;
	left: 566px;
	top:420px;
}

.block4 .b4-2{
	background: url(images/block4-2.jpg) no-repeat center top;
	height: 440px;
	position: relative;
}
.block4 .b4-2 .book15-btn{
	position: absolute;
	left: 110px;
	top:400px;
}
.block4 .b4-2 .book17-btn{
	position: absolute;
	left: 566px;
	top:400px;
}

.block4 .b4-3{
	background: url(images/block4-3.jpg) no-repeat center top;
	height: 240px;
	position: relative;
}
.block4 .b4-3 .book18-btn{
	position: absolute;
	left: 566px;
	top:150px;
}

.footer{
	background: #000000;
}
.footer img{
	display: block;
}

/***************/

.content-win{
	background: rgba(254,254,254,0.9);
	border-top:4px solid #91887f;
	height: 260px;
	padding-top: 30px;
	position: fixed;
	bottom: -350px;
	left: 0px;
	right: 0px;
	width: 100%;
	z-index: 9;
	min-width: 1000px;
	
	transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: ease;
}
.content-win-open{
	bottom: 0px;
	
	transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease;
}

.content-win .close-btn{
	position: absolute;
	right: 200px;
	top:-18px;
}
.content-win .txt-block{
	width: 600px;
	height: 220px;
	margin: 0 auto;
	padding-right: 3em;
	overflow: auto;
}
.content-win .txt-block span.nn{
	font-size: 0.8em;
	font-weight: bolder;
}
.content-win .txt-block h2{
	color: #e83820;
	font-weight: bolder;
}

/***************/

a.shopcart{
	display:block;
	width:160px;
	height:30px;
	text-align: center;
	text-decoration: none;
	background: #861439;
	color:#FFFFFF;
	font-size: 13px;
	margin-top:12px;
	line-height: 30px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;
}

a.shopcart:hover{
	background: #000000;
}


/********/


#gotop {
	width: 60px;
	height: 60px;
	opacity: 0.8;
	position: fixed;
	bottom: 20px;
	right: 10px;
	display: none;
	text-indent: -9999px;
	background: url(images/top.png) no-repeat;
	background-size: contain;
	z-index: 99;
	opacity: 0.5;
}


/********/

.btcf:after {
    content:"";
    display:table;
    clear:both;
}