/*============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: #ffffff;
    margin: 0;
}	
ul,li{
	color:#ffffff;
	
}
	.bg-color1{
	background:#3759af;
	}
	.bg-color2{
	background:#142a5b;
	}
	.one{
	width: 100%;
	position: relative;
	}
	.one-title{
	position: absolute;
	top: 18%;
	
	}
	/*FS logo title*/
	.one-title img{
	display: block;
	max-width: 40%;
	}

	/*bg imge*/
	.one img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:-4%;
	}
	
	.fs-cloud-title h1{
	color: #FFFFFF; 
	font-size: 100px;
	font-weight: 800;
	}
	.h1-subtitle {
	font-size: 65px;
	color: #ffffff;
	}

	/*介紹區主標題*/
	.fs-cloud-title h2{
	font-size: 60px;
	font-weight: 800;
	color: #ffffff;
	line-height: 4.5rem;
	margin:10% 0 3% 0 ;
	}
	
	.h2-subtitle{
	color: #ffffff;
	font-size:50px;
	font-weight: 400;
	margin:0 0 5% 0 ;
	}
	
	/*3步驟主標題*/
	.fs-cloud-step-pic{
	padding:3%;
	}
	.fs-cloud-title h3{
	font-size: 60px;
	font-weight: 800;
	color: #ffffff;
	line-height: 4rem;
	margin:4% 0 1% 0 ;
	}
	.h3-subtitle{
	color: #ffffff;
	font-size:45px;
	font-weight: 400;
	margin:0 0 3% 0 ;
	}

	.fs-cloud-title h4{
	font-size: 40px;
	font-weight: 800;
	color:#ffffff;
	line-height: 3.5rem;
	}
	.fs-cloud-title h5{
	font-size:22px;
	font-weight: 400;
	color:#ffffff;
	margin: 8% 0 3% 0;
	}
	.fs-cloud-title ul{
	margin-left:-10px;
	}
	.h3-subtitle{
	font-size: 34px;
	font-weight: 500;
	color:#ffffff;
	}


/*按鈕區*/
.fs-cloud-button-bg-cover{
	background: #000000;
	
}
.fs-cloud-btn-inside-page {
    color: #fff;
    background-color: #000000;
    border: 2px #0192ff solid;
    border-radius: 40px;
    padding: 10px 0px;
}

.fs-cloud-btn-inside-page:hover{
    color: #fff;
    background-color: #0192ff;
 
}

.fs-cloud-btn-inside-page-01 {
    color: #fff;
    background-color: #0192ff;
    border: 1px #fff solid;
    border-radius: 40px;
    padding: 10px 0px;
}

.section-padding {
    padding: 100px 0;

}

/*主標btn*/
.btn-orange {
    color: #fff;
	font-weight: 600;
    background-color: #ec5446;
	border-radius: 25px;
}

.btn-orange:hover {
    color: #fff;
	font-weight: 600;
    background-color: #000;
}


.animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}


@-webkit-keyframes up-down {
  0% {
    transform: translateY(13px);
  }
  100% {
    transform: translateY(-13px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(13px);
  }
  100% {
    transform: translateY(-13px);
  }
}

.text-green{
color:#a6e8c0;
}

/*比較表區*/
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #4f78c9;
    vertical-align: middle;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #4f78c9;
	font-size: 17px;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #4f78c9;
}

.text-fastsign img{
/*	display: block;*/
	margin-bottom: 5%;
	width: 37%;
	
} 
.vs-font{/*比較表主標得VS*/
	font-size:40px;
	margin:0 10px;
	color:#5ea7ef;
	font-weight: 800;
	
}
/*表單內點的按鈕*/
.badge-danger {
    color: #fff;
    background-color: #f05673;
}
.badge {
    display: inline-block;
    padding: 0.2em 0.4em;
    font-size: 78%;
    font-weight: 300;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.5rem;
}

.word-break{
	display: block;
	}

.fs-card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.fs-card-body p{
	display: block;
	color:#47f4f4;
	line-height: 2rem;
	
}

.fs-card-body p:hover{
	color:#2ca6e0;
	transition: 0.3s;
	
}

.fs-card-body ul{
	padding-left:15px;
	
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid #007bff;
}




/*成功案例區*/

.fastsign-success-cover{
	padding:3% 0;
	background-color:#fff;
}
.fastsign-success-cover p {
	color:#000;
	display: block;
	margin: 5% 0 20% 0; 
	line-height: 1.5rem;
	
}



/*media query*/


