/*GOOGLE雲端字型引用*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300&family=Noto+Serif+TC:wght@600&display=swap');


/*思源明體 CSS為
font-family: 'Noto Sans TC', sans-serif;
*/

/*思源中黑體
 font-family: 'Noto Serif TC', serif;*/


body,td,th {
	font-size:1em;
}
body {
	padding:0;
	margin:0;
}
.container-fluid{
	padding:0px;	
	}


.container-fluid{ padding:0;}

/*iframeRWD*/
.google-maps {
        position: relative;
        padding-bottom: 32%;
        overflow: hidden;
    }
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
/*iframeRWD*/
#company-wrapper{
	width:100%;	
	height:auto;
	font-family:"微軟正黑體";
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;
	padding:0;			
 }
 #wrapper{
	width:100%;	
	height:auto;
	font-family:"微軟正黑體";
	margin-left:auto;
	margin-right:auto;
	margin-top:120px;
	padding:0;			
 }
.container{
	width:100%;
	}

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

/*選單區域*/
#navBar{ 
	width:100%;
	z-index:999;	
	height:120px;
	background-color:#006091;
	position:fixed;/*置頂浮動*/
	top:0px;
	border-bottom:1px solid #006091;}
	
/*頁首資訊區*/	
#top{
width:100%; 
height:30px;
margin-left:auto; 
margin-right:auto; }

#top ul{  
width:330px; 
margin:10px;}

#top ul li{
display:inline; 
width:330px;

	}
#top ul li img{ 
width:25px; 
height:25px;}


.top-info-font:link{ 
	font-size:1.5em; 
	text-decoration:none; 
	font-weight:bold;	
	color:#fff;
	font-family:"微軟正黑體";		
    vertical-align: middle;/*文字重直置中*/
	}
	
.top-info-font:visited{	
	text-decoration:none; 	
	color:#fff;
	
	}	
	
.top-info-font:hover{		
	text-decoration:underline;	
	color:#fff;
	
	}
	

.top-info-font:active{	
	text-decoration:none; 
	color:#fff;
	
	}	


#logo{ 
width:100%; 
height:auto; 
text-align:center; 
background-color:#006091;
margin-left:0px; 
margin-right:0px; 
display: inline-block;
float: none;
vertical-align: top;
	}
#logo img{ 
width:50px; 
height:50px;  
	}

#navBar #subMenu{
	text-align:center;
	width:98%; 	
	margin-top:50px;	
	margin-left:auto;
	margin-right:auto;	
	}
#navBar #subMenu .navBg{/*手機版漢堡選單背景色於PC版必須隱藏*/
	background-color:rgba(255,255,255,0.7);
	}


.container-fluid{ padding:0;}

.navbar-toggle{
	background-color:rgba(200,200,200,0.0);
	border: solid #fff 1px; 
	top:-70px;width:42px;
	}
#navBar #subMenu #btn1,
#navBar #subMenu #btn2,
#navBar #subMenu #btn3,
#navBar #subMenu #btn4,
#navBar #subMenu #btn5,
#navBar #subMenu #btn6,
#navBar #subMenu #btn7
{
	color:#fff; 
	font-size:1.5em;
	padding-left:0px; 
	padding-right:0px;	
	margin-left:0px;
	margin-right:0px;
	text-decoration:none; 
	font-family:"微軟正黑體";	
	background-color:#006091; 
	text-align:left; 		
	}
	
#navBar #subMenu #btn1 a:link,
#navBar #subMenu #btn2 a:link,
#navBar #subMenu #btn3 a:link,
#navBar #subMenu #btn4 a:link,
#navBar #subMenu #btn5 a:link,
#navBar #subMenu #btn6 a:link,
#navBar #subMenu #btn7 a:link{
	color:#fff;	
	text-decoration:none; 
	background-color:#006091;
	text-align:left;  	
			
	}

	
#navBar #subMenu #btn1 a:visited,
#navBar #subMenu #btn2 a:visited,
#navBar #subMenu #btn3 a:visited,
#navBar #subMenu #btn4 a:visited,
#navBar #subMenu #btn5 a:visited,
#navBar #subMenu #btn6 a:visited,
#navBar #subMenu #btn7 a:visited{
	color:#fff;		
	text-decoration:none; 	
	background-color:#006091;

		
	}	

#navBar #subMenu #btn1 a:hover,
#navBar #subMenu #btn2 a:hover,
#navBar #subMenu #btn3 a:hover,
#navBar #subMenu #btn4 a:hover,
#navBar #subMenu #btn5 a:hover,
#navBar #subMenu #btn6 a:hover,
#navBar #subMenu #btn7 a:hover{
	
	color:#FFFFFF; 		
	text-decoration:none; 	
	background-color:#003b59; 
			
	}	
