body {
	    font-family: 'MN-Normal', sans-serif;
	    font-size:90%;
	    line-height: 1.7em;
	    margin: 0px;
	    padding: 0px;
	  }
	.header{
		width: 100%;
		padding: 10px 0px;
		background-color: #FFFFFF;
	}
	.logo{
		width: 15%;
		display: inline-block;
		text-align: left;
		vertical-align: middle;

	}
	.menu{
		width: 80%;
		display: inline-block;
		text-align: right;
		vertical-align: middle;
	}
	.menu ul{margin: 0px ;padding:0px;}
	.menu ul li{ 
		display: inline-block;
		list-style: none;
		font-weight: bold;
		padding: 0px 10px;
		font-size: 1.2em;


	 }
	 .menu ul li a{
	 	text-decoration: none;
	 	color: #000000;
	 }
	.banner{
       width: 100%;
       margin:0 auto;
       position: relative;
	 }
	#logo-banner{
	 	position: absolute; 
	 	top:15px;
	 	left: 10%;
	 	width: 205px;
	 }
	.container{
		max-width: 1000px;
		width: 90%;
		margin: 0 auto;
	 }
	.section{
		display: inline-block;	
		vertical-align: top;
		margin-bottom: 5px;
	}
	.section-title{
		font-size: 1.3em;
		font-weight: bold;
		width: 100%;
		padding: 5px 0px;
		margin-bottom: 15px;
		margin-top: 30px;
	}
	.title1{
		color: #FFFFFF;		
		background-color: #000000;
	}
	.title2{
		background-image: url('../images/line-title.jpg');
		background-repeat: no-repeat;
		background-position: center center;
	}
	.title3{
		font-size: 1.5em; font-weight: bold;
		padding-left: 0px;
	}
	.span-title{
		background-color: #ffffff; 
		padding-right: 25px;
		padding-bottom: 10px;
		width: auto;
		font-size: 1.2em;
	}
	.img-check{
		margin-right: 5px;
		max-width: 20px;
	}

	.img-check2{
		margin-right: 5px;
		max-width: 10px;
	}
	.s1-a{
		width: 25%;
		position: relative;
	}
	.s1-a img{
		position: absolute;
		right: 10%;
		top:-100%;
		max-width: 20%
	}
	.s1-a img:hover{
		filter: brightness(80%);
	}
	.s1-b{
		width: 70%;
	}
	.s2-a{
		border: solid thin #000000;	
		text-align: center;
		padding:15px 0px;
		width: 45%;
		margin-right: 3%;
	}
	.s2-a-item{		
	}
	.s2-b{
		padding-left: 10px;
		width: 50%;
	}
	.s3-a{
		width: 45%;
		margin-right: 3%;
	}
	.s3-b{
		width: 50%;
		padding-left: 10px;
	}
	.s4-a{
		width: 20%;
		margin-right: 3%;
	}
	.s4-b{
		width: 75%;
		padding-left: 10px
	}
	.s5-a{ width: 100%; 
		text-align: center;}
	.item{
		width: 19%;
		text-align: center;
		display: inline-block;
		margin-bottom: 10px ;
		vertical-align: top;
	}
	.text-logo{
		font-size: 0.8em;
	}
	.section6{
		margin-bottom: 40px;
		text-align: center;
		font-size: 0.9em;
		margin-top: 40px;
	}
	.section5a{
		font-size: 1em;
	}


	.bt-signup{
		position: fixed;
		bottom: 10px;
		left: 10px;
		background-color: #FFFFFF;
		border: solid 2px #ea050a;
		border-radius: 10px;
		padding: 15px; 
		cursor: pointer;
	}
	.bt-signup:hover img{
		filter: brightness(70%);
	}
	#footer {
	    padding: 5px 0 10px;
	    color: inherit;
	}
	.footer_logo{
		width: 200px;
	}
	.fnavi{
		margin-top: 40px;
		margin-left: 0px;
		padding-left: 0px;
		width: 65%;
		display: inline-block;
	}
	.fnavi li{
		display: inline-block;
	}
	.fnavi li a{		
		color: #222633;
		text-decoration: none;
		font-weight: bolder;
		margin-right: 10px;
	}
	.fnavi_icon{
		width: 30%;
		display: inline-block;
		text-align: right;;
	}
	.fnavi_icon li{
		display: inline-block;
	}
	.copyright{
		text-align: right;
		font-size: 0.8em;
		font-weight: bold;
		margin-bottom: 30px;
	}
	.footer-bar{
		background-color: #222633 ;
		padding: 15px 0px;
		margin-bottom: 20px;
	}
	.footer-bar a{
		text-decoration: none;
		color: #FFFFFF;

	}
	.s4-item{
		width: 100%;
		margin: 30px 0px;
		padding-left: 20px;
	}
	.s4-item-logo{
		width: 15%;
		display: inline-block;
		vertical-align: middle;
	}
	.s4-item-logo img{
		max-width: 70%;
	}
	.s4-item-text{
		width: 70%;
		padding-left: 5px;
		font-weight: bold;
		display: inline-block;
		vertical-align: middle;
	}
	
		.item{
			line-height: 1em;
		}

