@charset "utf-8";
/* CSS Document */





    
 
/* 菜單 */

 
        .navbar{
           padding:10px 10px 10px 10px;
		   margin:0 px;
		   border-bottom:none;
		   
		   
   }
        .navbar-default .navbar-nav>li>a{
	       font-size:18px;
		   color:#FFB600;
			    
   }
        .navbar-default .navbar-nav>li>a:hover{
           color:#FFF;
  
   }
        .navbar-default .dropdown-menu>li>a {
		   font-size:14px;
		   line-height: 10 px;
		   
		}
        .bg-green{
	       background-color:rgb(2,82,129);  
		    
   }
        .navbar-brand {
		   float:left ;
		   padding:5px 0px 0px 0px;	
		   margin-bottom:0px;
		   
		   
		   
   }
  
      
	    
    @media (max-width: 994px) {
       .navbar-header {
           float: none;
            }
       .navbar-toggle {
           display: block;
            }
       .navbar-collapse {
           border-top: 1px solid transparent;
           box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
            }
       .navbar-collapse.collapse {
           display: none!important;
            }
       .navbar-collapse.collapse.in {
           display: block!important;
           overflow-y: auto;
            }
       .navbar-fixed-top .navbar-collapse,
       .navbar-static-top .navbar-collapse,
       .navbar-fixed-bottom .navbar-collapse {
           padding-right: 15px;
           padding-left: 15px;
       }
       .navbar-nav {
           float: none!important;
           margin: 7.5px -15px;
            }
       .navbar-nav>li {
           float: none;
            }
        }
	   @media (max-width: 768px){
       .navbar-brand img{
           width:280px;
}
}

  @media (max-width: 640px){
       .navbar-brand img{
           width:150px;
}
}
       @media (max-width: 768px){
       .card2 {
		   background:url(image/%E8%A1%97%E6%99%AF-01.png);
		   background-size: 414px;
		 }
	   }
	 
	   
/* 輪播 */
      .banner {
		padding-bottom :0px;
		padding-right:0px;
		padding-top:0px;
		
	  }
	  .banner1 {
		padding-bottom :0px;
		padding-right:0px;
		padding-top:0px;
		
	  }

/* 背景底圖 */











	  
/* 圖片 */
	  .image {
        margin:70px;
	  }
	  
	  
	  

/* 數位內容 */
	  #card1 {
		background:;
		padding-top: 40px; 	 
		padding-bottom: 40px;
	  }
	  
	  .pic1 {
		margin-top:50px;
		  
	  }
	  
	  .pic2{
		margin-left:100px;  
		  
	  }
	  
	 @media(max-width:768px){
		 .pic1{
         margin-top:0px;

		 }
		 .pic2{
         margin-left:0px;

		 }
	 }

	 @media (min-width:768px)and (max-width:1024px){
		 .pic1{
	     margin-top:0px; 
		 }
		 
		 
		 .pic2{
         margin-left:0px;  
		 }
		
	 }
	  
	 
/* footer */






	  .footer{       
	    background-color:#FFF;
		padding-top:0px;
		padding-bottom:10px;

		

      }
      .footer p{
	    font-family:"微軟正黑體";
	    font-size:16px;
		color:#00558c;
		margin-left:8px;
	  }
	  .icon {
		margin-left:25px; 
		margin-top: 30px; 
	  }
	  
	  .icon2 {
		margin-left:25px;  
	  }
	  

/* 像素底圖 */
	  .card2 {
        background-image:url(../image/%E8%A1%97%E6%99%AF.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
		height: 500px;
	  }
	  

	  

		
   
  