#navBar #subMenu #btn1 a:active,
#navBar #subMenu #btn2 a:active,
#navBar #subMenu #btn3 a:active,
#navBar #subMenu #btn4 a:active,
#navBar #subMenu #btn5 a:active,
#navBar #subMenu #btn6 a:active,
#navBar #subMenu #btn7 a:active
{
	
    color:#fff;	
	text-decoration:none; 
	background-color:#006091;
	 
			
	}


		
			
footer{
display:block; 
width:100%;background-color:#006091; 
height:auto; padding:20px;
	}	

.foot-area{ 
width:100%;
height:auto;	
display:block;  
margin-left:auto; 
margin-right:auto;}

.foot-logo{ 
display:block; } 

.foot-logo img{ margin-top:0px;
 width:300px; 
}
.foot-info{ 
margin-top:20px; 
padding-left:80px; 
	display:block; 
	text-align:left;
	color:#fff; 
	font-size:1.6em; 
	line-height:22px;
	text-decoration:none; 
    font-family:"微軟正黑體";
	}
.foot-info a:link{ 
	text-decoration:none; 
   color:#fff; 
	}
.foot-info a:visited{
	color:#fff; 
	text-decoration:none;}				
.foot-info a:hover{
	color:#fff;  
	text-decoration:underline;
    
	}
.foot-info a:active{
	color:#fff; 
	text-decoration:none;}		
	
.foot-privacy{
	color:#fff; 
	font-size:1em; 
	line-height:30px;
	text-decoration:none; 
	font-family:"微軟正黑體";	
	display:block; }
	
.foot-privacy a:link{ 
	text-decoration:none; 
   color:#fff; 
	}
.foot-privacy a:visited{
	color:#fff; 
	text-decoration:none;}				
.foot-privacy a:hover{
	color:#fff;  
	text-decoration:underline;
    
	}
.foot-privacy a:active{
	color:#fff; 
	text-decoration:none;}			
	
.foot-icon{
display:block;
text-align:left;
padding-top:10px;
padding-bottom:10px;	
padding-left:0px; 
padding-right:0px;	
margin-left:0px;
margin-right:0px; 
	 }
	 
.foot-icon-photo{ display:inline; padding:5px;}	
.foot-icon-photo:hover{ opacity:0.4;} 
.foot-icon-photo img{ width:40px;}




.sicon{display:inline;}
.back-to-top {

display: none; /* 默認是隱藏的，這樣在第一屏才不顯示 */

position: fixed; /* 位置是固定的 */

bottom: 20px; /* 顯示在頁面底部 */

right: 20px; /* 顯示在頁面的右邊 */

z-index: 99; /* 確保不被其他功能覆蓋 */

border: 2px solid #fff; /* 顯示邊框 */

outline: none; /* 不顯示外框 */

background-color: #006091; /* 設置背景背景顏色 */

color: #fff; /* 設置文本顏色 */

cursor: pointer; /* 滑鼠移到按鈕上顯示手型 */

padding: 10px 15px 15px 15px; /* 增加一些內邊距 */

border-radius: 50px; /* 增加圓角 */
font-size:2em;		
text-decoration:none; 
font-family:"微軟正黑體";

}

.back-to-top:hover {

background-color: #0084c8; /* 滑鼠移上去時，反轉顏色 */

color: #fff;

}


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


.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

#navBar{ 
	width:100%;
	z-index:999;	
	height:120px;
	background-color:#006091;
	position:fixed;
	top:0px;
	border-bottom:1px solid #006091;}
#wrapper{
	width:100%;		
	font-family:"微軟正黑體";
	margin-left:auto;
	margin-right:auto;
	margin-top:120px;
	padding:0;			
 }	
#logo{ 
width:100%;
height:auto; 
text-align:center; 
background-color:#006091;
margin-left:0px; margin-right:0px; 
	}
#logo img{ width:70px; height:70px;  
	}

.navbar-collapse{
    padding-top:0px;
	position:absolute;
	top:80px;
	
	}
	
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


	}	
@media screen and (min-width:481px) and (max-width:768px){
#navBar{ 
	width:100%;
	z-index:999;	
	height:120px;
	background-color:#006091;
	position:fixed;
	top:0px;
	border-bottom:1px solid #006091;}
#wrapper{
	width:100%;		
	font-family:"微軟正黑體";
	margin-left:auto;
	margin-right:auto;
	margin-top:120px;
	padding:0;			
 }	
#logo{ 

width:100%;
height:auto; 
text-align:center;
margin-left:0px; 
margin-right:0px; 
	}
#logo img{ width:80px; height:80px;  
	}
	
