body,td,th {
	font-size:1em;
}
body {

	padding:0;
	margin:0;
}
.container-fluid{
	padding:0px;	
	}

.container{
	width:100%;
	}
.carousel .item img{/*設定輪播圖片百分百尺寸1200像素以上滿版使用*/
	width:100%;
	height:auto;
	}

.container-fluid{
	padding:0px;	
	}
	

.noGutter{/*自訂類別主要用來清除BootStrap格點系統中的預設間隔*/
	margin-left:15px;/*左外距*/
	margin-right:15px;/*右外距*/		
	}
.noGutter img{/*針對影像設計填滿版*/
	width:100%;/*寬度*/
	height:auto;/*高度*/
	}
.noGutter img:hover{
	opacity:0.4;
	}
.noGutter [class*='col-']:not(:first-child),.noGutter [class*='col-']:not(:last-child){/*針對已套用自訂類別noGutter底下有套用col-類別的元素進行處理 但排除前後兩個元素*/
	padding-left:0px;/*左內距*/
	padding-right:0px;/*右內距*/
	}
	
.noGutter0{/*自訂類別主要用來清除BootStrap格點系統中的預設間隔*/
	margin-left:0px;/*左外距*/
	margin-right:0px;/*右外距*/	
	}
	
.noGutter0 img{/*針對影像設計填滿版*/
	width:100%;/*寬度*/
	height:auto;/*高度*/
	}
.noGutter0 img:hover{
	opacity:0.4;
	}
.noGutter0 [class*='col-']:not(:first-child),.noGutter [class*='col-']:not(:last-child){/*針對已套用自訂類別noGutter底下有套用col-類別的元素進行處理 但排除前後兩個元素*/
	padding-left:0px;/*左內距*/
	padding-right:0px;/*右內距*/
	}

/*按鈕樣式區*/	  
.more-icon{
	display:block; 
    height:40px; 
    width:100px;
	background: linear-gradient(90deg,rgba(22, 192, 227, 1) 0%, rgba(17, 198, 185, 1) 59%, rgba(12, 204, 151, 1) 100%);
	border-radius:40px;	
	border: 0px solid #1b8ab6;; 	
	color:#fff; 
	font-size:1em;		
	text-decoration:none; 
	font-family:"微軟正黑體"; 
	line-height:40px;
	text-align:center; 
	margin-top:20px;
	transition-duration: 0.4s;/* 動畫過渡時間 */	 	
	}
	
.more-icon:hover{
	background-color:#1b8ab6;   
	text-decoration:none; 
	border: 0px solid #1b8ab6;;  	
	color:#fff; 
	transform:scale(1.1);	
	
	}	

.more-icon a:link,a:visited,a:hover,a:active{
	background-color:#fff;
text-decoration:none; 	
	
	}
	
	
	
/* 我們的服務 */


.service{
width: 100%; 
	background-color: #fff;
margin: 100px auto 100px auto;		
	}
.service-font01{
width: 80%; 
margin: 20px auto 20px auto;
font-size:1em;
font-weight: bolder;
text-align: center;
background: linear-gradient(90deg,rgba(22, 192, 227, 1) 0%, rgba(17, 198, 185, 1) 59%, rgba(12, 204, 151, 1) 100%);
background: -webkit-linear-gradient(90deg,rgba(22, 192, 227, 1) 0%, rgba(17, 198, 185, 1) 59%, rgba(12, 204, 151, 1) 100%);
background-clip: text;
-webkit-background-clip: text;	
color: transparent;
line-height:26px; 		
font-family:"微軟正黑體";
display: block;
transform: scaleY(0.8); /* 拉高文字 */
	}

	
.service-font02{
width: 80%; 
margin: 10px auto 10px auto;
text-align: center;
font-size:2em;
color: #171717;
line-height:26px; 		
font-family:"微軟正黑體";
font-weight: 900;
	}
	
	
.service-font03{
width: 80%;
margin: 30px auto 0px auto;
font-size:1.2em;
color: #777777;
line-height:30px; 		
font-family:"微軟正黑體";
font-weight: 900;
	}
	
.service-item-area{
width: 90%;
margin: 50px auto 30px auto;
	}	