/*Large devices for 筆電*/
@media screen and (max-width: 1500px) {
	.one{
	width: 100%;
	position: relative;
	}
	.one-title{
	position: absolute;
	top: 13%;
	
	}
	/*FS logo title*/
	.one-title img{
	display: block;
	max-width: 45%;
	}

	/*bg image*/
	.one img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:-1%;
	
	}

	.fs-cloud-title h1{
	color: #FFFFFF; 
	font-size: 100px;
	font-weight: 800;
	line-height: 6.5rem;
	
	}
	.h1-subtitle {
	font-size: 50px;
	color: #ffffff;
	
	}
	/*介紹區主標題*/
	.fs-cloud-title h2{
	font-size: 50px;
	font-weight: 800;
	color: #ffffff;
	line-height: 4rem;
	margin:10% 0 1% 0 ;
	}
	
	.h2-subtitle{
	color: #ffffff;
	font-size:40px;
	font-weight: 400;
	margin:0 0 3% 0 ;
	}
	
	/*3步驟主標題*/
	.fs-cloud-step-pic{
	padding:3%;
	}

	.fs-cloud-title h3{
	font-size: 50px;
	font-weight: 800;
	color: #ffffff;
	line-height: 4rem;
	margin:4% 0 1% 0;
	word-break: keep-all;
	}
	.h3-subtitle{
	color: #ffffff;
	font-size:40px;
	font-weight: 400;
	margin:0 0 3% 0 ;
	}

	.fs-cloud-title h4{
	font-size: 40px;
	font-weight: 800;
	color:#ffffff;
	line-height: 3.5rem;
	word-break: keep-all;
	}
	.fs-cloud-title h5{
	font-size:20px;
	font-weight: 800;
	color:#ffffff;
	}
	.fs-cloud-title ul{
	margin-left:-10px;
	}
	.h3-subtitle{
	font-size: 34px;
	font-weight: 500;
	color:#ffffff;
	}


/*按鈕區*/
.fs-cloud-button-bg-cover{
	background: #000000;
	
}
.fs-cloud-btn-inside-page {
    color: #fff;
    background-color: #000000;
    border: 2px #0192ff solid;
    border-radius: 40px;
    padding: 10px 0px;
}

.fs-cloud-btn-inside-page:hover{
    color: #fff;
    background-color: #0192ff;
 
}

/*主標btn*/
.btn-orange {
    color: #fff;
	font-weight: 400;
    background-color: #ec5446;
	border-radius: 25px;
	font-size:14px;
}

.btn-orange:hover {
    color: #fff;
	font-weight: 400;
    background-color: #000;
}

	

}

/*Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {
	
.one{
	width: 100%;
	position: relative;
	}
	.one-title{
	position: absolute;
	top: 13%;
	
	}
	/*FS logo title*/
	.one-title img{
	display: block;
	max-width: 55%;
	}

	/*bg image*/
	.one img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:5%;
	}

	.fs-cloud-title h1{
	color: #FFFFFF; 
	font-size: 100px;
	font-weight: 800;
	line-height: 6.5rem;
	
	}
	.h1-subtitle {
	font-size: 50px;
	color: #ffffff;
	
	}
	/*介紹區主標題*/
	.fs-cloud-title h2{
	font-size: 50px;
	font-weight: 800;
	color: #ffffff;
	line-height: 4rem;
	margin:10% 0 1% 0;
	
	}
	
	.h2-subtitle{
	color: #ffffff;
	font-size:40px;
	font-weight: 400;
	margin:0 0 3% 0 ;
	}
	
	/*3步驟主標題*/
	.fs-cloud-step-pic{
	padding:3%;
	}

	.fs-cloud-title h3{
	font-size: 50px;
	font-weight: 800;
	color: #ffffff;
	line-height: 4rem;
	margin:4% 0 1% 0;
	
	}
	.h3-subtitle{
	color: #ffffff;
	font-size:40px;
	font-weight: 400;
	margin:0 0 3% 0 ;
	}

	.fs-cloud-title h4{
	font-size: 40px;
	font-weight: 800;
	color:#ffffff;
	line-height: 3.5rem;
	word-break:normal;
	}
	.fs-cloud-title h5{
	font-size:20px;
	font-weight: 800;
	color:#ffffff;
	}
	.fs-cloud-title ul{
	margin-left:-10px;
	}
	.h3-subtitle{
	font-size: 34px;
	font-weight: 500;
	color:#ffffff;
	}


/*按鈕區*/
.fs-cloud-button-bg-cover{
	background: #000000;
	
}
.fs-cloud-btn-inside-page {
    color: #fff;
    background-color: #000000;
    border: 2px #0192ff solid;
    border-radius: 40px;
    padding: 10px 0px;
}

.fs-cloud-btn-inside-page:hover{
    color: #fff;
    background-color: #0192ff;
 
}

