@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:#121653;
	position: fixed;
	top: 0px;
	border-bottom: #121653 10px solid;
	}

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


.container-fluid{ padding:0;}

.navbar-toggle{
	background-color:rgba(253,207,0,1);
	top:-50px;width:42px;
	}
#navBar #subMenu #btn1,
#navBar #subMenu #btn2,
#navBar #subMenu #btn3,
#navBar #subMenu #btn4,
#navBar #subMenu #btn5,
#navBar #subMenu #btn6{
	color:#ffffff; 
	font-size:1.3em;
	padding-left:0px; 
	padding-right:0px;	
	margin-left:0px;
	margin-right:0px;
	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:#ffffff;	
	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:#08173a; 		
	text-decoration:none; 	
	background-color:rgba(253,207,0,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:#ffffff;
	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:#ffffff;
	text-decoration:none; 
	display:inline-block;		
	}

#wrapper{
	width:100%;	
	height:auto;
	font-family:"微軟正黑體";
	margin-left:auto;
	margin-right:auto;
	margin-top:85px;
	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;/*右內距*/
	}  
#info{ 
width:100%;
 height:auto;
 background-color:#121653;
  padding-top:10px; padding-bottom:10px; margin-top:50px;
  margin-left:auto;
  margin-right:auto;text-align:center;}
	
#info .area{
 margin-left:auto;
  margin-right:auto;
 
 
	}	
 #info h1{ 
 width:90%;
   margin-left:auto;
  margin-right:auto; font-weight:bold;	
 
 color:#fff; 
	font-size:1.5em; 
	text-align:center;
	line-height:28px;	
	text-decoration:none; margin-bottom:20px;
	font-family:"微軟正黑體";	}
		#info h2{ 
 width:90%;
   margin-left:auto;
  margin-right:auto; 
 color:#fff; text-align:left;  
	font-size:1.5em; 
	
	line-height:26px;	
	text-decoration:none; margin-bottom:30px;
	font-family:"微軟正黑體";	}
	
 #info .list{		
	top:-5px;
	display:block;	
	}

 #info .list01{
	color:#fff;  
	font-size:1.6em;	 
	font-family:"微軟正黑體";
	
	display:block; text-align:left;		
	
	}
	 
	 
#info ul li{	
	padding:0;	
	list-style-type:none;
		} 
		
footer{
	padding-top:20px;
	background-color:#ead608; 
	height:auto;	
	text-align:center;
	padding-bottom:30px;
	font-size:1.3em; font-weight:bold;	 
	line-height:20px;
	color:#121653;
	font-family:"微軟正黑體";
	}	


	
	 	
	 
@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;	
	}
	
	#navBar #subMenu #btn1,
#navBar #subMenu #btn2,
#navBar #subMenu #btn3,
#navBar #subMenu #btn4,
#navBar #subMenu #btn5,
#navBar #subMenu #btn6{
	color:#ffffff; 
	font-size:1.5em;
	padding-left:0px; 
	padding-right:0px;	
	margin-left:5px;
	margin-right:5px;
	text-decoration:none; 
	font-family:"微軟正黑體";	
	}
		}	
	
@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; width:60%;
	padding-top:20px;	
	margin-left:30px;
	width:100%; height:auto;
	
		}
#navBar #subMenu #btn1,
#navBar #subMenu #btn2,
#navBar #subMenu #btn3,
#navBar #subMenu #btn4,
#navBar #subMenu #btn5,
#navBar #subMenu #btn6{
	color:#ffffff; 
	font-size:1.5em;
	padding-left:0px; 
	padding-right:0px;	
	margin-left:5px;
	margin-right:5px;
	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:#ffffff;	
	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:#08173a; 		
	text-decoration:none; 	
	background-color:rgba(253,207,0,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:#ffffff;
	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:#ffffff;
	text-decoration:none; 
	display:inline-block;		
	}
#info{ 
width:100%;
 height:auto;
 background-color:#121653;
  padding-top:30px; padding-bottom:30px;
  margin-left:auto;
  margin-right:auto;text-align:center;}
	
#info .area{
margin-left:auto;
margin-right:auto; 
padding-left:180px;

 width:90%;
	}	
#info h1{ 
 width:90%;
   margin-left:auto;
  margin-right:auto;	
 
 color:#fff; 
	font-size:1.8em; 
	text-align:center;
	line-height:24px;	
	text-decoration:none;
	 margin-bottom:0px;
	font-family:"微軟正黑體";	}
	#info h2{ 
 width:90%;
   margin-left:auto;
  margin-right:auto; 
 color:#fff; 
	font-size:1.5em; 
	text-align:center;
	line-height:28px;	
	text-decoration:none; margin-bottom:30px;
	font-family:"微軟正黑體";	}
 #info .list{		
	top:-5px;
	display:block;	
	}

 #info .list01{
	color:#fff; line-height:35px;	
	font-size:1.6em;	 
	font-family:"微軟正黑體";	
	display:block; text-align:left;		
	
	}
	 
#info ul li{	
	
	padding:0;	
		} 

	}