﻿
/* -----------------Common------------------------------- */


body{
	background: white url("image/background.jpg") repeat;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	padding-left: 0px;
	color: black;
  }


.HeadBlock {
	background-color: #124a85;
	color: white;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	padding: 10px 60px;

}

.InlineDiv {
	display: inline-block;
}

.frame {
	width: 400px;
	height: 70px;
	border-color:cornsilk;
	border-style:none;
	border-width:2px;
}

.logo {
	font-size:xx-large;
	font-weight: 700;
	top: 0px;
	padding-left: 5px;
	padding-top: 5px;
	margin: 0px;
	height: 30px;
	z-index: 100;
}

.sub-logo {
	font-size:small;
	padding-left: 5px;
	padding-top: 0px;
}

.NaviButtons {
	list-style-type: none;
	display:inline-flex;
	margin: 0px;
	margin-left: 350px;
}

.NaviButtons li {
	margin:0px 50px;
}

.HeadBlock li:hover {
	color:bisque;
}

.active {
	text-decoration: underline;
}

.MainContent {
	padding-top: 100px;
	padding-left:55px;
}

.BottomBlock {
	background-color: black;
	color:white;
	padding: 5px;
	width: 1500px;
	/* display: flex; */
}

a {
	text-decoration: none;
	color: white;
}


/* -----------------Home---------------------------------- */


.MainContent #introduction {
	width: 500px;
	display: inline-block;
	vertical-align: top;

}

.MainContent #IPAgilePic {
	display: inline-block;
	vertical-align: top;
	padding:0px 50px;
}

.Features {
	width: 1300px;
	background-color: rgb(222, 243, 255);
}

.Features h2 {
	margin-left: 598px;
}


.Features tr {
	height: 80px;
}

.Features td {
	width: 230px;
	padding: 0px 10px;
	border-style:none;
	text-align: center;
	font-size: 15px;

}

.FeatureText td {
	padding: 0px 65px;

}



/* -----------------Product---------------------------------- */

.Module {
	width: 1290px;
}

.Module td {
	border-style: none;
}

.ModuleTitle td {
	font-size: larger;
	font-weight:800;
	height: 50px;
	width: 100px;
	padding-left:50px;
	padding-right: 0px;
	padding-top: 30px;

}

.Module tr:not(.ModuleTitle) {
	height: 120px;
}

.ModuleImage {
	width: 100px;
	padding-left:50px;
	padding-right: 0px;
}
.ModuleText {
	width: 330px;
	vertical-align: top;

}

.ModuleTextList {
	margin-right: 10px;
}

.ModuleTextList li {
	/* padding-right:40px; */
}

/* -----------------Download---------------------------------- */

.Software {
	width: 1300px;
	background-color: rgb(222, 243, 255);
	font-size:larger;
	text-align: center;
	padding: 50px 0px;

}

.Software a {
	color: rgb(0, 0, 0);
	display:flex;
	width: 650px;
	height: 50px;
	border-style: solid;
	border-radius: 10px;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	background-color: aquamarine;
}

.Software span {
	text-align: center;

}


.SQLServer {
	width: 1300px;
	background-color: rgb(255, 254, 222);
	text-align: center;
	padding: 30px 0px;

}

.SQLServer a {
	color: black;
	display:flex;
	width: 500px;
	height: 30px;
	border-style: solid;
	border-radius: 10px;
	font-size:small;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(253, 255, 127);
}

.SQLServer span {
	font-size:medium;
}

.SQLServer table {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 5px;
}
.SQLServer td {
	padding: 0px 20px;
}

/* -----------------Documentation---------------------------------- */
.QRCode {
	display: flex;
	justify-content:right;
}


/* --------------------------------------------------- */
