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;/*右內距*/
	}

/*主要內容區*/	  

.company-page { 
width: 100%;
margin-bottom: 100px;
background-image: url("../images/company-backgroud01.png");
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: cover;	}
	
.company-page-area{ 
margin-left: auto; 
margin-right: auto;	
width: 90%;  
padding: 50px 0px 50px 0px;
	}	

.title-font01{
width: 100%;
margin-left: auto; 
margin-right: auto;	
padding: 20px 0px 10px 0px;
text-align: center;
font-size:2em;
color: #171717;
line-height:45px; 		
font-family:Noto Sans TC,"微軟正黑體";	
font-weight: 500;
	
	}
.title-font02{
width: 90%;
margin: 10px auto 20px auto;
font-size:1.2em;
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;
	}
	
.title-font03{
width: 90%;
margin: 80px auto 80px auto;
font-size:1.2em;
color: #171717;
line-height:30px; 		
font-family:"微軟正黑體";
font-weight: 500; 
text-align: left; 
	
		}

/*按鈕樣式區*/	  
.more-icon01{
	display:block; 
    height:60px; 
    width:200px;
	background:#13c4c8;
	border-radius:60px;	
	border: 0px solid #1b8ab6;; 	
	color:#fff; 
	font-size:1.4em;		
	text-decoration:none; 
	font-family:"微軟正黑體"; 
	font-weight: 600; 
	line-height:60px;
	text-align:center; 
	 margin: 30px auto 30px auto;
	transition-duration: 0.4s;/* 動畫過渡時間 */	 	
	}
	
.more-icon01:hover{
	background-color:#fff;   
	text-decoration:none; 
	border: 1px solid #13c4c8;  	
	color:#13c4c8; 
	transform:scale(1.1);	
	}	

.more-icon a:link,a:visited,a:hover,a:active{
	background-color:#13c4c8;
text-decoration:none; 	
		}
	
.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:#fff;   
	text-decoration:none; 
	border: 1px solid #13c4c8;  	
	color:#fff; 
	transform:scale(1.1);	
	
	}	

.more-icon a:link,a:visited,a:hover,a:active{
	background-color:#fff;
text-decoration:none; 	
	
	}	
	
.news-item01{
	}

.news-item-area{
	width: 100%;
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: 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){
	
/*主要內容區*/	  

.company-page { 
width: 100%;
margin-bottom: 100px;
background-image: url("../images/page-backgroud.png");
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: cover;	}
	
.company-page-area{ 
margin-left: auto; 
margin-right: auto;	
width: 60%;  
padding: 50px 0px 50px 0px;
	}	

.title-font01{
width: 100%;
margin-left: auto; 
margin-right: auto;	
padding: 20px 0px 0px 0px;
text-align: center;
font-size:2.5em;
color: #171717;
line-height:40px; 		
font-family:Noto Sans TC,"微軟正黑體";	
font-weight: 500;	
	}
	
.title-font02{
width: 500px;
margin: 20px 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;
	}
	
.title-font03{
width: 85%;
margin: 80px auto 80px auto;
font-size:1.4em;
color: #171717;
line-height:36px; 		
font-family:"微軟正黑體";
font-weight: 600; 
text-align: left; 	
		}
	
.title-icon{
width: 100%; }	
	
/*按鈕樣式區*/	  
.more-icon01{
	display:block; 
    height:60px; 
    width:200px;
	background:#13c4c8;
	border-radius:60px;	
	border: 0px solid #1b8ab6;; 	
	color:#fff; 
	font-size:1.4em;		
	text-decoration:none; 
	font-family:"微軟正黑體"; 
	font-weight: 600; 
	line-height:60px;
	text-align:center; 
	 margin: 30px auto 30px auto;
	transition-duration: 0.4s;/* 動畫過渡時間 */	 	
	}
	
.more-icon01:hover{
	background-color:#fff;   
	text-decoration:none; 
	border: 1px solid #13c4c8;  	
	color:#13c4c8; 
	transform:scale(1.1);	
	}	

.more-icon a:link,a:visited,a:hover,a:active{
	background-color:#13c4c8;
text-decoration:none; 	
		}
	
.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:#fff;   
	text-decoration:none; 
	border: 1px solid #13c4c8;  	
	color:#fff; 
	transform:scale(1.1);	
	
	}	

.more-icon a:link,a:visited,a:hover,a:active{
	background-color:#fff;
text-decoration:none; 	
	
	}	
	
.news-item01{
	}

.news-item-area{
	width: 100%;
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;	
}	

	
}