/*============Glogbal Style================ */
html,
body {
    height: 100%;
	font-family:"微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande";
}

p {
    font-family:"微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande";
    font-size: 17px;
    line-height: 2.3rem;
    color: #000;
    margin: 0;
}	

.fastsign-bg{
	background-color:#3d5e9d;
	
}

	.main-title{
		position: absolute; 
		margin: auto; 
		top: 30%; 
		bottom: 0;
		left: 0;
		right: 0;
	
	}
	.fastsign-title h1{
		color: #FFFFFF; 
		font-size: 98px;
		font-weight: 800;
		line-height: 7.5rem;
	}

	.sub-title{
		color: #FFFFFF; 
		font-size: 26px;
		font-weight: 800;
		line-height: 2.6rem;


		}
	.fastsign-title h2{
		font-size: 58px;
		font-weight: 800;
		color: #2366b5;
		line-height: 5rem;
	}
	.fastsign-title h3{
		font-size: 48px;
		font-weight: 800;
		color: #2366b5;
		line-height: 3.5rem;
	}
	.fastsign-title h4{
	   color: #2366b5;

	}
	.fastsign-title ul{
		margin-left:-10px;
	}
	

/*media query*/

/*Large devices for 筆電*/
@media screen and (max-width: 1500px) {
	
		.main-title{
		position: absolute; 
		margin: auto; 
		top: 34%; 
		bottom: 0;
		left: 0;
		right: 0;
	
	}
		.fastsign-title h1{
		color: #FFFFFF; 
		font-size: 75px;
		font-weight: 800;
		line-height: 5.5rem;
	}
	.fastsign-title h2{
		font-size: 48px;
		font-weight: 800;
		color: #2366b5;
		line-height: 4rem;
	}
	.sub-title{
		color: #FFFFFF; 
		font-size: 20px;
		font-weight: 800;
		line-height: 2.6rem;
		}


}

/*Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {
	.fastsign-title h1{
	
		color: #FFFFFF; 
		font-size: 75px;
		font-weight: 800;
		line-height: 5.5rem;
	}

	.sub-title{

		color: #FFFFFF; 
		font-size: 20px;
		font-weight: 800;
		line-height: 2.6rem;
		}

}


/*Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991.98px) {
	.fastsign-title h1{
		color: #FFFFFF; 
		font-size: 65px;
		font-weight: 800;
		line-height: 4rem;
	}
	.sub-title{
		color: #FFFFFF; 
		font-size: 20px;
		font-weight: 800;
		line-height: 2.6rem;
		}
	
	.fastsign-title h2{
		font-size: 48px;
		font-weight: 800;
		color: #2366b5;
		line-height: 3.5rem;
	}
	.fastsign-title h3{
		font-size: 36px;
		font-weight: 800;
		color: #2366b5;
		line-height: 2.7rem;
		
	}
	.fastsign-title h4{
	   color: #2366b5;

	}
	.fastsign-title ul{
		margin-left:-10px;
	}
	
	.btn-inside-page {
    color: #fff;
    background-color: #000000;
    border: 2px #0192ff solid;
    border-radius: 40px;
    padding: 10px 0;
	}
}


/*Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) { 
	.fastsign-title h1{
		color: #FFFFFF; 
		font-size: 48px;
		font-weight: 800;
		line-height: 3.5rem;
	}
	.sub-title{
		position: absolute; 
		margin: auto; 
		display:none;
		}
	
	.fastsign-title h2{
		font-size: 40px;
		font-weight: 800;
		color: #2366b5;
		line-height: 3rem;
	}
	.fastsign-title h3{
		font-size: 36px;
		font-weight: 800;
		color: #2366b5;
		line-height: 2.7rem;
		
	}
	.fs-cloud-title h4{
	   color: #2366b5;

	}
	.fastsign-title ul{
		margin-left:-10px;
	}
	
}


/*Extra small devices (portrait phones, less than 576px)*/

@media screen and (max-width: 575.98px) { 
	.fastsign-title h1{
		color: #FFFFFF; 
		font-size: 28px;
		font-weight: 800;
		line-height: 2.5rem;
	}
	.fastsign-title h2{
		font-size: 32px;
		font-weight: 800;
		color: #2366b5;
		line-height: 2.5rem;
	}
	.fastsign-title h3{
		font-size: 26px;
		font-weight: 800;
		color: #2366b5;
		line-height: 2rem;
		
	}
	.fastsign-title h4{
	   color: #2366b5;

	}
	.fastsign-title ul{
		margin-left:-10px;
	}

}




/*Extra large devices (large desktops)
// No media query since the extra-large breakpoint has no upper bound on its width*/