*{
  font-family: 微軟正黑體;
  scroll-behavior:smooth;
}

#slider{margin-top:60px}

h1{
  font-weight:bold;
  text-align:center;
  line-height: 1.7;
  color:#800080
}

h1 span{display: block;font-size:0.6em}

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

header img{padding-left:1em}

p{font-size:1.2em;
  line-height:1.8em;
   
}

.container > .row{margin-top:100px}


@media (min-width:768px) 
{
    .title-sticky{position: sticky;top:50%;min-height:300px;max-height:500px;text-align: center;letter-spacing:5px;}
    h2{margin-bottom:1em;text-align: center;font-size:3em;font-weight:bold;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr}
    .container > .row{margin-top:200px}
}


/*footer*/
footer{margin-top:200px}

/*輪播前後箭頭*/
.carousel-control-prev-icon {
  background-image: url("image/prev.svg");
}

.carousel-control-next-icon {
  background-image: url("image/next.svg");
}

/* Scroll to top button */
#totop {height:9px; opacity:0; position:fixed; right:-60px; width:49px; z-index:111; display:block; bottom: 15%; background-color:#404040; font-size: 9px; font-weight: 900; color: #fff; text-align: center; line-height: 1; border-radius:2px; padding: 28px 0 21px 0; transition: 1s;text-decoration: none}
#totop:before {position: absolute; content:"^"; top: 10px; left: 50%; margin-left: -6px; font-size: 13px; display: inline-block;}
#totop.show { right:10px; opacity:0.7; }
#totop:hover { opacity:1;}