<!-- This is the main page by Charles Chang 13/10/2019-->

<style type="text/css">

/*home index styling */

	#topbar {
	
		width:95%;
		height:100px;
		margin: 0px auto;
		
	}
	
	#logo {
	
		height: 80px;
		position: relative;
		float:left;
		padding:5px 10px 10px 20px;		
		
	}
	
	#company-name {
	
		width: 100px;
		font-size: 25px;
		font-weight: bold;
		color:#283174;
		position:relative;
		float:left;
		padding-top: 8px;
				
	}
	
			
	.clear {
	
		clear:both;
	
	}	
	
	#clear {
	
		clear:inherit;
	
	}
	
	
	a.sign {
	
		text-decoration:none;
		color:black;			
	}
	
	a.sign:hover {
	
		color:#1BA0D7;
		font-weight:bold;
		
	}
	
	a {
	
		text-decoration:none;
		color:#f7f7f7;			
	}
	
	a:hover {
	
		color:#1BA0D7;
						
	}
	
	#sign-in-txt {
	
		color:black;
		font-weight:bold;
		font-size:16px;
		text-align:center;
		position:relative;
		float:right;
		margin-right:10px;
		margin-top:28px;
		border: 1px solid #002DB3;
		border-left-width:10px;
		height:25px;
		width:120px;
		box-sizing: border-box;
	
	}
	
	#sign-in-img {
	
		position:relative;
		float:right;
		margin-right:30px;
		margin-top: 30px;
		height:20px;
	
	}
	
	#click-me {
	
		font-weight:bold;
		font-size:50px;
		color:blue;
		position:relative;
		margin:50px;
		border: 5px solid red;
		width:220px;
	
	}

	#body-container-1 {
	
		position:relative;
		width: 100%;
		margin:0px auto;
		padding-bottom:1%;
						
	}

	#body-container-2 {
	
		position:relative;
		float:left;
		width:100%;
		height:60px;
		margin-top:2%;
		
	}
	
	#body-container-3 {
	
		position:relative;
		float:left;
		padding-left:15%;
		padding-right:15%;
		
	}
	
	#body-container-4 {
	
		width:100%;
		height:auto;
		margin-bottom:5%;
		margin-top:5%;
		
	}
	
	.frame-box {
	
		width:100%;
		height:auto;
		position:relative;
		float:left;
		padding-top:2%;
		padding-left:0%;
		padding-right:1%;
		padding-bottom:1%;
						
	}
	
	#body-frame-1 {
	
		width:100%;
		height:100px auto;				
		background-image:url ("bg.webp");
		background-color:grey;
					
	}

	
	.body-frames {
		
		width:20%;
		height:25%;	
		margin-left:1.5%;
		margin-right:1.5%;
		padding-bottom:8%;
	}

	
	#body-mid-section {
		
		background-color:#C0C0C0;
		width:100%;
		float:left;
		position:relative;
		margin-top:0px;
		padding-top:60px;
		
	}
	
	#footer {
	
		width:100%;
		height:350px auto;
		float:left;
		position:relative;
		background-color:#3a3a3a;
		
	}
	
	#menu-tab-drive-left {
	
		width:50px;
		position:relative;
		float:left;
		padding-top:15px;
		padding-right:20px;
	}
	
	#body-final-section {
	
		float:left;
		width:100%;
		height:65px;
				
	}
	
	#body-final-text {
	
		font-size:18px;
		text-align:center;
		font-weight:normal;
		
	}
	
	.hands {
	
		width:100%;
		height:100%;
		
	}
	
	.frame-photo {
	
		width:100%;
		height:100%;
		margin-top: 30%;
		
	}
	

	.frame-text {
	
		background-color:#1a2389;
		text-align:center;
		font-weight:normal;
		font-size:20px;
		border: 1px solid black;
				
	}
	
	#footer-frame-1 {
	
		background-color:none;
		width:32.8%;
		height:350px auto;
		float:left;		
		position:relative;
	
	}
	
	#footer-frame-2 {
	
		background-color:none;
		width:34.4%;
		height:350px auto;
		float:left;	
		position:relative;
		
	}
	
	#footer-frame-3 {
	
		background-color:none;
		width:32.8%;
		height:350px auto;
		float:left;	
		position:relative;		
		
	}
	
	.footer-header-text {
	
		color:white;
		font-size:18px;
		font-weight:normal;
		float:left;
		position:relative;
		margin-left: 60px;
		margin-top: 30px;
		padding-bottom:30px;
						
	}
	
	#footer-3-decor {
	
		text-decoration:none;
		font-weight:bold;
	
	}
	
	.sns-button {
	
		width:25px;
		padding-top:3px;
		float:left;
		
	}
	
	.sns-text {
	
		padding-left:60px;
		
	}
	
	a.sns:hover {
	
		color:#C0070B;
	
	}
	
	#end-footer {
		
		background-color:black;
		width:100%;
		height:25px auto;
		position:relative;
		float:left;
				
	}

	#disclaimer {
	
		font-weight:normal;
		text-align:center;
		color:white;
		font-size:12px;
		padding-top:5px;
								
	}
	
	#final-text-margin {
	
		position:relative;
		margin-top:0px auto;
		
	}
	
	#construction {
	
		font-weight:bold;
		font-size:50px;
		text-shadow: 2px 2px yellow;
		color:blue;
		opacity:0.5;
		position:fixed;
		z-index:5;
		padding-left:35%;
		padding-top: 10%;
	
	}
	
	#body-frame-text {
		
		color:blue;
		font-weight:bold;
		font-size: 50px;
		text-align:center;
		padding-top:5%;
		padding-bottom:0%;
		
	}
	
	a.special {
		
		color:white;
		
	}
	
	a.special:hover {
		
		color:#1BA0D7;
		font-weight:bold;
		
	}
	
	.body-mid-text {
		
		text-align:center;
		padding-top:0px auto;
		
	}
	
	#body-mid-container {
		
		background-color:#C0C0C0;
		height: 100%;
		margin:0 auto;
		padding-left:15%;
		border: 10px solid #6c7a86;
		box-sizing:border-box;
		box-shadow:2px 5px #999797;
		margin:0.5% 0.5% 0.5% 0.5%;
		
		
	}
	
	.body-mid-container {
		
		background-color:none;
		width:93%;	
		height: 60% auto;
		margin:0 auto;
		padding:3% 0% 3% 0%;
		box-sizing:border-box;
		margin:0% 3.5% 0% 3.5%;
		float:left;
		position:relative;
		
	}

	.body-mid-container-2 {
		
		background-color:#ededed;
		width:30%;	
		height: 60% auto;
		margin:0 auto;
		padding:3% 0% 3% 0%;
		
		box-sizing:border-box;
		box-shadow:2px 5px #999797;
		margin:0.5% 0.2% 0.5% 0.2%;
		float:left;
		position:relative;
		
	}
	
		.body-mid-container-3 {
		
		background-color:#ededed;
		width:30%;	
		height: 60% auto;
		margin:0 auto;
		padding:3% 0% 3% 0%;
		
		box-sizing:border-box;
		box-shadow:2px 5px #999797;
		margin:0.5% 4.5% 0.5% 0.2%;
		float:left;
		position:relative;
		
	}
	
	
	#body-mid-frame-1-1 {
		
		background-color:#efefef;
		width:400px;
		height:700px;
		float:left;
		border: 10px solid #6c7a86;
		margin-top: 30px;
		margin-left:1%;
		box-shadow:2px 5px #999797;
		
	}

	#body-mid-frame-1-2 {
		
		background-color:#efefef;
		width:400px;
		height:700px;
		float:left;
		border: 10px solid #6c7a86;
		margin-top: 30px;
		margin-left:0.5%;
		margin-right:0.5%;
		box-shadow:2px 5px #999797;
		
	}

	#body-mid-frame-1-3 {
		
		background-color:#efefef;
		width:400px;
		height:700px;
		float:left;
		border: 10px solid #6c7a86;
		margin-top: 30px;
		margin-right:1%;
		box-shadow:2px 5px #999797;
		
	}
	
	.square-frame {
		
		position:relative;
		float:left;
		background-color:#efefef;
		width:100%;
		height:50%;
		margin-top:2.5%;
		
	}
	
	hr {
		
		height:1px;
		background-color:#4d4d4d;
	}
	
	#showcase-text {
		
		text-align:center;
		font-size:30px;
		color:black;
		font-weight:bold;
		position:relative;
		padding:0% 1% 2.5% 1%;
		
	}
	
	#showcase-photo-1-1 {
		
		width:40%;
		height:50%;
		margin-left:7%;
		position:relative;
		float:left;
	}
	
	#showcase-photo-1-2 {
		
		width:40%;
		height:50%;
		margin-left:1%;
		position:relative;
		float:left;
	}
	
	#showcase-photo-1-3 {
		
		width:81%;
		height:50%;
		margin-left:7%;
		margin-top:1%;
		position:relative;
		float:left;
	}
	
	.photo-boxer {
		
		width: 50%;
		height: 50%;
		background-color:none;
		float:left;
		position:relative;
		
	}
	
	.photo-boxer-1 {
		
		width: 50%;
		height: 50%;
		float:left;
		background-color:none;
		position:relative;
		
	}
	
	#showcase-photo-2-1 {
		
		width:81%;
		height:50%;
		margin-left:7%;
		position:relative;
		float:left;
	}
	
	#showcase-photo-2-2 {
		
		width:81%;
		height:50%;
		margin-left:7%;
		margin-top:1%;
		position:relative;
		float:left;
	}
	
	#showcase-photo-3-1 {
		
		width:81%;
		height:50%;
		margin-left:7%;
		position:relative;
		float:left;
	}
	
	#showcase-photo-3-2 {
		
		width:81%;
		height:50%;
		margin-left:7%;
		margin-top:1%;
		position:relative;
		float:left;
	}
	
	.showcase-body-text {
		
		color:black;
		font-weight:normal;
		font-size:100%;
		text-align:justify;
		position:relative;
		float:left;
		margin:0% 4% 2% 4%;
		
	}
	
	.showcase-body-text-N {
		
		color:black;
		font-weight:normal;
		font-size:18px;
		text-align:justify;
		position:relative;
		float:left;
		margin:0% 0% 2% 0%;
		
	}
	
	
	.showcase-body-text-1 {
		
		color:black;
		font-weight:normal;
		font-size:16px;
		text-align:justify;
		position:relative;
		float:left;
		margin-top: -5px;
		padding-left: 38px;
		padding-right:45px;
		
	}
	
	ul {
		
		list-style-type:circle;
		
	}
	
	.find-out-more {
		
		font-style:italic;
		position:relative;
		float:right;
		margin-top:0;
		padding-bottom:50px;
		
	}
	
	a.fom {
		
		color:blue;
		
	}
	
	a.fom:hover {
				
		color:#1BA0D7;
		font-weight:bold;
		
	}
		
	#svc {
		
		width:300px;
		height:auto;
		position:relative;
		float:left;
		margin-right:3%;
		padding-left:16%;
		padding-top: 1%;
		padding-bottom: 1% auto;
		z-index:30;
	}
	
	#continuity-text {
		
		width:100%;
		height:auto;
		font-weight:bold;
		font-size:22px;
		padding-top:2%;
		padding-bottom:2%;
		text-align:left;
		
	}
	
	a.engage {
		
		color:red;
		text-decoration:underline;
	}
	
	a.engage:hover {
		
		color: #1BA0D7;
		
	}
	
	.find-out-more-final {
		
		font-size:16px;
		font-style:italic;
		position:relative;
		float:right;
		margin-top:-50px;
		padding-bottom:50px;
		padding-right:20%;
		
	}
	
	#construction {
	
		width:100%;
		height:100%;
		
	}
	
	.construction {
		
		font-weight:bold;
		font-size:50px;
		text-align:center;
		color:red;
		position:relative;
		float:left;	
		
	}
	
	.top {
		
		color:#283174;
		
	}
	
	.top:hover {
		
		text-decoration:none;
		color:#283174;
		
	}
	
