/*============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:#2770ad;
}
.bg-color2{
background:#1f5b94;
}
.one{
width: 100%;
position: relative;
}
.one-title{
position: absolute;
top: 10%;

}
/*FS logo title*/
.one-title img{
/*display: block;*/
max-width: 100%;
width: 23%;
}

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

.fs-cloud-title h1{
color: #FFFFFF; 
font-size: 100px;
font-weight: 800;
}
.h1-subtitle {
font-size: 70px;
color: #ffffff;
font-weight: 800;
}

/*介紹區主標題*/
.fs-cloud-title h2{
font-size: 60px;
font-weight: 800;
color: #ffffff;
line-height: 4rem;
margin:6% 0 3% 0;
}

.h2-subtitle{
color: #ffffff;
font-size:50px;
font-weight: 400;
margin:0 0 3% 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;
}


/*主標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);
}
}

/*方案表區*/
.list-border{
width: 100%;
height: auto;
border: 1px solid #fff;
padding:20px 20px 20px 20px;
border-radius: 20px;
}

.table .thead-light th {
color: #000;
background-color: #e9ecef;
border-color: #dee2e6;
width: 235px;
border-radius: 10px 10px 0 0;
}

.table th {
padding: 0.75rem;
vertical-align: top;
border-top: 0px solid #dee2e6;
}

td .table-bordered{
border: 0 1px 0 0 solid #dee2e6;



}
.li-text1 li{
color: #000;
margin-left:3%;
text-align: left;

}

.li-text1  p{
color: #000;	
}

.li-text2 li{
color: #000;
margin-left:20%;
text-align: left;

}

.li-text2  p{
color: #000;	
}

.text-black p {
color: #000;
text-align: center;
}
.text-money p{
font-size:19px;
color: #256ba3;
text-align: center;
font-weight: 800;
}

/*
h3 .word-break{
display: block;
margin-top: 1%;
}
*/

.td-height{
height:270px;
padding: 12px;	
}

.list-title{
font-size:22px;
text-align: center;
}

.fs-cloud-list-btn {
color: #fff;
background-color: #000000;
border: 2px #0192ff solid;
border-radius: 40px;
padding: 5px 30px;

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

}

/*方案區比較表內的按鈕*/
.badge-primary {
color: #fff;
background-color: #009fe8;
}


.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;
}

.fs-box{
margin: 5% 0;
}

.word-break{
display: block;
}

/*2023新增/增加羽量方案/container拉寬*/

.container-plan{
width:100%;
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto;
}


/*video的圖片hover雙向互動效果*/
.video-pic-hover img{
 transition: 1s;/*雙向互動時，transition只放在img，不須放在img:hover*/
}
.video-pic-hover img:hover{
transform:scale(1.1,1.1);
}


.btn-xl-none{
display:none;
}

/*成功案例區*/

.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;
	
}


/*2025新增區*/
.earth-subtitle{
display: inline-block;
color: #fff;
font-size:20px;
border-radius: 25px;
padding:5px 15px;
background:#173057;
margin-bottom: 2%;
font-weight:700px;
}
.earth-number-font{
font-size:25px;
color: #5AE4A7;
font-weight: 700;
padding: 0 1%;
}
.earth-title li{
margin-bottom:2%;	
}

.fs-bn-bar-bg-cover{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background: #01233d;
padding:2rem 0 2rem 0 ;
background-attachment: fixed;
position: relative;
/*background-image:url("assets/images/page_banner_project.png")*/
}

.fs-bn-bar-bg-cover p{
color: #fff;
font-size:18px;

}

.red-dot{
color:#f26e64;
margin-right:1%;
}


.bn-bar-divide-line{
margin:0 2%;
}


/*media query*/

/*Large devices for 筆電*/
@media screen and (max-width: 1600px) {
.one{
width: 100%;
position: relative;
}
.one-title{
position: absolute;
top: 10%;

}
/*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: 65px;
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;
}

.table .thead-light th {
color: #000;
background-color: #e9ecef;
border-color: #dee2e6;
width: 200px;
border-radius: 10px 10px 0 0;
}

}

/*Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {

.one{
width: 100%;
position: relative;
}
.one-title{
position: absolute;
top: 9%;

}
/*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: 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;
}

/*方案表區*/
.list-border{
width: 100%;
height: auto;
border: 1px solid #fff;
padding:20px 20px 20px 20px;
border-radius: 20px;
}

.table .thead-light th {
color: #000;
background-color: #e9ecef;
border-color: #dee2e6;
width: 214px;
}

td .table-bordered{
border: 0 1px 0 0 solid #dee2e6;
}
.li-text1 li{
color: #000;
margin-left:0;

}

.li-text1 ul{
color: #000;
padding-left:30px;

}

.li-text1  p{
color: #000;	
}

.li-text2 li{
color: #000;
margin-left:20%;

}

.li-text2  p{
color: #000;	
}

.text-black p {
color: #000;
text-align: center;
}
.text-money p{
font-size:19px;
color: #256ba3;
text-align: center;
}

/*
h3 .word-break{
display: block;
margin-top: 1%;
}
*/

.td-height{
height:270px;
padding: 12px;	
}

.list-border h3{
font-size:22px;

}
.list-title{
font-size:20px;
text-align: center;
}

}


