@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(http://www.ddc.com.tw/ec/event/2018/03/buddhism/css/hover.css);
/* CSS Document */

*{
	border: 0px solid #606060;
	margin:0;
	padding:0;
	font-family: 'Noto Sans TC';  font-weight: 350;
}

body{
	font-size: 100%;
	background-color: #606060;
	color: #000000;
}

ul li{
	display: inline-block;
	list-style-type:none; /*消除清單前方的點點*/
}

#top {
	width: 60px;
	height: 60px;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 60px;
	display: block;
	position: fixed;
	right: 40px;
	bottom: 40px;
	z-index: 9999;	
	font-weight: bold;
	border-radius:99em;
	/*box-shadow: .8px .8px 2px #333;*/
	font-size: 22px;
}

#wrapper{
	width:1188px;
	margin:auto;
  	font-size:0;  /*font-size: 0;可讓div之間無空隙*/
	box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
	background-color: #D1CEB4;
	}

nav{
  width:1188px;
  position: relative;
  background: #000;
  height:70px;
}

.navlogoleft{
position: absolute;
left: 2%;
top: 20%;
}

.navlogoright{
position:absolute;
right: 0%;
top: 15%;
}

.navtxt{
font-size: 15px;
position:absolute;
right: 1%;
top: 60%;
color: white;
}

header{
	height: 1044px;
	background: url(../img/bg01.jpg);
}

#part1{
	width: 1109px;
	height: 1200px;
	position: relative;
	left: 3.3%;
}

#part1 section{
	border: 1px solid #D1CEB4;
	height: 398px;
}

#part1 img{
	padding-top: 83px;
}

#book1{
	background: url(../img/bgb1.png) #FFFFFF;
}

#book2{
	background: url(../img/bgb2.png) #F9F9F5;
}

#book3{
	background: url(../img/bgb3.png) #FFFFFF;
}
#damo{
	width: 1109px;
	height: 400px;
	background: url(../img/damo.png) #FFFFFF;
	position: relative;
	left: 3.3%;
	margin-top: 27px;
	margin-bottom: 37px;
	box-shadow:20px 20px 0px rgb(188,187,152);
}

#damo img{
	margin-top: 87px;
	margin-left: 15px;
}

#part2{
	width: 1109px;
	height: 4800px;
	position: relative;
	left: 3.3%;
}

#part2 section{
	border: 1px solid #D1CEB4;
}

#part1 ul li{
	padding-right: 15px;
	vertical-align:top;
}

#part2 ul li{
	padding-right: 15px;
	vertical-align:top;
}

#part2 img{
	padding-top: 80px;
}

.left{
	margin-left: 60px;
}

.right{
	float: right;
	margin-right: 50px;
}

#book4{
	height: 398px;
	background: url(../img/bgb4.png) #F9F9F5;
}
#book5{
	height: 398px;
	background: url(../img/bgb5.png) #FFFFFF;
}
#book6{
	height: 398px;
	background: url(../img/bgb6.png) #F9F9F5;
}
#book7{
	height: 398px;
	background: url(../img/bgb7.png) #FFFFFF;
}
#book8{
	height: 798px;
	background: url(../img/bgb8.png) #F9F9F5;
}
#book9{
	height: 398px;
	background: url(../img/bgb9.png) #FFFFFF;
}
#book10{
	height: 398px;
	background: url(../img/bgb10.png) #F9F9F5;
}
#book11{
	height: 398px;
	background: url(../img/bgb11.png) #FFFFFF;
}
#book12{
	height: 398px;
	background: url(../img/bgb12.png) #F9F9F5;
}
#book13{
	height: 398px;
	background: url(../img/bgb13.png) #FFFFFF;
}
#book14{
	height: 398px;
	background: url(../img/bgb14.png) #F9F9F5;
}
#more{
	width: 1107px;
	height: 990px;
	position: relative;
	left: 3.4%;
	background: url(../img/more.png) #FFFFFF;
}

#more ul li{
	padding-right: 30px;
	vertical-align:top;
}

footer{
position: relative;
bottom: 80px;
width:1188px;
height:80px;  
font-size: 14px;
color:black;
text-align:center;
padding-top:25px;/*文字從上往下推*/
}