/* body styling */

	#aboutus_bodyframe-1-1 {
		
		background-color:#0d1860;
		width:35%;
		height:120% auto;
		float:left;
		position:relative;
		padding-bottom:10%;
		
	}
	
	#aboutus_bodyframe-1-2 {
		
		background-color:grey;
		width:65%;
		height:59.77%;
		float:left;
		position:relative;
		
	}
	
	#aboutus {
		
		color:white;
		font-weight:lighter;
		font-size:22px;
		position:relative;
		float:left;
		margin: 15% 10% 0 10%;
		
	}
	

	#aboutus_bodytext-1-1 {
		
		color:white;
		font-weight:lighter;
		font-size:16px;
		text-align:justify;	
		margin: 35% 10% 0% 10%;
		
	}
	
	p.about-p {
		
		margin:1px 0;
		padding: 0px 0px 0px 0px;
		text-indent:0em;
		
	}
	
	#aboutus_bodyframe-1-3 {
		
		float:left;
		position:relative;
		width:35%;
		height:60%;
		
	}
	
	
	#aboutus-img {
		
		width:100%;
		height:100%;
		
	}
	
	#aboutus_bodyframe-1-4 {
		
		float:left;
		position:relative;
		width:65%;
		height:60% auto;
		
	}
	
	#aboutus-img2 {
		
		width:100%;
		height:100%;
		
	}
	
	#statement {
		
		text-align:center;
		font-size:22px;
		float:left;
		position:relative;
		margin: 1% 10% 0 10%;
		
	}
	
	#signature {
		
		font-weight:normal;
		font-size:22px;
		float:right;
		position:relative;
		padding-right:10%;
		margin-bottom:0%;
		
	}
	
	
	#belief_bodyframe-1-1 {
		
		background-color:#377D52;
		width:35%;
		height:120% auto;
		float:left;
		position:relative;
		padding-bottom:10%;
				
	}
	
	#belief_bodyframe-1-2 {
		
		background-color:grey;
		width:65%;
		height:59.77%;
		float:left;
		position:relative;
		
	}
	
	#belief_bodyframe-1-4 {
		
		float:left;
		position:relative;
		width:65%;
		height:60% auto;
		
	}
	
	
	#belief_bodytext-1-1 {
		
		color:white;
		font-weight:lighter;
		font-size:16px;
		text-align:justify;	
		margin: 35% 10% 0% 10%;
		
	}
	
	#belief_bodyframe-1-3 {
		
		float:left;
		position:relative;
		width:35%;
		height:60%;
		
	}

	#footprints_bodyframe-1-1 {
		
		background-color:#800000;
		width:35%;
		height:90% auto;
		float:left;
		position:relative;
		padding-bottom:10%;
		
	}
	
	#footprints_bodyframe-1-2 {
		
		background-color:grey;
		width:65%;
		height:59.77%;
		float:left;
		position:relative;
		
	}
	
	#footprints_bodyframe-1-4 {
		
		float:left;
		position:relative;
		width:65%;
		height:60% auto;
		
	}
	
	
	#footprints_bodytext-1-1 {
		
		color:white;
		font-weight:lighter;
		font-size:16px;
		text-align:justify;	
		margin: 35% 10% 0% 10%;
		
	}
	
	#footprints_bodyframe-1-3 {
		
		float:left;
		position:relative;
		width:35%;
		height:60%;
		
	}
	
	
	#social_bodyframe-1-1 {
		
		background-color:#3973B1;  
		/* #830F8F; */		
		width:35%;
		height:120% auto;
		float:left;
		position:relative;
		padding-bottom:10%;
		
	}
	
	#social_bodyframe-1-2 {
		
		background-color:grey;
		width:65%;
		height:59.77%;
		float:left;
		position:relative;
		
	}
	
	#social_bodyframe-1-4 {
		
		float:left;
		position:relative;
		width:65%;
		height:60% auto;
		
	}
	
	
	#social_bodytext-1-1 {
		
		color:white;
		font-weight:lighter;
		font-size:16px;
		text-align:justify;	
		margin: 35% 10% 0% 10%;
		
	}
	
	#social_bodyframe-1-3 {
		
		float:left;
		position:relative;
		width:35%;
		height:60%;
		
	}

	ul {
		
		list-style-type:circle;	
		
	}
	
	li {
		
		padding-top:5px;
		padding-bottom:5px;
		
	}
	
	#partners_bodyframe-1-1 {
		
		background-color:#830f8f;  
		width:35%;
		height:90% auto;
		float:left;
		position:relative;
		padding-bottom:10%;
		
	}
	
	#partners_bodyframe-1-2 {
		
		background-color:grey;
		width:65%;
		height:59.77%;
		float:left;
		position:relative;
		
	}
	
	#partners_bodyframe-1-4 {
		
		float:left;
		position:relative;
		width:65%;
		height:60% auto;
		
	}
	
	
	#partners_bodytext-1-1 {
		
		color:white;
		font-weight:lighter;
		font-size:16px;
		text-align:justify;	
		margin: 35% 10% 0% 10%;
		
	}
	
	#global_bodytext-1-1-1 {
		
		color:white;
		font-weight:lighter;
		font-size:16px;
		text-align:justify;	
		margin: 10% 10% 0% 10%;
		
	}
	
	#global_bodytext-1-1-2 {
		
		color:white;
		font-weight:lighter;
		font-size:16px;
		text-align:justify;	
		margin: 10% 10% 0% 10%;
		
	}
	
	#partners_bodyframe-1-3 {
		
		float:left;
		position:relative;
		width:35%;
		height:60%;
		
	}
	
	
	
	#feedback_bodyframe-1-1 {
		
		background-color:#FD5602;  
		width:35%;
		height:100% auto;
		height:100% auto;
		float:left;
		position:relative;
		padding-bottom:9%;
		
	}
	
	#feedback_bodyframe-1-2 {
		
		background-color:#e0f1f9;
		width:35%;
		height:80% auto;
		float:left;
		position:relative;
		padding-top:4.7%;
		padding-left:15%;
		padding-right:15%;
		padding-bottom:0;
		
	}

		
	#feedback_bodyframe-1-3 {
		
		background-color:#e0f1f9;
		width:59%;
		height:20%;
		position:relative;
		float:left;
		padding-left:3%;
		padding-right:3%;
		padding-top:0.85%;
		text-align:center;
		
	}
	

	#feedback_bodytext-1-1{
		
		position:relative;
		color:white;
		font-weight:lighter;
		font-size:16px;
		text-align:justify;	
		margin: 35% 10% 0% 10%;
	}

	#contact_bodyframe-1-1 {
		
		background-color:#14189b;
		width:35%;
		height:120% auto;
		position:relative;
		float:left;
		padding-bottom:10%;
		margin-bottom:0%;
		
	}
	
	#contact_bodyframe-1-2 {
		
		background-color:grey;
		width:65%;
		height:120% auto;
		float:left;
		position:relative;
		
	}
	
	#contact_bodyframe-1-3 {
		
		float:left;
		position:relative;
		width:65%;
		
	}
	
	#contact_bodyframe-1-4 {
		
		float:left;
		position:relative;
		width:65%;
		height:30% auto;
		
	}
	
	
	#contact_bodytext-1-1 {
		
		color:white;
		font-weight:lighter;
		font-size:16px;
		text-align:left;	
		margin: 35% 10% 0% 10%;
		
	}
	
	
	#address {
		
		width:80%;
		margin: 10% 10% 0% 0%;
		
	}
	
	td {
		
		color:white;
		font-size:15px;
		width:1%;
		
	}
	
	#gps {
		
		width:5%;
		height:3%;
		float:left;
		position:relative;
		
	}
	
	#gps-text {
		
		position:relative;
		float:left;
		margin-left: 5%;
		
	}
	
		
	#privacy_bodyframe-1-1 {
		
		background-color:black;
		width:35%;
		height:100% auto;
		float:left;
		position:relative;
		padding-bottom:155%;
		
	}
	
	#privacy_bodyframe-1-2 {
		
		width:59%;
		height:350% auto;
		float:left;
		position:relative;
		padding-left:3%;
		padding-right:3%;
		padding-top:3%;
		padding-bottom:5%;
		
	}
	
	#privacy_bodyframe-1-4 {
		
		float:left;
		position:relative;
		width:65%;
		height:60% auto;
		
	}
	
	
	#privacy_bodytext-1-1 {
		
		color:white;
		font-weight:lighter;
		font-size:16px;
		text-align:justify;	
		margin: 35% 10% 0% 10%;
		
	}
	

	#remark {
		
		padding-top:5%;
		padding-bottom:5%;
		
	}

	#pri_bodyframe-1-1 {
		
		background-color:#800000;
		width:35%;
		height:120% auto;
		float:left;
		position:relative;
		padding-bottom:10%;
		
	}
	
	#pri_bodyframe-1-2 {
		
		background-color:grey;
		width:65%;
		height:59.77%;
		float:left;
		position:relative;
		
	}
	
	#pri_bodyframe-1-4 {
		
		float:left;
		position:relative;
		width:65%;
		height:60% auto;
		
	}
	
	
	#pri_bodytext-1-1 {
		
		color:white;
		font-weight:lighter;
		font-size:16px;
		text-align:justify;	
		margin: 35% 10% 0% 10%;
		
	}
	
	#pri_bodyframe-1-3 {
		
		float:left;
		position:relative;
		width:35%;
		height:60%;
		
	}

	#temporary {
		
		color:#830F8F;
		
	}
	
	#product_category-frame {
		
		width:20%;
		float:left;
		position:relative;
		padding:0.5% 0% 0.5% 3%;
		margin-top:2%;
		margin-bottom:2%;
		
	}
	
	#product_text-innerframe {
		
		font-size:22px;
		
	}
	
	#product_category-body {
		
		background-color:#f9f9f9;
		width:100%;
		height:80%;
		padding:5% 0% 5% 0%;
		float:left;
		position:relative;
		
	}
	
	#product_category-1 {
		
		
		
	}