/*Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991.98px) {

.one{
width: 100%;
position: relative;
}
.one-title{
position: absolute;
top: 8%;

}
/*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: 48px;
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;
}

/*方案表區*/
.list-border{
width: 100%;
height: auto;
border: 1px solid #fff;
padding:20px 20px 20px 20px;
border-radius: 20px;
margin-bottom:5%;
}

.table .thead-light th {
color: #000;
background-color: #e9ecef;
border-color: #dee2e6;
width: 900px;
}

td .table-bordered{
border: 0 1px 0 0 solid #dee2e6;
}
.li-text1 li{
color: #000;
margin-left:0%;

}

.li-text1 ul{
color: #000;
padding-left:260px;

}

.li-text1  p{
color: #000;	
}

.li-text2 li{
color: #000;
margin-left:30%;

}

.li-text2  p{
color: #000;	
}

.text-black p {
color: #000;
text-align: center;
}
.text-money p{
font-size:19px;
color: #256ba3;
text-align: center;
}


h3 .word-break{
display: block;
margin-bottom: 4%;
}


.td-height{
height:0;
padding: 12px;	
}

.list-border h3{
font-size:22px;

}
.list-title{
font-size:20px;
text-align: center;
}

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

.one{
width: 100%;
position: relative;
}
.one-title{
position: absolute;
top: 7%;

}
/*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: 40px;
color: #ffffff;

}
/*介紹區主標題*/
.fs-cloud-title h2{
font-size: 32px;
font-weight: 800;
color: #ffffff;
line-height: 4rem;
margin:10% 0 0 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;
}

.card-img-top{
width:100%;
}

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

/*方案表區*/
.list-border{
width: 100%;
height: auto;
border: 1px solid #fff;
padding:20px 20px 20px 20px;
border-radius: 20px;
margin-bottom:5%;
}

.table .thead-light th {
color: #000;
background-color: #e9ecef;
border-color: #dee2e6;
width: 900px;
}

td .table-bordered{
border: 0 1px 0 0 solid #dee2e6;
}
.li-text1 li{
color: #000;
margin-left:0%;

}

.li-text1 ul{
color: #000;
padding-left:180px;

}

.li-text1  p{
color: #000;	
}

.li-text2 li{
color: #000;
margin-left:30%;

}

.li-text2  p{
color: #000;	
}

.text-black p {
color: #000;
text-align: center;
}
.text-money p{
font-size:19px;
color: #256ba3;
text-align: center;
}


h3 .word-break{
display: block;
margin-bottom: 10%;
}


.td-height{
height:0;
padding: 12px;	
}

.list-border h3{
font-size:26px;

}
.list-title{
font-size:20px;
text-align: center;
}

}

/*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: 10%;

}
/*FS logo title*/
.one-title img{
display: block;
max-width: 80%;
}

/*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: 20px;
}

.btn-none{
display:none;
}
	
.btn-xl-none{
display:inline;
}	
/*介紹區主標題*/
.fs-cloud-title h2{
font-size: 25px;
font-weight: 700;
color: #ffffff;
line-height: 3rem;
margin:8% 0 8% 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; 
}

/*方案表區*/
.list-border{
width: 100%;
height: auto;
border: 1px solid #fff;
padding:20px 20px 20px 20px;
border-radius: 20px;
margin-bottom:5%;
}

.table .thead-light th {
color: #000;
background-color: #e9ecef;
border-color: #dee2e6;
width: 900px;
}

td .table-bordered{
border: 0 1px 0 0 solid #dee2e6;
}
.li-text1 li{
color: #000;
margin-left:0%;

}

.li-text1 ul{
color: #000;
padding-left:100px;

}

.li-text1  p{
color: #000;	
}

.li-text2 li{
color: #000;
margin-left:20%;

}

.li-text2  p{
color: #000;	
}

.text-black p {
color: #000;
text-align: center;
}
.text-money p{
font-size:19px;
color: #256ba3;
text-align: center;
}


h3 .word-break{
display: block;
margin-bottom: 10%;
}


.td-height{
height:0;
padding: 12px;	
}

.list-border h3{
font-size:26px;

}
.list-title{
font-size:20px;
text-align: center;
}
.word-break{
display:inline;
}

}

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