/* ************************************
GENERAL  通用
************************************ */

body{
	font-family:'Open sans',sans-serif;
}



#wrapper{
	max-width:auto%;/*网页大小*/
	margin:0 auto;
	padding:0 5%;
}

a{
	text-decoration:none;
}

img{
	max-width:100%;
}
h3{
	margin:0 0 1em 0;
	
}


/* ************************************
HEADING
************************************ */

header{
	float:left;
	margin:0 0 30px 0;
	padding:5px 0 0 0;
	width:100%;
}



#logo{
	text-align:center;
	margin:0;
}

h1{
	font-family:'changa one',sans-serif;
	margin:15px 0;
	font-size:1.75em;
	font-weight:normal;
	line-height:0.8em;
}

h2{
	font-size:0.75em;
	margin:-5px 0 0;
	font-weight:normal;
}

/* ***********************************
NAVGATION    设置
************************************ */
nav{
	text-align:center;
	padding:10px 0;
	margin:20px 0 0;
}

nav ui{
	list-style:
	margin:0 10px;
	padding:0;
}

nav li{
	display:inline-table;
}

nav a{
	font-weight:800;
	padding:15px 10px;
}
	 

/* ***********************************
FOOTER  底部
************************************ */
footer{
	font-size:0.75em;
	text-align:center;
	clear:both;
	padding-top:50px;
	color:ccc;
}

.social-icon{
	width:20px;
	height:20px;
	margin:0 5px;
}



/* **********************************
PAGE Home主页
************************************ */
#gallery{
	margin:0;
	padding:0;
	list-style:none;
}
#gallery li{
	float:left;
	width:45%;
	margin:2.5%;
	background-color:#f5f5f5;
	color:#bdc3c7;
}

#gallery li a p{
	margin:0;
	padding:5%;
	font-size:0.75em;
	color:#bdc3c6
}


/* **********************************
PAGE About关于
************************************ */
.profile-photo{
	display:block;
	max-width:150px;
	margin:0 auto 30px;
	border-radius:20%;
}




/* **********************************
PAGE Contact联系2
************************************ */
.contact-info{
	list-style:none;
	padding:0;
	margin:0;
	font-style:0.9em;
}
.contact-info a{
	display:block;
	min-height:20px;
	background-repeat:no-repeat;
	background-size:20px 20px;
	padding:0 0 0 30px;
	margin:0 0 10px;
}



.contact-info li.phone a{
	background-image:url('..//img/phone.png');
}

.contact-info li.mail a{
	background-image:url('..//img/mail.png');
}

.contact-info li.github a{
	background-image:url('..//img/sky.png');
}
.contact-info li.Sky a{
	background-image:url('..//img/sky.png');
}

/* ***********************************
COLORS
************************************ */


/*site body*/
body{
	background-color:fff;
	color:#F60
}


/*orange header*/
header{
	background:#FF6600;
	border-color:#FF3300;
}
/*导航背景*/
nav{
	background:#FF3300;
}

/*logo text*/
h1 , h2{
	color:#fff;
}

/*links*/
a{
	color:#FF6600;
}



/*nav links*/
nav a{
	color:#fff;
}
/*selected nav links*/
nav a.selected,nav a:hover{
	color:#000;
}