/*主標btn*/
.btn-orange{
    color: #fff;
	font-weight: 400;
    background-color: #ec5446;
	border-radius: 25px;
	font-size:14px;
}

.btn-orange:hover{
    color: #fff;
	font-weight: 400;
    background-color: #000;
}

}


/*Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991.98px) {
	
	.one{
	width: 100%;
	position: relative;
	}
	.one-title{
	position: absolute;
	top: 11%;
	
	}
	/*FS logo title*/
	.one-title img{
	display: block;
	max-width: 55%;
	}

	/*bg image*/
	.one img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	}

	.fs-cloud-title h1{
	color: #FFFFFF; 
	font-size: 100px;
	font-weight: 800;
	line-height: 6.5rem;
	
	}
	.h1-subtitle {
	font-size: 45px;
	color: #ffffff;
	
	}
	/*介紹區主標題*/
	.fs-cloud-title h2{
	font-size: 45px;
	font-weight: 800;
	color: #ffffff;
	line-height: 4rem;
	margin:10% 0 0 0;
	}
	
	.h2-subtitle{
	color: #ffffff;
	font-size:40px;
	font-weight: 400;
	margin:0 0 2% 0 ;
	}
	
	/*3步驟主標題*/
	.fs-cloud-step-pic{
	padding:3%;
	}

	.fs-cloud-title h3{
	font-size: 50px;
	font-weight: 800;
	color: #ffffff;
	line-height: 4rem;
	margin:4% 0 1% 0;
	word-break:normal;
	
	}
	.h3-subtitle{
	color: #ffffff;
	font-size:40px;
	font-weight: 400;
	margin:0 0 3% 0 ;
	word-break:normal;
	}

	.fs-cloud-title h4{
	font-size: 40px;
	font-weight: 800;
	color:#ffffff;
	line-height: 3.5rem;
	word-break:keep-all;
	}
	.fs-cloud-title h5{
	font-size:20px;
	font-weight: 800;
	color:#ffffff;
	}
	.fs-cloud-title ul{
	margin-left:-10px;
	}
	.h3-subtitle{
	font-size: 34px;
	font-weight: 500;
	color:#ffffff;
	}


/*按鈕區*/
.fs-cloud-button-bg-cover{
	background: #000000;
	
}
.fs-cloud-btn-inside-page {
    color: #fff;
    background-color: #000000;
    border: 2px #0192ff solid;
    border-radius: 40px;
    padding: 10px 0px;
}

.fs-cloud-btn-inside-page:hover{
    color: #fff;
    background-color: #0192ff;
 
}

/*主標btn*/
.btn-orange{
    color: #fff;
	font-weight: 400;
    background-color: #ec5446;
	border-radius: 25px;
	font-size:14px;
}

.btn-orange:hover{
    color: #fff;
	font-weight: 400;
    background-color: #000;
}
.section-padding {
    padding: 100px 0;

}
.fs-cloud-phone-pic img{
	display: block;
	margin: 0 auto;
	}
.word-break{
display: block;
}

}
	

/*Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) { 

.one{
	width: 100%;
	position: relative;
	}
	.one-title{
	position: absolute;
	top: 11%;
	
	}
	/*FS logo title*/
	.one-title img{
	display: block;
	max-width: 60%;
	}

	/*bg image*/
	.one img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	}

	.fs-cloud-title h1{
	color: #FFFFFF; 
	font-size: 100px;
	font-weight: 800;
	line-height: 6.5rem;
	
	}
	.h1-subtitle {
	font-size: 35px;
	color: #ffffff;
	
	}
	/*介紹區主標題*/
	.fs-cloud-title h2{
	font-size: 32px;
	font-weight: 800;
	color: #ffffff;
	line-height: 3rem;
	margin:10% 0 5% 0;
	
	}
	
	.h2-subtitle{
	color: #ffffff;
	font-size:30px;
	font-weight: 400;
	margin:0 0 5% 0 ;
	}
	
	/*3步驟主標題*/
	.fs-cloud-step-pic{
	padding:3%;
	}

	.fs-cloud-title h3{
	font-size: 50px;
	font-weight: 800;
	color: #ffffff;
	line-height: 4rem;
	margin:4% 0 1% 0;
	word-break:normal;
	
	}
	.h3-subtitle{
	color: #ffffff;
	font-size:40px;
	font-weight: 400;
	margin:0 0 3% 0 ;
	word-break:normal;
	}

	.fs-cloud-title h4{
	font-size: 35px;
	font-weight: 800;
	color:#ffffff;
	line-height: 3.5rem;
	word-break:normal;
	}
	.fs-cloud-title h5{
	font-size:24px;
	font-weight: 800;
	color:#ffffff;
	}
	.fs-cloud-title ul{
	margin-left:-10px;
	}
	.h3-subtitle{
	font-size: 34px;
	font-weight: 500;
	color:#ffffff;
	}