.service-item01-bot{
	padding: 10px 10px;}	
.service-item01{
	border-radius:1em;
	background-color:#f7f7f7;
	padding: 30px 30px;
	
	}
.service-item01-photo{ 
	display: block;
	
	}
.service-item01-photo img{ 
	width: 100px; 
	display: block;
	
	}
.service-item01-font01{
	width: 100%;
font-size:1.5em;
color: #171717;
line-height:30px; 		
font-family:"微軟正黑體";
font-weight: 900;
	}
.service-item01-font02{
	width: 90%; height: 60px;
font-size:1.3em;
color: #171717;
line-height:30px; 		
font-family:"微軟正黑體";

	}	
	
/* 花絮牆 */
	
.highlights{ 
	width: 100%;
	}	
.highlights img{width: 100%;}	
	


.news{
	width: 100%;}
.news-area{ 	 
	margin: 80px auto;
}

.news-font01{
width: 80%;
margin: 20px auto 20px auto;
font-size:1em;
font-weight: bolder;
text-align: center;
background: linear-gradient(90deg,rgba(22, 192, 227, 1) 0%, rgba(17, 198, 185, 1) 59%, rgba(12, 204, 151, 1) 100%);
background: -webkit-linear-gradient(90deg,rgba(22, 192, 227, 1) 0%, rgba(17, 198, 185, 1) 59%, rgba(12, 204, 151, 1) 100%);
background-clip: text;
-webkit-background-clip: text;	
color: transparent;
line-height:26px; 		
font-family:"微軟正黑體";
display: block;
transform: scaleY(0.8); /* 拉高文字 */
	}

	
.news-font02{
width: 80%;
margin: 10px auto 10px auto;
text-align: center;
font-size:2em;
color: #171717;
line-height:26px; 		
font-family:"微軟正黑體";
font-weight: 900;
	}
	
	
.news-font03{
width: 80%;
margin: 30px auto 0px auto;
font-size:1.4em;
color: #777777;
line-height:30px; 		
font-family:"微軟正黑體";
font-weight: 900; 
	text-align: center;
	}
					
.news-item01{
	}

.news-item-area{
	width: 90%;
margin: 20px auto;}

.news-item01{
	display: block;	
}
.news-item01-area{	
margin: 50px auto;
}
.news-item01-photo{
display: block;	
}

.news-item01-photo img:hover{ 
		opacity:0.7;
	}
.news-item01-font01{
	margin: 30px 0px;	
font-family:Noto Sans TC,"微軟正黑體";
font-size:1.2em; 
font-weight:bold;
color:#0dcb9d;
line-height:30px;
}
.news-item01-font02{
	margin: 30px 0px;	
	height: 200px;
	line-height:28px;
font-family:"微軟正黑體";	
font-size:1.3em; 
color:#171717;
}
.news-item01-icon{
	margin: 30px 0px;	
	display: block;	
}
 

		




@media screen and (min-width:316px) and (max-width:481px){
	

	}	
@media screen and (min-width:481px) and (max-width:768px){

	}
		
@media screen and (min-width:999px){

	 }	
		
