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

body{background:#f3f3f1}

.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 0px 0;}

p{font-size:1em;}
a:hover{text-decoration:none}

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

.cover {padding:20px;min-height:590px !important;border:0px solid #000;}
.cover img{width:auto !important;height:300px;border-radius: 0.25rem;transition: opacity 1s;}
.cover .wrap{background:rgba(255,255,255,0);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;font-weight: bold}
.cover .wrap p{padding: 0 10px 10px;color:#e7af00;font-size:0.8em !important}
.cover h3{line-height:1.7}



#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: 768px) {
	    #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 !important}
	}	
}