#navBar{ 
	width:100%;
	z-index:999;	
	height:180px;
	background-color:#006091;
	position:fixed;
	top:0px;
	border-bottom:1px solid #006091;}
		
#navBar #subMenu{
	text-align:center;
	width:98%; 	
	margin-top:-60px;	
	margin-left:auto;
	 margin-right:auto;	
}
#navBar #subMenu #btn1,
#navBar #subMenu #btn2,
#navBar #subMenu #btn3,
#navBar #subMenu #btn4,
#navBar #subMenu #btn5,
#navBar #subMenu #btn6,
#navBar #subMenu #btn7{
	color:#fff; 
	font-size:1.1em;
	padding-left:-10px; 
	padding-right:-10px;	
	margin-left:-8px;
	margin-right:-8px;
	text-decoration:none; 
	font-family:"微軟正黑體";	
	background-color:#006091; 		
	}
/*導覽列中的選單居中*/	
.navbar-center {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar-collapse-center {
  text-align: center;
}

#foot1 .ft-ph02{ 
  	
	padding-left:100px;
	
	 }	}
		
@media screen and (min-width:768px) and (max-width:999px){
	
	#wrapper{
	width:100%;		
	font-family:"微軟正黑體";
	margin-left:auto;
	margin-right:auto;
	margin-top:180px;
	padding:0;			
 }	
#navBar{ 
	width:100%;
	z-index:999;	
	height:180px;
	background-color:#006091;
	position:fixed;
	top:0px;
	border-bottom:1px solid #006091;}

#logo{
	width:100%; 
	height:auto; 
	text-align:center; 
	margin-left:0px; 
	margin-right:0px; 
	margin-top:0px;
	}
#logo img{ width:80px; height:80px;  	}
#navBar #subMenu .navBg{/*手機版漢堡選單背景色於PC版必須隱藏*/
	background-color:rgba(255,255,255,0.0);
	}
#navBar #subMenu{
	text-align:center;
	width:98%; 	
	margin-top:0px;	
	margin-left:auto;
	 margin-right:auto;	
	}
#navBar #subMenu #btn1,
#navBar #subMenu #btn2,
#navBar #subMenu #btn3,
#navBar #subMenu #btn4,
#navBar #subMenu #btn5,
#navBar #subMenu #btn6,
#navBar #subMenu #btn7{
	color:#fff; 
	font-size:1.3em;
	padding-left:0px; 
	padding-right:0px;	
	margin-left:0px;
	margin-right:0px;
	text-decoration:none; 
	font-family:"微軟正黑體";	
	background-color:#006091; 		
	}		
/*導覽列中的選單居中*/	
.navbar-center {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar-collapse-center {
  text-align: center;
}

	
 	}	
@media screen and (min-width:1024px){
#wrapper{
	width:100%;		
	font-family:"微軟正黑體";
	margin-left:auto;
	margin-right:auto;
	margin-top:180px;
	padding:0;			
 }	
#navBar{ 
	width:100%;
	z-index:999;	
	height:180px;
	background-color:#006091;
	position:fixed;
	top:0px;
	border-bottom:1px solid #006091;}

#logo{ width:100%; height:auto; text-align:center; margin-left:0px; margin-right:0px; margin-top:0px;
	}
#logo img{ width:80px; height:80px;  
	}
#navBar #subMenu .navBg{/*手機版漢堡選單背景色於PC版必須隱藏*/
	background-color:rgba(255,255,255,0.0);
	}
#navBar #subMenu{
	text-align:center;
	width:98%; 	
	margin-top:0px;	
	margin-left:auto;
	 margin-right:auto;	
	}
#navBar #subMenu #btn1,
#navBar #subMenu #btn2,
#navBar #subMenu #btn3,
#navBar #subMenu #btn4,
#navBar #subMenu #btn5,
#navBar #subMenu #btn6,
#navBar #subMenu #btn7{
	color:#fff; 
	font-size:1.5em;
	padding-left:0px; 
	padding-right:0px;	
	margin-left:0px;
	margin-right:0px;
	text-decoration:none; 
	font-family:"微軟正黑體";	
	background-color:#006091; 		
	}		
  /*導覽列中的選單居中*/	
.navbar-center {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar-collapse-center {
  text-align: center;
}


	

 
	}
	
@media screen and (min-width:1920px){
#wrapper{
	width:100%;		
	font-family:"微軟正黑體";
	margin-left:auto;
	margin-right:auto;
	margin-top:200px;
	padding:0;			
 }
 
 #navBar{ 
	width:100%;
	z-index:999;	
	height:200px;
	background-color:#006091;
	position:fixed;
	top:0px;
	border-bottom:1px solid #006091;}
	