@media screen and (min-width:1195px){
	
/*按鈕樣式區*/	  
.more-icon{
	display:block; 
    height:40px; 
    width:100px;
	background: linear-gradient(90deg,rgba(22, 192, 227, 1) 0%, rgba(17, 198, 185, 1) 59%, rgba(12, 204, 151, 1) 100%);
	border-radius:40px;	
	border: 0px solid #1b8ab6;; 	
	color:#fff; 
	font-size:1em;		
	text-decoration:none; 
	font-family:"微軟正黑體"; 
	line-height:40px;
	text-align:center; 
	margin-top:20px;
	transition-duration: 0.4s;/* 動畫過渡時間 */	 	
	}
	
.more-icon:hover{
	background-color:#1b8ab6;   
	text-decoration:none; 
	border: 0px solid #1b8ab6;	
	color:#fff; 
	transform:scale(1.1);	
	
	}	

.more-icon a:link,a:visited,a:hover,a:active{
	background-color:#fff;
text-decoration:none; 	
	
	}
	
	
	
/* 我們的服務 */


.service{
width: 100%; 
	background-color: #fff;
margin: 100px auto 100px auto;		
	}
.service-font01{
width: 500px;
margin: 50px auto 20px auto;
font-size:1.3em;
font-weight: bolder;
text-align: center;
background: linear-gradient(90deg,rgba(22, 192, 227, 1) 0%, rgba(17, 198, 185, 1) 59%, rgba(12, 204, 151, 1) 100%);
background: -webkit-linear-gradient(90deg,rgba(22, 192, 227, 1) 0%, rgba(17, 198, 185, 1) 59%, rgba(12, 204, 151, 1) 100%);
background-clip: text;
-webkit-background-clip: text;	
color: transparent;
line-height:26px; 		
font-family:"微軟正黑體";
display: block;
transform: scaleY(0.8); /* 拉高文字 */
	}

	
.service-font02{
width: 500px;
margin: 20px auto 20px auto;
text-align: center;
font-size:2.5em;
color: #171717;
line-height:26px; 		
font-family:"微軟正黑體";
font-weight: 900;
	}
	
	
.service-font03{
width: 70%;
margin: 50px auto 20px auto;
font-size:1.4em;
color: #777777;
line-height:30px; 		
font-family:"微軟正黑體";
font-weight: 900; 
	text-align: center; 
	}
	
.service-item-area{
width: 80%;
margin: 30px auto 30px auto;
	}	
.service-item01-bot{
	padding: 10px 10px;}	
.service-item01{
	border-radius:1em;
	background-color:#f7f7f7;
	padding: 30px 30px;
	
	}
.service-item01-photo{ 
	display: block;
	
	}
.service-item01-photo img{ 
	width: 100px; 
	display: block;
	
	}
.service-item01-font01{
	width: 100%;
font-size:1.5em;
color: #171717;
line-height:30px; 		
font-family:"微軟正黑體";
font-weight: 900;
	}
.service-item01-font02{
	width: 90%; height: 60px;
font-size:1.3em;
color: #171717;
line-height:30px; 		
font-family:"微軟正黑體";

	}	
	
/* 花絮牆 */
	
.highlights{ 
	width: 100%;
	}	
.highlights img{width: 100%;}	
	
	


.news{
	width: 100%;}
.news-area{ 
	 
	margin: 80px auto;
}

.news-font01{
width: 500px;
margin: 50px auto 20px auto;
font-size:1.3em;
font-weight: bolder;
text-align: center;
background: linear-gradient(90deg,rgba(22, 192, 227, 1) 0%, rgba(17, 198, 185, 1) 59%, rgba(12, 204, 151, 1) 100%);
background: -webkit-linear-gradient(90deg,rgba(22, 192, 227, 1) 0%, rgba(17, 198, 185, 1) 59%, rgba(12, 204, 151, 1) 100%);
background-clip: text;
-webkit-background-clip: text;	
color: transparent;
line-height:26px; 		
font-family:"微軟正黑體";
display: block;
transform: scaleY(0.8); /* 拉高文字 */
	}

	
.news-font02{
width: 500px;
margin: 20px auto 20px auto;
text-align: center;
font-size:2.5em;
color: #171717;
line-height:26px; 		
font-family:"微軟正黑體";
font-weight: 900;
	}
	
	
.news-font03{
width: 70%;
margin: 50px auto 20px auto;
font-size:1.4em;
color: #777777;
line-height:30px; 		
font-family:"微軟正黑體";
font-weight: 900; 
	text-align: center;
	}
					
.news-item01{
	}

.news-item-area{
	width: 70%;
margin: 50px auto;}

.news-item01{
	display: block;	
}
.news-item01-area{	
margin: 50px auto;
}
.news-item01-photo{
display: block;	
}

.news-item01-photo img:hover{ 
		opacity:0.7;
	}
.news-item01-font01{
	margin: 30px 0px;	
font-family:Noto Sans TC,"微軟正黑體";
font-size:1.2em; 
font-weight:bold;
color:#0dcb9d;
line-height:30px;
}
.news-item01-font02{
	margin: 30px 0px;	
	height: 120px;
	line-height:28px;
font-family:"微軟正黑體";	
font-size:1.3em; 
color:#171717;
}
.news-item01-icon{
	margin: 30px 0px;	
	display: block;	
}
}