*{
	margin: 0 auto;
	padding: 0 auto;
	font-family: PMingLiU;
}

.nav{
	height: 50px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	width: 100%;
    position: fixed;
	z-index: 2000;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
	background: rgba(0,0,0,0.8);
}

.nav ul{
	list-style-type: none;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
}

.nav ul li{
	width: 20%;
	height: 50px;
	margin: 0;
	float: left;
	text-align: center;
}

.nav ul li a{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
	color: white;
	font-size: 18px;
	font-weight: bold;
    font-family: Calibri;
}


.slide{
    background:url(../image/coding-on-laptop.jpg) no-repeat center center;
    background-size: cover;
    height:800px;
    text-align: center;
}

.slide div{
	background: rgba(0,0,0,0.6) no-repeat center center;
	height:800px;
}

.slide div section{
	padding-top: 310px;
}

.quotes{
color: rgb(96,96,96);
text-shadow: 0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff;
font-size: 3.5rem;
}

.title{
	height: 100px;
}

.title h2{
padding-top: 50px;
text-align: center;
color: rgb(240,240,240);
text-shadow: 0px 0px 5px #000, 0px 0px 5px #000;
}

#why_customize{
	background: url(../image/think.jpg) no-repeat center center fixed;
    background-size: cover;
}

#why_customize .title{
	background: none;
	height: 100px;
	padding-top: 50px;
}

.why_customize{
	height: 500px;
}

.why_customize div{
	margin: 0 auto;
	padding: 35px 2.5% 0 2.5%;
	width: 20%;
	float: left;
}

.why_customize section{
	width: 250px;
	height: 300px;
	border-style: ridge;
	border-radius: 8px;
	padding: 10px;
}

.why_customize section h3{
	text-align: center;
	padding: 25px 0 25px 0;	
	color: rgb(240,240,240);
}

.why_customize section p{
	text-align: center;
	padding-bottom: 15px;
	color: rgb(240,240,240);
	width: 220px;
}

#services{
	background: url(../image/contact-flatlay.jpg) no-repeat center center;
    background-size: cover;
}

#services .title{
	background-color: rgba(0,0,0,0.2);
	padding-top: 50px;
}

.services{
	height: 450px;
	background: rgba(0,0,0,0.2) no-repeat center center;
}
.services div{
	margin: 0 auto;
	padding: 35px 2.5% 0 2.5%;
	width: 95%;
	float: left;
}

.services div section{
	width: 33.3%;
	height: 150px;
	float: left;
}

.services div section p{
	text-align: center;
	font-weight: bolder;
	color: #ffffff;
	font-size: 20px;
	padding-top: 50px;
}

.target{
	height: 400px;
	background: rgba(0,0,0,0.6) no-repeat center center;
}

.target div{
	margin: 0 auto;
	padding: 50px 2.5% 0 2.5%;
	width: 45%;
	float: left;
}

.target div section{
	width: 33.3%;
	height: 200px;
	float: left;
}

.target div section div{
	width: 70%;
	padding: 15px 15%;
	text-align: center;
}

.target div section div p{
	text-align: center;
	color: rgb(255,255,255);
	font-weight: bold;
}

.target div section div img{
	width: 100px;
	padding: 15px 0;
}

#target{
	background: url(../image/row-of-young-adults-at-work.jpg) no-repeat center center fixed;
    background-size: cover;
}

#target .title{
	background-color: rgba(0,0,0,0.6);
	padding-top: 50px;
}

#technology{
	background: url(../image/city-buildings.jpg) no-repeat center center;
    background-size: cover;
}

#technology .title{
	background-color: rgba(0,0,0,0.6);
	padding-top: 50px;
}

.technology{
	height: 450px;
	background-color: rgba(0,0,0,0.6);
}

.technology div{
	margin: 0 auto;
	padding: 35px 2.5% 0 2.5%;
	width: 95%;
	float: left;
}

.technology div section{
	width: 25%;
	height: 150px;
	float: left;
}

.technology div section div{
	width: 70%;
	padding: 15px 15%;
	text-align: center;
}

.technology div section div p{
	text-align: center;
	padding: 20px;
	font-size: 24px;
	color: rgb(251,214,12);
	font-style: fantasy;
	font-weight: bold;
}

.technology div section div img{
	width: 36px;
}

footer{
	background: #000;
	height: 30px;
}

footer p{
	color: #fff;
	padding: 5px 0px 0px 20px;
}