/*	ul {
		
		list-style-type:none;
		margin:0;
		padding:0;
		overflow:hidden;
		background-color:#333;
		
	}
	
	li {
		
		float:left;
		
	}
	
	li.dropdown {
		
		display:inline-block;
		
	}

	li a, .dropbtn {
		
		display:inline-block;
		color:white;
		text-align:center;
		padding:5px 25px 5px 30px;
		text-decoration:none;
		
	}
	
	li a:hover .dropbtn{
		
		background-color:red;
		
	}

	.dropdown-content {
		
		display:none;
		position:absolute;
		background-color:#f9f9f9;
		min-width:160px;
		max-width:100%;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index:100;
		
	}
	
	.dropdown-content a {
		
		color:black;
		padding:12px 16px;
		text-decoration: none;
		display:block;
		text-align:left;
		
	}
	
	.dropdown-content a:hover {
		
		background-color: #f1f1f1;
		text-shadow:2px 2px 5px #00f6ff;
		
	}
	
	.dropdown:hover .dropdown-content {
		
		display:block;
		
	}
	*/

/*	* {
	  box-sizing: border-box;
	} */

	body {
	  margin: 0;
	  font-family: "Poppins","Rubik";
	  
	}

	.navbar {
	  overflow: hidden;
	  background-color: #333;
	}

	.navbar a {
	  float: left;
	  font-size: 18px;
	  color: white;
	  text-align: center;
	  padding: 14px 16px;
	  text-decoration: none;
	} 

	.dropdown {
	  float: left;
	  overflow: hidden;
	  
	} 

	.dropdown .dropbtn {
	  font-size: 18px;  
	  border: none;
	  outline: none;
	  color: white;
	  padding: 14px 25px;
	  background-color: inherit;
	  font: inherit;
	  margin: 0;
	  
	}

	.navbar a:hover, .dropdown:hover .dropbtn {
	  background-color: red;
	}

	.dropdown-content {
	  display: none;
	  position: absolute;
	  background-color: #f9f9f9;
	  width: 100% auto;
	  left: 0;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  z-index: 100;
	}

	.dropdown-content .header {
	  background: red;
	  padding: 16px;
	  color: white;
	}

	.dropdown:hover .dropdown-content {
	  display: block;
	}

	/* Create three equal columns that floats next to each other */
	.column {
	  float: left;
	  width: 200px;
	  padding: 10px;
	  background-color: #f7f7f7;
	  height: 420px;
	}

	.column a {
	  float: none;
	  color: black;
	  padding: 16px;
	  text-decoration: none;
	  display: block;
	  text-align: left;
	}

	.column a:hover {
	  background-color: #ddd;
	}

	/* Clear floats after the columns */ 
	.row:after {
	  content: "";
	  display: table;
	  clear: both;
	}	
	
	/*google map setting */
	
	.mapouter{
		
		height:300px;
	
	}
	
	.gmap_canvas {
		
		float:left; 
		position:relative; 
		overflow:hidden;
		background-color:none!important;
		margin-top:5%;
		margin-left: 25%;
		margin-bottom:5.5%;
		
	}
	
	/*google setting END */
	
	#msg {
		
		font-weight:normal;
		font-size:22px;
		text-align:center;
		margin-top: 7%;
		margin-bottom:0%;
		margin-left:5%;
		margin-right:5%;
		
	}
	
</style>