5096da5096da5096da5096da5096da5096da5096da5096da

/*============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: 18px;
    line-height: 2.3rem;
    color: #000;
    margin: 0;
	font-weight: 600;
}	
	.icon {
	display: inline-block;
	margin:2% 0 3% 0;
	}

	.break{
	display: block;
	}

	.section-padding {
    padding: 45px 0;
	}

	.quickguide-title{
	margin:3% 0 ;
}
	.quickguide-title .text-color{
	color:#ffe239;
	}

	.quickguide-title .text-color h1{
	line-height: 1rem;
	}
	
	.badge-color{
	background:#5096da;
	}
	.badge-red{
	background:#f9615d;
	color:#fff;
	border-radius: 20px;
	}
	.badge-secondary{
	border-radius: 20px;
	} 
	.badge-pink{
	background:#df72a9;
	border-radius: 2px;
	color:#fff;
	}
	
	.badge{
	 padding: 7px 2%;
	}

	.quickguide-title h1{
	color: #ffe239;
	font-size: 45px;
	font-weight: 800;
	text-align: center;
	line-height:4rem;
	font-family: 'Quicksand', sans-serif;
	font-family: 'Roboto', sans-serif;
	}

	.sub-h1{
	color: #fff;/*#e0f8fc*/
	font-size: 45px;
	font-weight: 800;
	text-align: center;
	line-height:4rem;
	}

	.quickguide-title h2{
	font-size: 45px;
	text-align: center;
	line-height: 3.8rem;
	}

/*
	.h3-video{
	text-align: center;
	margin:8% 0 5% 0;
	background:#DDDBDB;
	border-radius:30px;
	}
*/
	.quickguide-title p{
	margin:3% 0 -2% 0;
	}
	.quickguide-img img{
	width:100%;
	border-radius: 20px;	
	border:4px solid #bdf7ff;
	margin:2% 0;	
	}
	
	.quickguide-video-img img{
	width:60%;
	border-radius: 2px;	
	border:3px solid #eaeaea;
	margin:2% 0;
	}
	

	/*按鈕區*/
	.fs-cloud-button-bg-cover{
	background: #000000;
	}

	.fs-cloud-btn {
	color: #fff;
	background-color: #000000;
	border-radius: 30px;
	padding: 5px 0px;
	margin: 5% 0 ;
	
	}

	.fs-cloud-btn:hover{
	color: #000;
	background-color: #ffffff;
	border-bottom: 2px solid #ffe239;/*2px會造成微移，下方padding需扣回來*/
	padding: 5px 0 3px 0 ;
	}


	.bg-cover{
/*	background-size: cover;*/
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #569ddd;
	padding:4rem 0 6rem 0 ;
	background-image:url("../images/fastsign_quickguide/btn_a/bg.png");
}

	.bg-attachment{
		background-attachment: fixed;
	}


/*media query*/


/*Large devices for 筆電*/
@media screen and (max-width: 1500px) {
	
	
	

}

/*Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {
.break{
	display: block;
	}
	.section-padding {
    padding: 45px 0;
	}
	.quickguide-title{
	margin:3% 0 ;
}
	.quickguide-title .text-color{
	color:#ffe239;
	}

	.quickguide-title .text-color h1{
	line-height: 1rem;
	}
	
	.badge{
	 padding: 7px 2%;
	}
	.quickguide-title h1{
	color: #ffe239;
	font-size: 36px;
	font-weight: 300;
	text-align: center;
	line-height:3.2rem;
	font-family: 'Quicksand', sans-serif;
	font-family: 'Roboto', sans-serif;
	}

	.sub-h1{
	color: #fff;/*#e0f8fc*/
	font-size: 36px;
	font-weight: 500;
	text-align: center;
	line-height:3.2rem;
	margin-bottom:2%;
	}

	.quickguide-title h2{
	font-size: 45px;
	text-align: center;
	line-height: 3.8rem;
	}
	
	.quickguide-title h3{
	font-size: 22px;
	}
	
