body {
	font-family: ‘Noto Sans TC’, sans-serif;
	}
	
	#nav{
		padding-top:5%;
	}
	
	 ol,
        ul {
            list-style: none;
			
			
        }
        ul.nav>li {
            position: relative;
        }
        ul.nav>li a:hover {
            text-decoration: none;
          
        }
       
        ul.nav>li>ul>li a{
            display: block;
            padding-top: 10px;
            padding-bottom: 10px;
            text-decoration:none;
        }
       
        ul.nav>li ul>li:last-child{border-bottom:0;}
        ul.nav>li>ul li>ul.sub-menu {border-top: solid 1px #fff;}/*子選單隔線顏色*/
        ul.nav>li>ul.sub-menu li>ul.sub-menu{display:none;}
        ul.nav>li ul {padding-left:20px;}/*階層式向後退的像素*/
        ul.nav>li ul>li>a:before{
            font-family: 'FontAwesome';
            content: '\f105';
            padding-right:7px;
            padding-left:7px;
            font-size:10px;
        }
		
		.content {
		 margin-top:-2.5%;
		 padding:0;
		}
		
		.content img {
		 width:100%;
		 }
		 
		 .navbar {
             border:none;
			}
		 
		
	/*桌機*/
        @media(min-width:768px) {
		
		 .fix-bottom {
			display:none;
			}
			
			
		
		/*導覽列頭*/
		
		.logo-m{
			display:none;
		}
		
		
		
		 ul>li>.navbar-brand img{
			margin-top:-30%;
		}
		
		.fix-bottom {
			display:none;
			}
			
			  ul>li>a>b.arrow:after {
                font-family: 'FontAwesome';
                content: '\f078';
                font-size: 12px;
                position: absolute;
                right: 0;
            }
            ul>li>ul>li>a>b.arrow:after {
                font-family: 'FontAwesome';
                content: '\f078';
                font-size: 15px;
                position: absolute;
                top:0;
                right: 0;
                padding:10px 15px;
            }
            ul>li>ul>li>a>b.on:after {
                font-family: 'FontAwesome';
                content: '\f00d';
            }
            ul.nav>li:hover>a+ul {
                visibility: visible;
                opacity: 1;
            }
            ul.nav>li>ul.sub-menu {
                position: absolute;
                top: 50px;
                left: 0;
                z-index: 9999;
                background: #6A8B6D;
                width: 20vw;
                text-align: left;
                border-left: solid 1px #6A8B6D;
                border-bottom: solid 1px #6A8B6D;
                border-right: solid 1px #6A8B6D;
                box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.3);
                opacity: 0;
                visibility: hidden;
                -webkit-transition: all .5s;
                transition: all .5s;
            }
			
			 ul.nav>li a:hover {
            background: #5D7A60; /*滑入選單底色*/
        }
		
		  ul.nav>li>ul>li a{
            color: #EEDBCC;/*選單連結顏色*/
		  }
		  
		  .navbar {
 			 background-color:#C6E992;

			}
		  .navbar .navbar-brand {
 			 color: #000000;
			}

			.navbar .navbar-text {
			  color: #000000;
			}
			
			.navbar .navbar-text a:hover,
			
			.navbar .navbar-nav .nav-link {
			  color: #000000;
			  border-radius: .25rem;
			  margin: 0 0.25em;
			}
			
			
			.navbar .navbar-toggle .navbar-toggler-icon {
			  color: #000000;
			}
			.navbar .navbar-collapse,
			.navbar .navbar-form {
			  border-color: #000000;
			}
			.navbar .navbar-link {
			  color: #000000;
			}
			
			/*導覽列尾*/
		
		
		
		
		
		.card {
		margin-top:2%;
		font-family: "Noto Sans CJK TC Medium";
		 padding:0;
		}
		
		.card img {
		 width:100%;
		 position:absolute;
		 z-index:0;
		 }
		 
		 #cardtxt {
			 position:relative;
			 z-index:999;
			 padding:30% 11% ;
		 }
		 
		 #cardtxt p{
			 font-size:24px;
		 }
		 
		 #cardtxt h2{
			 font-size:48px;
		 }
		 
		
		 
		
		.footer {
		text-align:center;
		margin-top:30%;
		}
	
		.footer img {
		 max-width:10%;
		 height:auto;
		 margin:5%;
		 }
		
	}




 /*手機*/
        @media(max-width:768px) {
		 
		  ul>li>.navbar-brand{
			display:none;
		}
		
		.logo-m img{
			margin-top:-7%;
		}
		
	
		.fixmenu {
			display:none;
			}
			
			
			/*導覽列頭*/
			
			
		b.arrow:after {
                font-family: 'FontAwesome';
                content: '\f078';
                position: absolute;
                top: 3px;
                right: 0;
                padding: 10px 20px 10px 40px;
            }
            a.dropdown+ul {
                display: none;
            }
            b.on:after {
                font-family: 'FontAwesome';
                content: '\f00d';
            }
            ul.nav>li>a {
				margin-left:0;
				border-bottom: solid 2px #fff;}/*選單隔線顏色*/
            ul.nav>li:last-child>a {border-bottom: 0;}          
            ul.nav>li>ul.sub-menu {
                border-bottom: solid 2px #fff;/*子選單隔線顏色*/
            }
			
			 ul.nav>li a:hover {
            background: #ccc; /*滑入選單底色*/
        }
			
			 ul.nav>li>ul>li a{
            color: #000;/*選單連結顏色*/
		  }
		
		
		.navbar-header button {
		border:none;
		
		}
		
		/*導覽列尾*/
		
		
		.content {
		text-align:center;
		margin-top:-5%;
		
		}
		
		.content img {
		 max-width:100%;
		 height:auto;
		 }
		
		.card {
		margin-top:2%;
		font-family: "Noto Sans CJK TC Medium";
		 padding:0;
		}
		
		.card img {
		 width:100%;
		 position:absolute;
		 z-index:0;
		 }
		 
		 #cardtxt {
			 position:relative;
			 z-index:999;
			 padding:30% 10% ;
			 width:90%;
		 }
		 
		.footer {
		text-align:center;
		margin:1%;
		margin-top:30%;
		}
	
		.footer img {
		 max-width:20%;
		 height:auto;
		 margin:5%;
		 }
		 
		 .fix-bottom {
		  position: fixed;
		  bottom: -40px;
		  right:10px;
		  }
		  
		  .fix-bottom img{
		  max-width:100%;
		 height:auto;
		  }
		 
		
}