@font-face{/*指定字型*/
	font-family:fontweb;/*自訂字型名稱*/
	src:url(FONT/fonts/msjh.ttf);/*連結字型檔案*/
	src:url(FONT/fonts/msjhbd.ttf);/*連結字型檔案*/
	src:url(FONT/tt0371m_0.ttf);/*連結字型檔案*/
	}
body,td,th {
	font-size:1em;
}
body {
	padding:0;
	margin:0;
}
.container-fluid{
	padding:0px;	
	}
#navBar{
	width:100%;
	z-index:999;	
	height:120px;
	background-color:#fff;
	position:fixed;
	top:0px;
	border-top:#14a8b4 10px solid; 
	}

	#login{	
	width:100%;
	height:auto;		
	margin-left:auto; padding-right:30px; padding-top:30px;	font-size:1.5em;
	
	font-family:"微軟正黑體";	
		
	}	

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


.container-fluid{ padding:0;}

.navbar-toggle{
	background-color:rgba(200,200,200,0.5);
	top:-60px;width:42px;
	}
#navBar #subMenu #btn1,
#navBar #subMenu #btn2,
#navBar #subMenu #btn3,
#navBar #subMenu #btn4,
#navBar #subMenu #btn5,
#navBar #subMenu #btn6{
	color:#027881; 
	font-size:2em;
	font-weight:bold;
	padding-left:0px; 
	padding-right:0px;	
	margin-left:4px;
	margin-right:4px;
	text-decoration:none; 
	font-family:"微軟正黑體";	
	}
	
#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{
	color:#027881;	
	text-decoration:none; 
	display:inline-block;		
	}

	
#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{
	color:#027881;	
	text-decoration:none; 
	display:inline-block;		
	}	
	
#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{
	width:100%;
	display:block;
	color:#fff;		
	text-decoration:none; 	
	background-color:#027881; 		
	}	

#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;/*右內距*/
	}  
		
footer{
	width:100%;
	padding-top:0px;
	background-color:#14a8b4; 	
	text-align:right;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;	
	padding-bottom:50px;
	}	
.footer-photo01{ width:100%; margin-top:0px;}	
.footer-photo01 img{ width:100%; }	
#foot1{ 
width:100%;
margin-left:auto; 
margin-right:auto;
		

}
#foot1 .ft-ph01{
	margin-bottom:10px;
	padding-left:40px;
	
	}
#foot1 .ft-ph02{ 
   display:inline;
	margin-top:10px;	
	font-size:1.7em;	 
	line-height:10px;
	color:#fff;
	font-family:"微軟正黑體";	
	text-align:left;
	margin-left:auto; 
	margin-right:auto;	
	padding-left:40px;
	margin-bottom:10px;
	 }
 
.sicon{display:inline;}
.font03{width:90%;
	margin-top:10px;
	margin-bottom:40px;
	
	text-align:left;
	color:#fff; font-weight:bold;
	font-size:2em;  line-height: 25px;		
	font-family:"微軟正黑體";	}



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

#navBar #logo{
	display:block;
	padding-top:30px;	
	margin-left:30px;
	width:30%;
	height:auto;
	
		}
.navbar-collapse{
    padding-top:0px;
	position:absolute;
	top:80px;
	
	}
	
	
#navBar #subMenu{
	text-align:right;
	width:98%; 	
	margin-top:30px;	
	margin-left:auto;
	 margin-right:auto;	
	}
	
	}	
@media screen and (min-width:481px) and (max-width:768px){
	#navBar #logo{
	display:block;
	padding-top:30px;	
	margin-left:30px;
	width:60%; height:auto;
	
		}
#navBar #subMenu{
	text-align:right;
	width:98%; 	
	margin-top:-60px;	
	margin-left:auto;
	 margin-right:auto;	
	}
	
	#foot1 .ft-ph02{ 
  	
	padding-left:50px;
	}}
		
@media screen and (min-width:999px){
#navBar #subMenu .navBg{/*手機版漢堡選單背景色於PC版必須隱藏*/
	background-color:rgba(7,87,128,0.0);
	}
	#navBar #subMenu{
	text-align:right;
	width:98%; 	
	margin-top:-60px;	
	margin-left:auto;
	 margin-right:auto;	
	}

	#foot1 .ft-ph02{ 
  	
	padding-left:50px;
	
	 }

 }	
	@media screen and (min-width:1024px){
	#foot1 .ft-ph01{
	margin-bottom:10px;
	padding-left:100px;
	
	}
#foot1 .ft-ph02{ 
   display:inline;
	margin-top:10px;	
	font-size:1.6em;	 
	line-height:10px;
	color:#fff;
	font-family:"微軟正黑體";	
	text-align:left;
	margin-left:auto; 
	margin-right:auto;	
	padding-left:100px;
	margin-bottom:10px;
	 }

 
	}
@media screen and (min-width:1195px){
	#navBar #subMenu{
	text-align:right;
	width:98%; 	
	margin-top:-55px;	
	margin-left:auto;
	 margin-right:auto;	}
#navBar #subMenu .navBg{/*手機版漢堡選單背景色於PC版必須隱藏*/
	background-color:rgba(7,87,128,0.0);
	}
	#navBar #logo{
	display:block;
	padding-top:30px;	
	margin-left:30px;
	width:100%; height:auto;
	
		}
.footer-photo01{ width:100%; margin-top:0px;}	
.footer-photo01 img{ width:100%; }	
#foot1 .ft-ph01{
	margin-bottom:10px;
	padding-left:100px;
	
	}
#foot1 .ft-ph02{ 
   display:inline;
	margin-top:10px;	
	font-size:1.7em;	 
	line-height:10px;
	color:#fff;
	font-family:"微軟正黑體";	
	text-align:left;
	margin-left:auto; 
	margin-right:auto;	
	padding-left:50px;
	margin-bottom:10px;
	 }
 

	}
 @media screen and (min-width:1280px){
	 #foot1 .ft-ph02{ 
   display:inline;
	margin-top:10px;	
	font-size:1.7em;	 
	line-height:10px;
	color:#fff;
	font-family:"微軟正黑體";	
	text-align:left;
	margin-left:auto; 
	margin-right:auto;	
	padding-left:300px;
	margin-bottom:10px;}
		
} @media screen and (min-width:1920px){
	 #foot1 .ft-ph02{ 
   display:inline;
	margin-top:10px;	
	font-size:1.7em;	 
	line-height:10px;
	color:#fff;
	font-family:"微軟正黑體";	
	text-align:left;
	margin-left:auto; 
	margin-right:auto;	
	padding-left:500px;
	margin-bottom:10px;}
		
}