*{
  font-family: 微軟正黑體;
  scroll-behavior:smooth;
  font-size:1.2rem;
  position: relative
}

.container{max-width:1400px !important}
h1{font-weight:bold}
h2{color:#fff;font-size:3em;font-weight:bold;display: inline-block}
h2+span{display: inline;line-height: 1.5rem;font-size:1.5rem;color:#fff;font-weight:bold;margin-left:10px}
h3{color: #222222;font-size:1rem}


#book h2{color:#eb6ea5;font-size:3em;font-weight:bold;display:block}

img{max-width:100%;
    height:auto;
}

a.btn {color:#fff;margin-top:15px}


#banner{padding:120px 0 100px 0;background:#fff}

p{font-size:1.2rem}
a:hover{text-decoration:none}

.location{color:#fff;padding-right:15px;font-size:.8rem;text-decoration: underline}

.cover {padding:20px}
.cover img{width:100%;height:auto;border-radius: 0.25rem;transition: opacity 1s;}
.cover .wrap{background:rgba(255,255,255,.8);border-radius: 0.25rem;}
.cover .wrap:hover{background:rgba(255,255,255,.7)}
.cover{margin-bottom:1.5em;text-align:center}
.cover .wrap:hover img {opacity:0.5}
.cover .wrap .book-title{padding:10px}
.cover .wrap p{padding: 0 10px 10px;color:#e7af00}


#footer{background:#2f2f2f;padding:50px;}
#footer a{color:rgba(255,255,255,.9);font-size:.8rem;}
#footer a:hover{color:rgba(255,255,255,.7);}
#footer i{width:30px}

#footer .social-icons{margin:0;padding:0}
#footer .social-icons li{width:50px}
#footer ul, #footer li{list-style: none; margin: 0; padding: 0;}
#footer ul li{font-size:.8rem;line-height:2rem}

@media (min-width: 992px) {
	    #book{padding:100px}
		.button-group {background:#28a745;border-radius: 7px}
		.cover{min-height: 470px;}
}	

@media (max-width: 767px) {
		.button-group button{margin-bottom:5px}
		
}
@media (max-width: 480px) {
.cover{min-height: 290px}
	.cover h3{display:none;
	}	
}