@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
		body {
		  font-family: "Noto Serif TC", serif;
		  line-height: 30px;
		  background-image: url(images/bg.webp);
		  background-repeat: repeat;
		  background-color: #000;
		  background-attachment: fixed;
		  background-position: 50% 0;
		  background-size: cover;
		  font-size: 18px;
		  color: #FFF;
		  padding-top: -20px;
		  text-align: justify;
		}
		h1 {
		  /*font-size: 21px;*/
		  font-weight: bold;
		  color: #FFF;
		}
		h2 {
		  /*font-size: 21px;*/
		  font-weight: bold;
		  color: #cf3e37;
		}
		h3 {
		  line-height: 36px;
		}
		h4 {
		  line-height: 34px;
		}
	html {
            scroll-behavior: smooth;
        }
		.bg1 {
		  background-image: url("images/top_bg.webp");
		  background-repeat: no-repeat;
		  background-position: 50% 0%;
		  background-size: cover;
		  margin-top: -20px;
		}
		.bg2 {
		  background-image: url(images/bg2.jpg);
		  background-repeat: no-repeat;
		  background-position: 50% 0%;
		  background-size: cover;
		  margin-top: -20px;
		}
		.bg3 {
		  background-image: url(images/bg3.jpg);
		  background-repeat: no-repeat;
		  background-position: 50% 0%;
		  background-size: cover;
		  margin-top: -20px;
		}
		.bg4 {
		  background-image: url(images/bg4.jpg);
		  background-repeat: no-repeat;
		  background-position: 50% 0%;
		  background-size: cover;
		  margin-top: -20px;
		}
		.bg5 {
		  background-image: url(images/bg5.jpg);
		  background-repeat: no-repeat;
		  background-position: 50% 0%;
		  background-size: cover;
		  margin-top: -20px;
		}
		.content {
		  /*background-color: #f6f6f6;*/
		  background-color: rgba(0, 0, 0, 0.5);
		  min-height: 300px;
		  padding: 3%;
		  margin: 3% 0;
		  /*			border-radius: 15px;*/
		}
		.content_bg {
		  background-image: url(images/content_bg.jpg);
		  background-attachment: fixed;
		  background-position: 50% 0%;
		  background-repeat: repeat;
		}
		.content .col-sm-3 {
		  margin-top: 20px;
		}
		.content .col-sm-9 {
		  margin-top: 20px;
		}
		.content .col-sm-3 img {
		  border-radius: 10px;
		}
		.content .col-sm-9 img {
		  border-radius: 10px;
		}
		.content .col-md-4 img {
		  border-radius: 10px;
		}
		.content .col-md-6 img {
		  border-radius: 10px;
		  margin-top: 15px;
		}
		.content .col-sm-5 img {
		  border-radius: 10px;
		  margin-bottom: 20px;
		}
		.title {
		  color: #FFF;
		  padding-left: 5px;
		  /*font-size: 4vh;*/
		  font-weight: bold;
		}
		.titleF {
		  color: #FFF;
		  padding-left: 5px;
		  font-size: 4vh;
		  font-weight: bold;
		}
		.pink {
		  color: #ea186d;
		  font-size: 19px;
		  font-weight: bold;
		}
		.blue {
		  color: #FFF;
		  font-size: 20px;
		  font-weight: bold;
		  background-color: #629995;
		  padding: 5px;
		}
		.pinkbg {
		  color: #ea186d;
		  font-size: 21px;
		  background-color: #ffdfe9;
		  padding: 5px;
		}
		.navbar-default {
		  background-color: #c82a1d;
		  /*			background-color:rgba(0, 0, 0, 1);*/
		  color: #FFF;
		  border-color: #240300;
		  border-bottom-width: 0px;
		}
		/*
		.navbar-default{
			background-color:rgba(0, 0, 0, 1);
			color: #fbf18c; 
			border-color: #240300;
			border-bottom-width: 0px;
		}
*/
		.navbar-default .navbar-nav > li > a {
		  color: #FFF;
		  font-size: 17px;
		}
		.navbar-default .navbar-nav > li {
		  /*margin-right: -15px;*/
		}
		.navbar-default .navbar-header > a {
		  color: #FFF;
		  font-size: 19px;
		}
		.navbar-default .navbar-nav > li > a:hover {
		  background-color: #000;
		  color: #FFF;
		}
		.navbar-default .navbar-toggle {
		  border-color: #240300;
		}
		.navbar-default .navbar-toggle .icon-bar {
		  background-color: #FFF;
		  border-color: #240300;
		}
		.navbar-default .navbar-toggle:hover {
		  background-color: #f6ce19;
		}
		.copyright {
		  font-size: 15px;
		  text-align: center;
		  color: #bdbdbd;
		  padding: 10px;
		}
		.topimg {
		  margin-top: 30px;
		}
		.page-header {
		  border-bottom-width: 1px;
		  border-bottom-style: solid;
		  border-bottom-color: #FFF;
		  color: #FFF;
		  /*font-size: 36px;*/
		}
		.menu {
		  margin-bottom: 20px;
		}
		.mt20 {
		  margin-top: 20px;
		}
		.carousel-inner .item img {
		  width: 100%;
		}
		.col-md-6 {
		  margin-top: 20px;
		}
		.col-md-6 p {
		  font-weight: bolder;
		  text-align: center;
		}
		.col-md-6 img {
		  border-radius: 10px;
		  margin-bottom: 10px;
		  margin-top: 20px;
		}
		.content .col-sm-6 {
		  margin-top: 20px;
		}
		.content .col-sm-6 img {
		  border-radius: 10px;
		  margin-bottom: 10px;
		  margin-top: 10px;
		}
		.p0 {
		  padding: 0px;
		}
		.p20 {
		  padding-bottom: 20px;
		}
		.dir {
		  font-size: 3vh;
		  color: #a78314;
		}
		.dir1 {
		  font-size: 16px;
		}