@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 */

*{
	margin:0;
	padding:0;
	font-family: 'Noto Sans TC';  font-weight: 350;
}

img{
  vertical-align:0;
  display:block;
}

body {
	background-color: #fbf0e7;
	background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.54'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	font-size: 100%;
}

#container{
	padding-top: 80px;
	position: relative;
	width: 1200px;
	margin:auto;
  	font-size:0;  /*font-size: 0;可讓div之間無空隙*/
}


#nav{
	position: fixed;
    top: 0;
    width: 100%;
	background: #8E2B2C;
	height: 70px;
	z-index: 9999;
}

.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{
	width: 100%;
    height: 823px;
    background: url(../img/mainpic.png) top center no-repeat;
}

#maintitle{
	position: absolute;
	left: 26%;
	padding-top: 20px;
}

#discount{
	position: absolute;
	left:0%;
	top: -1%;
	padding-top: 70px;
}

#txt{
	position: absolute;
	right:1%;
	top: 11%;
	z-index:999;
}

#book{
	position: absolute;
	right:20%;
	top: 7.5%;
}

section{
	width: 100%;
	height: 2007px;
}

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

#left{
	float: left;
	width:50%;
	height:100%;
	
}

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

#right{
	float: right;
	width:50%;
	height:100%;
	position: relative;
}

.more{
	position: absolute;
}

#yearbook{
	background: url(../img/yearbookbg.png) top center no-repeat;
	height: 551px;
	position: relative;
}

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

.contrast img:hover{
-webkit-filter:contrast(3);
}

#bookbottom{
	position: absolute;
	right:12%;
	top:43%;
}

footer{
	position: relative;
	width: 1200px;
	height: 80px;
	font-size: 14px;
	color: black;
	text-align: center;
	background-color: #FBF0E7;
}

#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;
}