/*
	.h3-video{
	text-align: center;
	margin:8% 0 5% 0;
	background:#DDDBDB;
	border-radius:30px;
	}
*/
	.quickguide-title p{
	margin:3% 0 -2% 0;
	}
	.quickguide-img img{
	width:100%;
	border-radius: 20px;	
	border:4px solid #bdf7ff;
	margin:2% 0;	
	}
	
	.quickguide-video-img img{
	width:100%;
	border-radius: 2px;	
	border:3px solid #eaeaea;
	margin:2% 0;
	}
	

	/*按鈕區*/
	.fs-cloud-button-bg-cover{
	background: #000000;
	}

	.fs-cloud-btn {
	color: #fff;
	background-color: #000000;
	border-radius: 30px;
	padding: 5px 0px;
	margin: 4% 0 ;
	
	}

	.fs-cloud-btn:hover{
	color: #000;
	background-color: #ffffff;
	border-bottom: 2px solid #ffe239;/*2px會造成微移，下方padding需扣回來*/
	padding: 5px 0 3px 0 ;
	}


	.bg-cover{
/*	background-size: cover;*/
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #569ddd;
	padding:8rem 0 4rem 0 ;
	background-image:url("../images/fastsign_quickguide/btn_a/bg.png");
}
	.icon {
	display: inline-block;
	margin:2% 0 3% 0;
	}

}


/*Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991.98px) {
	.break{
	display: inline;
	}
	.section-padding {
    padding: 45px 0;
	}
	.quickguide-title{
	margin:3% 0 ;
}
	.quickguide-title .text-color{
	color:#ffe239;
	}

	.quickguide-title .text-color h1{
	line-height: 1rem;
	}
	
	.badge{
	 padding: 7px 2%;
	}
	.quickguide-title h1{
	color: #ffe239;
	font-size: 34px;
	font-weight: 600;
	text-align: center;
	line-height:3rem;
	font-family: 'Quicksand', sans-serif;
	font-family: 'Roboto', sans-serif;
	}

	.sub-h1{
	color: #fff;/*#e0f8fc*/
	font-size: 34px;
	font-weight: 600;
	text-align: center;
	line-height:3rem;
	margin-bottom:2%;
	}

	.quickguide-title h2{
	font-size: 45px;
	text-align: center;
	line-height: 3.8rem;
	}
	
	.quickguide-title h3{
	font-size: 22px;
	}
	
/*
	.h3-video{
	text-align: center;
	margin:8% 0 5% 0;
	background:#DDDBDB;
	border-radius:30px;
	}
*/
	.quickguide-title p{
	margin:3% 0 -2% 0;
	}
	.quickguide-img img{
	width:100%;
	border-radius: 20px;	
	border:4px solid #bdf7ff;
	margin:2% 0;	
	}
	
	.quickguide-video-img img{
	width:100%;
	border-radius: 2px;	
	border:3px solid #eaeaea;
	margin:2% 0;
	}
	

	/*按鈕區*/
	.fs-cloud-button-bg-cover{
	background: #000000;
	}

	.fs-cloud-btn {
	color: #fff;
	background-color: #000000;
	border-radius: 30px;
	padding: 5px 0px;
	margin: 4% 0 ;
	
	}

	.fs-cloud-btn:hover{
	color: #000;
	background-color: #ffffff;
	border-bottom: 2px solid #ffe239;/*2px會造成微移，下方padding需扣回來*/
	padding: 5px 0 3px 0 ;
	}


	.bg-cover{
/*	background-size: cover;*/
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #569ddd;
	padding:2rem 0 3rem 0 ;
	background-image:url("../images/fastsign_quickguide/btn_a/bg.png");
}
	.icon {
	display: inline-block;
	margin:2% 0 3% 0;
	}


}
/*Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) { 
	.break{
	display: inline;
	}
	.section-padding {
    padding: 45px 0;
	}
	.quickguide-title{
	margin:3% 0 ;
}
	.quickguide-title .text-color{
	color:#ffe239;
	}

	.quickguide-title .text-color h1{
	line-height: 1rem;
	}
	
	.badge{
	 padding: 7px 2%;
	}
	.quickguide-title h1{
	color: #ffe239;
	font-size: 29px;
	font-weight: 600;
	text-align: center;
	line-height:2.8rem;
	font-family: 'Quicksand', sans-serif;
	font-family: 'Roboto', sans-serif;
	}

	.sub-h1{
	color: #fff;/*#e0f8fc*/
	font-size: 29px;
	font-weight: 600;
	text-align: center;
	line-height:2.8rem;
	margin-bottom:2%;
	}

	.quickguide-title h2{
	font-size: 45px;
	text-align: center;
	line-height: 3.8rem;
	}
	
	.quickguide-title h3{
	font-size: 22px;
	}
	
