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


@font-face {
  font-family: 'NotoSerifTC';
  src: url("/fonts/NotoSerifTC-Bold.otf") format("opentype"); }

body{background:#181d5e;color:rgba(255,255,255,.75)}

.container{max-width:1400px !important}
h1{font-weight:bold;font-family: 'NotoSerifTC';margin:2em 0;color:#fff}
h2{color:#fff;font-family: 'NotoSerifTC';font-weight:bold;display: inline-block;margin-bottom:1.5em}
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}


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

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


#banner{margin-top:-50px;padding:0 !important}

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

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

.card{background:transparent;border:1px solid rgba(255,255,255,.6)}

.blockquote-footer{text-align: right !important;color:#fff !important}
.card-title{font-family: 'NotoSerifTC';color:#fff;line-height:1.5;margin-bottom:2em}

#footer{background:transparent;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 (max-width: 959px){
	#banner{margin-top:0}
	nav img{width:250px}
	.scrolled {background:#181d5e}
}

@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}
	}	
}