@charset "utf-8";
/* CSS Document */
body{
	font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
	line-height:1.75em;
	font-size:medium;
	color:#333;
	background:#333;
}
a{ color:#900;}
a:visited, a:hover, a:active{ color:#900;}

#top{
	width:100%;
	background:#666;
	position:fixed;
	top:0px;
	left:0px;
	z-index:1000;
}
#top .navbar-header{
	position:relative;
}
#top .navbar-collapse{
	margin-left:180px;
}
#top .toplogo{
	position:absolute;
	top:0px;
	left:10px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.7);
	background:url(../images/logo-top.png) #900 center center no-repeat;
	border-radius:0px 0px 10px 10px;
}
#top .toplogo a{
	display:block;
	width:160px;
	height:60px;
}
#top .toplogo a h1{ display:none;}
/* bootstrap */
.nav-pills > li > a {
  border-radius: 0px;
	color:#FFF;
}
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  color: #900;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #900;
  background-color: #FFF;
}


#wrap{
	padding:100px 0px 50px;
	background-color:#FFF;
}
section .copyright{
	padding:20px;
}
#Skill{
	background:#eee;
	padding:10px 20px;
	border-radius:10px;
	clear:both;
	margin-top:10px;
}
#Skill ul{
}
#Skill ul li{
	padding:10px;
}
#Skill ul li span{
	display:block;
	font-size:0.9em;
}

#about{
	margin:10px 0px;
}
#about dl dt{
	border-bottom:1px #ccc dashed;
	margin-bottom:10px;
}
#about dl dd{
	line-height:1.8em;
	color:#666;
}

#footer{
	clear:both;
	padding-top:30px;
	width:100%;
	color:#999;
	text-align:center;
	bottom:0px;
	font-size:0.8em;
}



#pic_list{
}
#pic_list li{
	margin:10px 0px;
}
#pic_list li a{
	display:inline-block;
}
#pic_list li a:hover{
	opacity:0.7;
}
#pic_list li a span{
	display:block;
	margin-top:5px;
	background:url(../images/arrow_left.png) no-repeat 0px 8px;
	padding-left:15px;
}
#pic_list p{
	clear:both;
}
.h2style{
	border-bottom:1px solid #900;
	padding:10px;
}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px; padding:15px;}
.pages{
	border-top:1px dashed #CCC;
	padding:15px 0px;
	clear:both;
}