/* Styling Pagination*/
.owl-dots{position:absolute; width: 100%; display: block;  margin-top: 25px; text-align: center;}
.owl-dot{
	display: inline-block;
	width: 15px;
	height: 15px;
	border:solid 2px #cccccc !important;
	border-radius: 50%;
	background-color: #FFFFFF !important;
	margin-left: 5px;
}
.owl-dot.active{background-color: red !important;}

#buttonUp{
	position: fixed;
	bottom: 10px;
		right: 10px;
		display: none;
}

  	@media only screen and (max-width: 600px) {
		body,p {
		     font-size: 9pt !important;
		  }
		 .logo{
			width: 100%;
			display: inline-block;
			text-align: center;
			vertical-align: middle;
			margin-bottom: 10px;

		}
		 .logo img{
		 	max-width: 50%;
		 }
		.menu{
			width: 100%;
			display: inline-block;
			text-align: center;
			vertical-align: middle;
		}
		.menu ul li{ 
			padding: 0px 5px;
			font-size: 0.9em;
		}
		#logo-banner{ 
		 	top:15px;
		 	left: 5%  !important;
		 	width: 120px !important;
		 }
		.section-title{
			font-size: 11pt !important;
			margin-bottom: 10px !important;
		}
		.title3{
			font-size: 9pt !important;
		}
		.span-title{ 
			display: block !important;
			padding-right: 5px !important;
			font-size: 1em  !important;
		}
		.s1-a img{
			position: absolute;
			right: 5%;
			top:-200%;
			max-width: 20%
		}

		.img-check2{
			margin-right: 5px;
			max-width: 8px;
		}
		.s1-a,.s1-b,.s2-a,.s2-b,.s3-a,.s3-b,.s4-a,.s4-b{
			width: 100% !important ;
		}
		.s4-a{
			font-size: 9pt !important;
		}
		.s2-b,.s3-b,.s4-b{
			padding-left: 0px  !important;
		}
		.img-check{
			max-width: 12px;
			margin-right: 5px;
		}
		.item{
			width: 45% !important ;
			margin-bottom: 20px !important;
			vertical-align: top !important;
		}
		.bt-signup{			
			padding: 10px; 
		}
		.bt-signup img{
			max-width: 70px;
		}
		#footer {
		    padding: 5px 0 10px;
		    color: inherit;
		}
		.footer_logo{
			width: 200px;
			max-width: 40%;
			margin:0 auto;
		}
		.fnavi{
			margin-top: 40px;
			margin-left: 0px;
			padding-left: 0px;
			width: 100%;
			display: inline-block;
		}

		.fnavi li{
			display: block;
			margin-bottom: 5px;
		}
		.fnavi_icon{
			width: 100%;
			margin-left: 0px;
			padding-left: 0px;
			display: inline-block;
			text-align: center;
		}
		.fnavi_icon li{
			display: inline-block;
		}
		.owl-dots{position:absolute; width: 100%; display: block;  margin-top: -20px; text-align: center;}
		.s4-item-logo{
			width: 25%;
			display: inline-block;
			vertical-align: middle;
		}
		.s4-item-logo img{
			max-width: 100%;
		}
		.item{
			line-height: 1em;
		}
		.item div{
			height: 40px !important;
		}

	}