/* CSS Document */

@font-face {
$font-family-sans-serif:
  // Safari for OS X and iOS (San Francisco)
  -apple-system,
  // Chrome < 56 for OS X (San Francisco)
  BlinkMacSystemFont,
  // Windows
  "Segoe UI",
  // Android
  "Roboto",
  // Basic web fallback
  "Helvetica Neue", Arial, sans-serif,
  // Emoji fonts
  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
}
body { margin:0; padding:0; font-family:"微軟正黑體"; }
img{ border:0;
vertical-align: middle;}
.clear{ clear:both;}
.clear{ clear:both;}

.content{
	font-size: 17px;
	line-height: 26px;
	color: #626262;
}
.title{
	font-size: 17px;
	line-height: 26px;
	color: #825b4b;
}
.price{
	font-size: 14px;
	line-height: 36px;
	color: #434343;
}
.red{
	font-size: 18px;
	line-height: 30px;
	color: #e60012;
	font-weight: 500;
}

.line{
	margin-top: 20px;
	padding-bottom:20px;
	font-size: 14px;
	color: #8e614a;
}

#animation_container{
	height: 100%;	
}
.intro-height{
	padding: 3rem 0;
}

header.top{
	padding-top: 3.2rem;
	padding-right: 0rem;
	padding-left: 0rem;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0rem;
	height: auto;
	}

header.top img{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

#card{
	height: 500px;
	margin: 0 auto;
	background-color:#fbf5dd;
	}
.card{
width:600px;
height:500px;
margin: 10px 10px;	
}
.card1{
width:600px;
height:500px;
margin: 10px 10px;	
}
.card2{
width:600px;
height:500px;
margin: 10px 10px;	
}
.card3{
width:600px;
height:500px;
margin: 10px 10px;	
}
.card4{
width:600px;
height:500px;
margin: 10px 10px;	
}
.card5{
width:600px;
height:500px;
margin: 10px 10px;	
}
.card6{
width:600px;
height:500px;
margin: 10px 10px;	
}

.front{
padding: 10px 10px;
}
.back{
padding: 10px 10px;
}

.writer{
	padding: 0;
	text-align: center;
	margin: 0;
	background-repeat:repeat-x;
	background-color: #f5f1ea;	
}
.story{
	padding: 0;
	text-align: center;
	margin: 0;
	background: url(images/story_bg.jpg)top center;
	background-size: cover;
}

.event{
	padding: 0 0 0px 0;
	background: url(images/event_bg.jpg)top center;
    background-size: cover;
}

.footer{ 
padding:0; 
margin:0; 
text-align:center; 
width:100%;
background-color: #32345e;
}

#wrapper{
	padding:0; 
	margin:0;
	text-align:center;
	background: url(topbn_bg.jpg)top;
	background-color: #32345e;
	overflow: hidden;
}