/*
	.h3-video{
	text-align: center;
	margin:8% 0 5% 0;
	background:#DDDBDB;
	border-radius:30px;
	}
*/
	.quickguide-title p{
	margin:3% 0 -2% 0;
	}
	.quickguide-img img{
	width:100%;
	border-radius: 20px;	
	border:4px solid #bdf7ff;
	margin:2% 0;	
	}
	
	.quickguide-video-img img{
	width:100%;
	border-radius: 2px;	
	border:3px solid #eaeaea;
	margin:2% 0;
	}
	

	/*按鈕區*/
	.fs-cloud-button-bg-cover{
	background: #000000;
	}

	.fs-cloud-btn {
	color: #fff;
	background-color: #000000;
	border-radius: 30px;
	padding: 5px 0px;
	margin: 4% 0 ;
	
	}

	.fs-cloud-btn:hover{
	color: #000;
	background-color: #ffffff;
	border-bottom: 2px solid #ffe239;/*2px會造成微移，下方padding需扣回來*/
	padding: 5px 0 3px 0 ;
	}


	.bg-cover{
/*	background-size: cover;*/
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #569ddd;
	padding:2rem 0 3rem 0 ;
	background-image:url("../images/fastsign_quickguide/btn_a/bg.png");
}
	.icon {
	display: inline-block;
	margin:2% 0 3% 0;
	}


}

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

@media screen and (max-width: 575.98px) { 
	
	.break{
	display: inline;
	}

	.section-padding {
    padding: 45px 0;
	}


	.quickguide-title{
	margin:3% 0 ;
}
	.quickguide-title .text-color{
	color:#ffe239;
	}

	.quickguide-title .text-color h1{
	line-height: 1rem;
	}
	
	.badge{
	 padding: 7px 2%;
}
	.quickguide-title h1{
	color: #ffe239;
	font-size: 27px;
	font-weight: 600;
	text-align: center;
	line-height:2.5rem;
	font-family: 'Quicksand', sans-serif;
	font-family: 'Roboto', sans-serif;
	}

	.sub-h1{
	color: #fff;/*#e0f8fc*/
	font-size: 27px;
	font-weight: 600;
	text-align: center;
	line-height:2.5rem;
	margin-bottom:2%;
	}

	.quickguide-title h2{
	font-size: 45px;
	text-align: center;
	line-height: 3.8rem;
	}
	
	.quickguide-title h3{
	font-size: 22px;
	}
	
/*
	.h3-video{
	text-align: center;
	margin:8% 0 5% 0;
	background:#DDDBDB;
	border-radius:30px;
	}
*/
	.quickguide-title p{
	margin:3% 0 -2% 0;
	}
	.quickguide-img img{
	width:100%;
	border-radius: 20px;	
	border:4px solid #bdf7ff;
	margin:2% 0;	
	}
	
	.quickguide-video-img img{
	width:100%;
	border-radius: 2px;	
	border:3px solid #eaeaea;
	margin:2% 0;
	}
	

	/*按鈕區*/
	.fs-cloud-button-bg-cover{
	background: #000000;
	}

	.fs-cloud-btn {
	color: #fff;
	background-color: #000000;
	border-radius: 30px;
	padding: 5px 0px;
	margin: 4% 0 ;
	
	}

	.fs-cloud-btn:hover{
	color: #000;
	background-color: #ffffff;
	border-bottom: 2px solid #ffe239;/*2px會造成微移，下方padding需扣回來*/
	padding: 5px 0 3px 0 ;
	}


	.bg-cover{
/*	background-size: cover;*/
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #569ddd;
	padding:2rem 0 3rem 0 ;
	background-image:url("../images/fastsign_quickguide/btn_a/bg.png");
}
	.icon {
	display: inline-block;
	margin:2% 0 3% 0;
	}


}

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