/* CSS Document */

#container #fv{
	background: url(../img/fv.jpg) no-repeat center top;
	background-size: cover;
}
#container #fv h1{
	padding: 120px 0 20px;
	font-size: 2.8rem;
}
#container #fv h2{
	display: inline-block;
	border-bottom: 2px solid #FFF;
}

#container section {
    padding-bottom: 50px;
}

#container section h1{
	font-size: 3.2rem;
    color: #00B7DE;
    margin: 30px 0 50px;
}
#container section h2{
	font-size: 3.0rem;
	margin-bottom: 40px;
}
#container section h2:after{
	content: '';
	border-bottom: 3px solid #05B6DD;
	width: 40px;
	display: block;
	margin: 20px auto;
}






#container #navBtn{
	padding: 0;
}
#container #navBtn ul{
	list-style: none;
}
#container #navBtn ul li a{
	width: 50%;
	float: left;
	display: inline-block;
	text-align: center;
	border: 1px solid #B1B1B1;
	box-sizing: border-box;
	text-decoration: none;
	font-size: 2.1rem;
	color: #B1B1B1;
	padding: 24px 0;
	position: relative;
}
#container #navBtn ul li a:after{
	position: absolute;
	content: '';
	top: 30px;
	right: 30px;
	width: 9px;
	height: 9px;
	border-bottom: 2px solid #B1B1B1;
	border-right: 2px solid #B1B1B1;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#container #navBtn ul li.act a{
	background: #182F79;
	border-color: #182F79;
	color: #FFF;
}
#container #navBtn ul li.act a:after{
	border-color: #FFF;
}



#maintenance .img {
    width: 50%;
    height: 480px;
    overflow: hidden;
    float: left;
}
#maintenance .img img {
    width: 100%;
}
#maintenance .block {
    text-align: left;
    width: 50%;
    float: right;
    position: relative;
}
#maintenance  .block dl {
    position: absolute;
    width: 400px;
    top: 50px;
    left: 80px;
}

#support .img {
    width: 50%;
    height: 480px;
    overflow: hidden;
    float: right;
}
#support .img img {
    min-width: 100%;
}
#support .block {
    text-align: left;
    width: 50%;
    float: left;
    position: relative;
}
#support  .block dl {
    position: absolute;
    width: 400px;
    top: 50px;
    right: 80px;
}

.tb1 {
    background-color: #F8F8F8;
    border: 1px solid #D8D8D8;
    font-size: 85%;
    margin-top: 40px;
}
.tb1 tr th,
.tb1 tr td {
    padding: 15px;
}
.tb1 tr:first-child {
    border-bottom: 1px dashed #D8D8D8;
}




@media screen and (max-width: 480px) {
	
	#container #fv {
    height: 100px;
	}
	#container #fv h1 {
    padding: 25px 0 0;
    font-size: 2.0rem;
	}
	#container #fv h2 {
    font-size: 1.0rem;
	}
	
	#container #navBtn ul li a {
    width: auto;
		display: block;
		float: none;
		padding: 15px 0;
		margin: 10px;
		font-size: 1.8rem;
	}
	#container section h1 {
    font-size: 2.5rem;
		margin: 10px;
	}
	#container #navBtn ul li a:after {
    top: 20px;
	}
	
	#container section article {
    width: auto;
		text-align: left;
	}
	
	#container section h2 {
    font-size: 2.5rem;
    margin: 0 20px 40px;
    line-height: 1.6em;
	}
	#software p{
		margin: 30px;
		text-align: left;
		line-height: 1.8em;
	}
	
	
	#container #maintenance article,
	#container #support article{
		padding: 0 10px;
	}
	#maintenance .block,
	#support .block{
    width: auto;
    float: none;
		margin: 0 30px;
		line-height: 1.8em;
	}
	#maintenance .block dl,
	#support .block dl{
    position: static;
		width: auto;
	}
	#maintenance .img,
	#support .img{
    width: auto;
    height: auto;
    float: none;
		margin-top: 40px;
	}
	#maintenance .img img,
	#support .img img{
		width: 100%;
	}
	
	
	
	.tb1 {
    margin-top: 30px;
	}
	.tb1 tr th,
	.tb1 tr td {
    padding: 10px 20px;
    display: block;
	}
	.tb1 tr th{
    padding-bottom: 5px;
		font-size: 1.2rem;
	}
	.tb1 tr td{
    padding-top: 0;
		line-height: 1.8em;
		font-size: 1.2em;
	}
	.tb1 tr td br{
		display: none;
	}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}