body, table, p, div, span, form, input, textarea, select, pre, button { font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif; }

body {
  padding-top: 60px;
}

.center {
  text-align: center;
}

#logo {
  float: left;
  margin-right: 10px;
  font-size: 1.7em;
  text-transform: uppercase;
  letter-spacing: -1px;
  padding-top: 9px;
  font-weight: bold;
  line-height: 1;
}

.social_icon{
	padding-top: 10px;
	opacity: 0.5;
}

.social_icon:hover{
	opacity: 1;
}

#logo:hover {
  text-decoration: none;
}

.title{
  color: gray;
  text-align: center;
}

.skills{
  height:80px;
  padding-right: 20px;
  padding-top: 40px;
  opacity: 0.5;
}
.skills:hover{
  cursor: pointer;
  opacity: 1;
}
.show_logo{
  list-style: none;
}
.clear{
  clear: both;
}

hr.section-break{margin-top: 50px;padding:0;border:none;border-top:medium double #CCC;color:#CCC;text-align:center;}
hr.section-break:after{content:'\00A7';display:inline-block;position:relative;top:-0.7em;font-size:1.5em;padding:0 0.25em;background:#ffffff repeat;}