#top{
width:100%; 
height:30px;
margin-left:auto; 
margin-right:auto; }

#top ul{ 
width:330px; 
margin:10px;}

#top ul li{
	display:inline; 
	width:330px;

	}
#top ul li img{ 
width:25px; 
height:25px;}


.top-info-font:link{ 
	font-size:1.5em; 
	text-decoration:none; 
	font-weight:bold;	
	color:#fff;
	font-family:"微軟正黑體";		
    vertical-align: middle;
	}
	
.top-info-font:visited{	
	text-decoration:none; 	
	color:#fff;
	
	}
	
.top-info-font:hover{		
	text-decoration:underline;	
	color:#fff;
	
	}
	

.top-info-font:active{	
	text-decoration:none; 
	color:#fff;
	
	}	



#logo{
	 
	 width:100%; 
	 height:auto; 	 
	 text-align:center; 
	 margin-left:auto; 
	 margin-right:auto; 
	
	}
#logo img{ text-align:center; margin-left:auto; margin-right:auto; 
width:90px; 
height:90px;  
	}
	

#navBar #subMenu{
	text-align:center;
	width:98%; 	
	margin-top:10px;	
	margin-left:auto;
	margin-right:auto;	}
#navBar #subMenu .navBg{/*手機版漢堡選單背景色於PC版必須隱藏*/
	background-color:rgba(255,255,255,1.0);
	}

#navBar #subMenu #btn1,
#navBar #subMenu #btn2,
#navBar #subMenu #btn3,
#navBar #subMenu #btn4,
#navBar #subMenu #btn5,
#navBar #subMenu #btn6,
#navBar #subMenu #btn7{
	color:#fff; 
	font-size:1.7em;
	padding-left:0px; 
	padding-right:0px;	
	margin-left:35px;
	margin-right:35px;
	text-decoration:none; 
	font-family:"微軟正黑體";	
	background-color:#006091; 		
	}		

 /*導覽列中的選單居中*/	
.navbar-center {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar-collapse-center {
  text-align: center;
}

/* 麵包屑 */	
 
.breadcrumb{ 
display:block;font-family:"微軟正黑體"; 
font-size:1.5em;
width:70%;
height:auto;
margin-left:auto;
margin-right:auto; margin-top:30px; margin-bottom:30px; 
background-color:rgba(73,73,73,0.00);}

.breadcrumb a { color: #858585; }

.breadcrumb > li + li:before {
    color: #858585;
    content: ">";
    padding: 0 5px; 
}

.breadcrumb > .active {
color: #777;
}

		
			
footer{
display:block; 
width:100%;background-color:#006091; 
height:auto; padding:50px;
	}	

.foot-area{ 
width:100%;
height:auto;	
display:block;  
margin-left:auto; 
margin-right:auto;}

.foot-logo{ 
display:block; } 

.foot-logo img{ margin-top:0px;
 width:330px; 
}
.foot-info{ 
margin-top:0px; 
padding-left:200px; 
	display:block; 
	text-align:left;
	color:#fff; 
	font-size:1.7em; 
	line-height:26px;
	text-decoration:none; 
    font-family:"微軟正黑體";
	}
.foot-info a:link{ 
	text-decoration:none; 
   color:#fff; 
	}
.foot-info a:visited{
	color:#fff; 
	text-decoration:none;}				
.foot-info a:hover{
	color:#fff;  
	text-decoration:underline;
    
	}
.foot-info a:active{
	color:#fff; 
	text-decoration:none;}		
	
.foot-privacy{
	color:#fff; 
	font-size:1.5em; 
	line-height:30px;
	text-decoration:none; 
	font-family:"微軟正黑體";	
	display:block; }
	
.foot-privacy a:link{ 
	text-decoration:none; 
   color:#fff; 
	}
.foot-privacy a:visited{
	color:#fff; 
	text-decoration:none;}				
.foot-privacy a:hover{
	color:#fff;  
	text-decoration:underline;
    
	}
.foot-privacy a:active{
	color:#fff; 
	text-decoration:none;}			
	
.foot-icon{
display:block;
text-align:left;
padding-top:10px;
padding-bottom:10px;	
padding-left:0px; 
padding-right:0px;	
margin-left:0px;
margin-right:0px; 
	 }
	 
.foot-icon-photo{ display:inline; padding:5px;}	
.foot-icon-photo:hover{ opacity:0.4;} 
.foot-icon-photo img{ width:40px;}


	}
 
.error {
    color: red;
}

.ui-errmsg{
	text-align:center;
	font-size:24px; 
	color:red;
	margin-top:20px; 
	margin-bottom:20px;
	font-weight: bold;
}