/*按鈕區*/
.fs-cloud-button-bg-cover{
	background:#000000;
	
}
.fs-cloud-btn-inside-page {
    color: #fff;
    background-color: #000000;
    border: 2px #0192ff solid;
    border-radius: 40px;
    padding: 10px 0px;
	margin: 3% 0 }

.fs-cloud-btn-inside-page:hover{
    color: #fff;
    background-color: #0192ff;
 
}

/*主標btn*/
.btn-orange{
    color: #fff;
	font-weight: 400;
    background-color: #ec5446;
	border-radius: 10px;
	font-size:12px;
}

.btn-orange:hover{
    color: #fff;
	font-weight: 400;
    background-color: #000;
}
.section-padding {
    padding: 100px 0;

}
.fs-cloud-phone-pic img{
	display: block;
	margin: 0 auto;
}

.page-section-padding {
    padding: 0; 
}


/*比較表區*/
.text-fastsign img{
/*	display: block;*/
	margin-bottom: 5%;
	width: 70%;
	
} 
.vs-font{/*比較表主標得VS*/
	font-size:30px;
	margin:0 8px;
	color:#5ea7ef;
	font-weight: 800;
	margin-bottom: 5%;
}

}	


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

@media screen and (max-width: 575.98px) { 
.one{
	width: 100%;
	position: relative;
	}
	/*FS logo position*/
	.one-title{
	position: absolute;
	top: 15%;
	
	}
	/*FS logo title*/
	.one-title img{
	display: block;
	max-width: 75%;
	}

	/*bg image*/
	.one img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	}

	.fs-cloud-title h1{
	color: #FFFFFF; 
	font-size: 100px;
	font-weight: 800;
	line-height: 6.5rem;
	
	}
	.h1-subtitle {
	display: none;
	
	}
	/*介紹區主標題*/
	.fs-cloud-title h2{
	font-size: 24px;
	font-weight: 700;
	color: #ffffff;
	line-height: 2.3rem;
	margin:8% 0 5% 0;
	word-break:break-all;
	
	}
	
	.h2-subtitle{
	color: #ffffff;
	font-size:24px;
	font-weight: 400;
	margin:0 0 5% 0;
	}
	
	/*3步驟主標題*/
	.fs-cloud-step-pic{
	padding:7%;
	}

	.fs-cloud-title h3{
	font-size: 35px;
	font-weight: 800;
	color: #ffffff;
	line-height: 3rem;
	margin:4% 0 1% 0;
	word-break:normal;
	
	}
	/*影藏標題:具備電子簽名的問卷，FastSIGN一應俱全*/
	.phone-hide{
	display: none;
	}
	
	.h3-subtitle{
	color: #ffffff;
	font-size:28px;
	font-weight: 700;
	margin:0 0 3% 0;
	word-break:normal;
	}
	
	/*影片按鈕*/
	.steps-video-btn{
	display: block;
	max-width: 70%;
	margin-bottom:5%;
}
	
	.fs-cloud-title h4{
	font-size: 28px;
	font-weight: 800;
	color:#ffffff;
	line-height: 3rem;
	word-break:normal;
	}
	.fs-cloud-title h5{
	font-size:24px;
	font-weight: 800;
	color:#ffffff;
	}
	.fs-cloud-title ul{
	margin-left:-10px;
	}
	

/*按鈕區*/
.fs-cloud-button-bg-cover{
	background:#000000;
	
}
.fs-cloud-btn-inside-page {
    color: #fff;
    background-color: #000000;
    border: 2px #0192ff solid;
    border-radius: 40px;
    padding: 10px 0px;
	margin: 3% 0 }

.fs-cloud-btn-inside-page:hover{
    color: #fff;
    background-color: #0192ff;
 
}

/*主標btn*/
.btn-orange{
    color: #fff;
	font-weight: 400;
    background-color: #ec5446;
	border-radius: 10px;
	font-size:12px;
}

.btn-orange:hover{
    color: #fff;
	font-weight: 400;
    background-color: #000;
}
.section-padding {
    padding: 70px 0;

}
.fs-cloud-phone-pic img{
	display: block;
	margin: 0 auto;

}

.page-section-padding {
    padding: 0; 
}

/*比較表區*/
.text-fastsign img{
	margin-bottom: 5%;
	width: 40%;
	
	
} 
.vs-font{/*比較表主標得VS*/
	font-size:20px;
	margin:0 8px;
	color:#5ea7ef;
	font-weight: 800;
	margin-bottom: 5%;
}


	
}

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