body {	
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

body, h1, h2, h3, h4, h5, p, a, textarea, input {
	font-family: "Avenir", "Nunito Sans", -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, "PingFang TC", "Noto Sans TC", sans-serif;
}

a {
	color: #4c9ade;
}

@media print {
   a[href]:after {
      display: none;
      visibility: hidden;
   }
}

#header {
	padding: 15px 30px;
	background: #222;
	color: white;
}

#header h1{
	margin-right: -22px;
	margin-top: 0px;
	font-weight: 300;
}

body.zh-tw #header h1{
	letter-spacing: 22px;
}

#header h5 {
	font-weight: 100;
  margin: 35px auto 20px auto;
  border-bottom: 1px solid white;
  line-height: 1px;
  width: 40%;
}

#header h5 > span {
	font-weight: 100;
	background: #222;
	padding: 8px 16px 8px 18px;
	border: 1px solid white;
	letter-spacing: 3px;
	font-size: 11px;
}

.no-padding-left {
	padding-left: 0px;
}

.well {
	padding: 30px;
}

.content .well {
	background: white;
	border: none;
	box-shadow: none;
}

.content h3 {
	line-height: 34px;
}

.content li {
	line-height: 24px;
}

.content .wells-wrapper h2 {
	font-weight: 200;
}

.well-wrapper {
	padding: 30px;
	margin-bottom: 0;
}

.well-wrapper hr {
  border-top: 1px solid #ccc;
  margin: 5px 0px;
}

.well-wrapper ul {
	padding-left: 0px;
	margin-bottom: 20px;
}

.well-wrapper li {
	list-style: none;
	padding: 3px 0px 7px 0px;
}

.well-wrapper .subtitle {
	font-weight: bold;
	font-size: 18px;
}

.avatar {
	background-size: cover;
	background-repeat: no-repeat;
	margin: auto;
	margin-bottom: 30px;
	border: 1px solid #555;
	border-radius: 50%;
	width: 160px;
	height: 160px;
	background-image: url('../images/me.jpg');
}

@media (max-width: 767px) {
	.wells-wrapper {
		padding: 0px;
	}
	#header h5 {
		width: 100%;
	}
	.pl-sm-20 {
		padding-left: 20px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	body,
	.container {
		width: 900px;	
	}	
}

@media (min-width: 1200px) {
	body,
	.container {
		width: 1150px;	
	}
	.content h2:first-child {
		margin-top: 0px;
	}
}

@media (min-width: 1450px) {
	body,
	.container {
		width: 1400px;	
	}
	.content h2:first-child {
		margin-top: 0px;
	}
}