/*============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;
font-weight: 600;
}	

.text-red{
color:#ed726a;
}

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

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

.quickguide-title h1{
color:#fff;
font-size:68px;
line-height: 5.5rem;
}

.fs-cloud-pricing-title h4 {
font-size: 42px;
font-weight: 800;
color: #000;
line-height: 3.5rem;
word-break: keep-all;
display: block;
padding-bottom: 2%;
}

.h4-subtitle{
font-size: 22px;
font-weight: 300px;
color: #000;
margin-bottom: 2%;
display: block;
}	
.list-border {
width: 100%;
height: auto;
border: 1px solid #323131;
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 p{
color: #000;
padding-left:15%;
}

.li-text1{
height:350px;
}

.li-text2 p{
color: #000;
padding-left:13%;
text-align: left;
}

.li-text2{
height:410px;
}

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

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

/*media query*/

/*Large devices for 筆電*/
@media screen and (max-width: 1600px) {
.li-text2{
height:1140px;
}

}

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

}


/*Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991.98px) {
.fs-cloud-pricing-title h4 {
font-size: 35px;
margin:5% 0 3% 0;
}
}
/*Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) { 
.quickguide-title h1{
font-size:42px;
}

}

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

@media screen and (max-width: 575.98px) { 
.quickguide-title h1{
font-size:32px;
}
	
.fs-cloud-pricing-title h4 {
font-size: 30px;
line-height: 2.5rem;
margin:10% 0 10% 0;
}
.li-text1 p{
color: #000;
padding-left:5%;
}

.li-text2 p{
color: #000;
padding-left:5%;
text-align: left;
}
	
.li-text2{
height:220px;
}


}

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