body   {
  height: auto;
  background-image: url(http://webapps.taes.tyc.edu.tw/taesmagz/images/magz106/bg/18.JPG);
  background-position: center center;
  background-size: cover; 
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-color: #464646;
}
#banner-title {
    background: #99C;
    color: #000;
    font-size: 40px;
    color:#FFF;
    font-weight: bold;
    ont-weight:bold;
    font-family: Arial, "新細明體", PMingLiU, sans-serif;
    width:auto;
    padding:10px;
    margin-top: 20px;
    margin-left: 20%;
    margin-right: 20%;
    text-align:center;
}
#banner-content {
    background: #FFF;
    color: #000;
    font-size: 30px;
    ont-weight:bold;
    font-family: Arial, "新細明體", PMingLiU, sans-serif;
    width:auto;
    padding:10px;
    margin-left: 20%;
    margin-right: 20%;
    text-align:left;
}

#banner-content p {
	text-indent:60px;
	-webkit-margin-before:0em;
}

.fixedmenu {    position: fixed;    top: 0;    background-color: #5F5F5F;
    width: 100%;}

.nav.navbar-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .navbar-nav {
        float: none;
    }
}

.navbar-brand {
	color: #FFF !important;
    background-image: none;
}

.nav a{
    color: white !important;
    font-size: 20px !important;
    font-family: Arial, "新細明體", PMingLiU, sans-serif !important;
	padding:15 5 15 5 !important;
}
.nav li{
    padding-right:0px !important;
}
.navbar {
	background-color:#342d75;
	border-color:#342d75;
}
.dropdown-menu {
    background-color: white;
}

.dropdown-menu > li > a {
		color: #000 !important;
}

.dropdown-menu > li > a:hover {
    background-color: #3c5a89 !important;
	color: #FFF !important;
    background-image: none;
}

.dropdown-toggle:active, .open .dropdown-toggle {
	background:#3c5a89 !important; 
    color:#FFF !important;
	padding:15 5 15 5 !important;
}
#kind-g {
    background-color: #e0d95d !important;
	color: #FFF !important;
    background-image: none;
}
#kind-h {
    background-color: #5de088 !important;
	color: #FFF !important;
    background-image: none;
}
#post_title {
	font-size:30px;
    font-family: Arial, "新細明體", PMingLiU, sans-serif;
	color:#000;
	margin: 0px;
	font-weight: bold;
	background-color:#d0d7e2;
	padding:3px;
	width:auto;
    margin-left: 20%;
    margin-right: 20%;
    text-align:center;
}
.entry_img {
	border-color:#d0d7e2;
	border-style:none solid none solid;
	background-color:#fff;
	width:auto;
	line-height: 20px;
	padding:0px;
	-webkit-margin-before:0em;
    margin-left: 20%;
    margin-right: 20%;
}

#post_name {
	font-size:20px;
    font-family: Microsoft JhengHei, Arial, "新細明體", PMingLiU, sans-serif;
	color:#000;
	text-align:right;
	border-color:#d0d7e2;
	border-style:none solid none solid;
	background-color:#fff;
	width:auto;
	line-height: 20px;
	padding:0px;
	-webkit-margin-before:0em;
    margin-left: 20%;
    margin-right: 20%;
}
#post_content {
    font-family: Arial, "新細明體", PMingLiU, sans-serif;
	color:#000;
	border-color:#d0d7e2;
	border-style:none solid solid solid;
	background-color:#fff;
	width:auto;
	line-height: 36px;
	padding:10px;
	-webkit-margin-before:0em;
	margin-bottom:18px;
    margin-left: 20%;
    margin-right: 20%;
}
#post_content li {
    font-family: "新細明體", PMingLiU, sans-serif;
	color:#000;
	font-size:24px !important;
}
#post_content  span {
	font-size:24px !important;
    font-family: Arial, "新細明體", PMingLiU, sans-serif;
	white-space: pre-wrap !important;
	text-indent:48px;
}
#post_content p {
	font-size:24px !important;
    font-family: Arial, "新細明體", PMingLiU, sans-serif;
	white-space: pre-wrap !important;
	text-indent:48px;
	-webkit-margin-before:0em;
	margin-bottom:16px;
}