body {
	font-family: Arial,"Noto Sans TC",微軟正黑體,Source Sans Pro, Helvetica, sans-serif;
}
html {
    font-size: 16px;
}

@media (max-width: 480px) {
    html {
        font-size: 17px;
    }
}
.img-responsive {
	max-width: 100%;
}
.text-red {
	color:#E91E63;
}
.text-green {
	color:#28a745;
}
.text-yellow {
	color:#ffc107;
}
.text-info {
    color: #7099e0;
}
.text-primary {
    color: #007bff;
}
.text-gray {
    color: #a3a3a3;
}
.text-purple {
    color: #7f0096;
}
.text-pink {
    color: #e200ff;
}
.text-violet {
    color: #cf7efb;
}
.bg-red {
    background-color: #dc3545;
    color:#fff;
}
.bg-yellow {
	background-color: #ffc107;
}
.mb-0 {
	margin-bottom: 0;
}
.mb-sm {
	margin-bottom: 0.6rem;
}
.mb-md {
	margin-bottom: 1rem;
}
.mb-lg {
	margin-bottom: 1.5rem;
}
.d-block {
	display: block;
}
.header {
	padding:1.5rem 0 0;
	border-top:5px solid #111;
}
.header a {
	text-decoration: none;
}
.top h1.brand {
	font-size:40px;
	font-weight: 500;
	margin: 0 0 1.5rem;
	padding: 0.6rem;
	position: relative;
}
.top h1.brand::before {
	content: "";
	position: absolute;
	width:4em;
	height:3px;
	bottom:0;
	left:calc(50% - 2em);
	background: #fdc716;
}
.top h1.brand a {
	color:#000;
}
.top h1.brand a>span {
	color:#007f68;
}
.top::after,.nav-mobile::after {
	content: "";
	display: table;
	clear: both;
}
nav {
	background: #007f68;
}
nav ul {
	list-style: none;
	margin:0;
	padding-left: 0;
}
.nav>li {
	display: inline-block;
	position: relative;
	padding-left: 0;
}
.nav>li>a {
	padding:1rem 1.2rem;
	display: block;
	color:#fff;
	transition: 0.3s;
	font-weight: 400;
}
.nav-mobile {
	display: none;
}
.nav>li.active>a,.nav>li>a:hover {
	color:#fdc716;
}
.dropdown>ul.menu {
	display: none;
	position: absolute;
	top:100%;
	left:0;
	min-width: 160px;
	background: #f1f1f1;
	padding:0.3rem 0;
	z-index: 5;
}
.dropdown.open>ul.menu,.dropdown:hover>ul.menu {
	display: block;
}
.dropdown>ul.menu>li {
	padding-left:0;
}
.dropdown>ul.menu>li>a {
	padding:0.5rem 0;
	display: block;
}
.dropdown>ul.menu>li>a:hover {
	color: #fdc716;
}
.navbar-toggle {
	float:right;
}

/*Section*/
.index-profile>header>h3 {
	font-size: 1.6rem;
	font-weight: 600;
	position: relative;
	padding-bottom: 0.5rem
}
.index-profile>header>h3:first-letter {
	color:#007f68;
}
.index-profile > .content.schedule {
	overflow-x: hidden;
}
.index-profile>header>h3::before {
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 2em;
    background: #fdc716;
}
.index-profile .content h4 {
	font-weight: 400;
}
footer {
	background: #f4f4f4;
}
footer > .inner {
	padding: 1rem!important;
}
input[type="submit"].special:hover, input[type="reset"].special:hover, input[type="button"].special:hover, button.special:hover, .button.special:hover {
	background-color: #fdc716
}
.items.style3.reseacher {
	margin:2.5rem 0 0;
}
.items.style3.medium.reseacher > div {
		padding:0 1rem 1rem 0;
}
.items.style3.medium.reseacher .inner {
	text-align: center;
}
.items.style3.reseacher .inner:hover .icon.style2:before {
	box-shadow: inset 0 0 0 1px #fdc716;
	background: #fdc716;
}
.items.style3.reseacher .inner:hover .icon.style2,.items.style3.reseacher .inner:hover h4 {
	color:#007f68;
}
.content.link a {
	text-decoration: none;
}
.wrapper.style1 > .inner {
    padding: 0 2.5rem 2.5rem 2.5rem;
}