@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:100px;
	background-color:rgba(255,255,255,1);
	position:fixed;
	top:0px;
	}

#navBar #logo{
	display:block;
	padding-top:25px;	
	margin-left:50px;
	height:auto;
	
		}
#navBar #subMenu{
	text-align:right;
	width:98%; 	
	margin-top:-20px;	
	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.5);
	top:-50px;width:42px;
	}
#navBar #subMenu #btn1,
#navBar #subMenu #btn2,
#navBar #subMenu #btn3,
#navBar #subMenu #btn4,
#navBar #subMenu #btn5,
#navBar #subMenu #btn6{
	color:#3b3b3b; 
	font-size:1.5em;
	padding-left:0px; 
	padding-right:0px;	
	margin-left:10px;
	margin-right:10px;
	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:#3b3b3b;	
	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:#FFFFFF; 		
	text-decoration:none; 	
	background-color:rgba(45,45,45,1.00); 		
	}	
	
#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:#3b3b3b;
	text-decoration:none; 
	display:inline-block;		
	}	
	
#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{
	
	color:#3b3b3b;
	text-decoration:none; 
	display:inline-block;		
	}


 #wrapper{
	width:100%;	
	height:auto;
	font-family:"微軟正黑體";
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	padding:0;			
 }
  #company-wrapper{
	width:100%;	
	height:auto;
	font-family:"微軟正黑體";
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	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:20px;
	background-color:#fff; 
	height:300px;
	text-align:right;
	margin-left:auto;
	margin-right:auto;	
	padding-bottom:30px;
	}	
#foot1{ 
width:100%;
margin-left:auto; 
margin-right:auto;
		

}
#foot1 .ft-ph01{
	margin-bottom:10px;
	
	}
#foot1 .ft-ph02{ 
   display:inline;
	margin-top:10px;	
	font-size:1em;	 
	line-height:10px;
	color:#121212;
	font-family:"微軟正黑體";	
	text-align:left;
	margin-left:auto; 
	margin-right:auto;	
	padding-left:40px;
	margin-bottom:10px;
	 }
 

#foot1 .ft-ph03{ text-align:center;
	
	padding-left:60px;
	
	}

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

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

#foot1 .ft-ph01{
	padding-top:20px;
	padding-left:120px;
	}
#foot1 .ft-ph02{ 
display:inline;
	margin-top:10px;	
	font-size:1.3em;	 
	line-height:10px;	
	color:#121212;
	font-family:"微軟正黑體";	
	text-align:left;
	margin-left:auto; 
	margin-right:auto;
	padding-left:200px;
	 }
 

#foot1 .ft-ph03{
	padding-left:80px;
	text-align:right;
	
	}
	}