html,
body {
	height: 100%;
	width: 100%;
	font-family: "PingFang TC","Heiti TC","Noto Sans TC","Microsoft JhengHei";
	font-size: 16px;
}
hr{
	border-top: 1px solid gray;
}
a {
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
}
p {
	line-height: 1.5;
	margin-bottom: 20px;
}
.text-faded {
	color: rgba(255, 255, 255, 0.7);
}
section {
	padding: 100px 0;
}
aside {
	padding: 50px 0;
}
.no-padding {
	padding: 0;
}

.navbar-default {
  	background-color: white;
	border-color: rgba(34, 34, 34, 0.05);
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
}
.navbar-default .navbar-header .navbar-brand {
  	color: gray;
    font-weight: 700;
    font-size: 16px;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
	color: #46A3FF;
}
.navbar-default .navbar-header .navbar-toggle {
	font-weight: 700;
	font-size: 12px;
	color: #222222;
	text-transform: uppercase;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
	color: gray;
	margin: 0 px;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
	color: #222222;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
	color: #46A3FF !important;
	background-color: transparent;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
	background-color: transparent;
}
@media (min-width: 768px) {
 .navbar-default {
		background-color: #222222;
		border-color: rgba(255, 255, 255, 0.3);
	}
	.navbar-default .navbar-header .navbar-brand {
		color: #FFFFFF;
	}
	.navbar-default .navbar-header .navbar-brand:hover,
	.navbar-default .navbar-header .navbar-brand:focus {
		color: #46A3FF;
	}
	.navbar-default .nav > li > a,
	.navbar-default .nav > li > a:focus {
		color: #FFFFFF;
	}
	.navbar-default .nav > li > a:hover,
	.navbar-default .nav > li > a:focus:hover {
		color: #46A3FF;
	}
  .navbar-default.affix {
    background-color: #222222;
    border-color: rgba(34, 34, 34, 0.05);
  }
  .navbar-default.affix .navbar-header .navbar-brand {
    color: #FFFFFF;
    font-size: 16px;
  }
  .navbar-default.affix .navbar-header .navbar-brand:hover,
  .navbar-default.affix .navbar-header .navbar-brand:focus {
    color: #46A3FF;
  }
  .navbar-default.affix .nav > li > a,
  .navbar-default.affix .nav > li > a:focus {
    color: #FFFFFF;
  }
  .navbar-default.affix .nav > li > a:hover,
  .navbar-default.affix .nav > li > a:focus:hover {
    color: #46A3FF;
  }
}

.container{
	padding-top: 100px;
}

@media (min-width: 1200px) {
	.container {
		width: 970px;
	}
}

.advisor_photo{
	width: 160px;
	margin: 0 auto;
	display: block;
	padding-top: 10px;
}

#advisor_about{
	padding-top: 15px;
}

#advisor_about a{
	color: black;
}

#advisor_exp{
	text-align: left;
}

@media (min-width: 768px) {
	#advisor_exp{
		text-align: justify;
	}
}

.subtitle{
    border-left: 3px solid #888888;
    border-right: 3px solid #888888;
    color: gray;
	font-weight: 700;
    padding: 0px 10px 0px 10px;
    line-height: 40px;
}

#advisor_exp .panel-heading{
	background-color: white;
	color: gray;
}

.space:first-child{
	height: 3px;
}

.first-space{
	height: -10px;
}

.space{
	height: 10px;
}

.exp_time{
	color: gray;
}

#anchor{
    color: #46A3FF;
    font-weight: 700;
    text-align: center;
}

#anchor a{
	color: #46A3FF;
}

h4{
	font-size: 16px;
}