*{
  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:#D3BFD9;color:rgba(255,255,255,.75);color:#1f1521}
nav img{margin-left:1em}
.container{max-width:1400px !important}

h1{font-weight:bold;font-family: 'NotoSerifTC';margin:2em 0;color:#fff;text-align: center !important;letter-spacing: 2px}
h2{color:#fff;font-family: 'NotoSerifTC';font-weight:bold;display: inline-block;margin-bottom:1.5em;text-align: center !important}
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:1.2rem}

.blockquote{font-family: 'NotoSerifTC';font-size:1.2rem;margin-top:1em}

.p-slider .item{font-size:0.85rem !important}

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{color:#9E65A6}
a:hover{text-decoration:none}

.owl-carousel .t-img{width:80px !important;	float: left;margin-right: 15px;}
.owl-carousel .t-img img{border-radius: 50%;}
.t-content{position: relative;	overflow: hidden;}
.t-content .blockquote-footer{text-align:left !important;margin-top:1em}
.t-content p{ margin-bottom:0.5rem;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #7E148C; }

.p-slider{min-height:400px}


@media (min-width: 1200px){
    .p-slider{border:0px solid #fff;position:sticky;top:100px;height:380px}
}



small{font-size:0.85rem}
.list-unstyled li{font-size:0.95rem}

.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;font-size:1.2rem;font-weight: bold}
.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}
.scrolled {background:#bf9bc7}

@media (max-width: 959px){
	#banner{margin-top:0}
	nav img{width:250px}
	
}

@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) {
.owl-carousel .t-img{width:50px !important;}    
.cover{min-height: 290px !important}
*{
  font-family: 微軟正黑體;
  scroll-behavior:smooth;
  font-size:1.1rem;
  position: relative
}  
    
}