@charset "utf-8";
/* CSS Document */
/*.main-menu { background-color: #e85a59; padding: 0; }*/
/*.bg-light { background: #a1de6a !important; }*/
.main-menu {
	padding-top: .3em !important; padding-bottom: .4em !important; 
	/*background: #a1de6a !important;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0f984+0,a2dd6a+100 */
	/*background: #ecca84; /* Old browsers */
	/*background: -moz-linear-gradient(top, #ffe1a1 0%, #ecca84 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, #ffe1a1 0%,#ecca84 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, #ffe1a1 0%,#ecca84 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	background: #00BE64; /* Old browsers */
	background: -moz-linear-gradient(top, #00BE64 0%, #00BE64 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00BE64 0%,#00BE64 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00BE64 0%,#00BE64 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe1a1', endColorstr='#ecca84',GradientType=0 ); /* IE6-9 */

}
.main-menu .title { color: #000; font-weight: 700; height: 1.5em; }

/*選單*/
/*.navbar-nav .nav-item .nav-link:link { color: #000; font-size: 1.1em; height: 1.5em; padding-top: .5em; margin-top: 0; } */
.navbar-nav .nav-item .nav-link:link { color: #FFF; font-size: 1.1em; height: 1.5em; padding-top: .5em; margin-top: 0; }
.navbar-nav .nav-item .nav-link:visited { color: #FFF; font-size: 1.1em; border: #fff 1px solid; height: 1.5em; }

.navbar .title {
	font-weight: bold;
	height: 2em;
    /*text-transform: uppercase;*/
    /*border-bottom: #fea60e 1px solid;*/
	border-bottom: #00BE64 2px solid;
}
/*.navbar .title a:link { color: #145d3d; font-weight: bold; }
.navbar .title a:visited { color: #145d3d; font-weight: bold; }*/
.navbar .title a:link { color: #000; font-weight: bold; }
.navbar .title a:visited { color: #000; font-weight: bold; }

.navbar-nav .dropdown-toggle { padding-top: 0 !important; }

/*下拉選單mouse hover顏色*/
.navbar ul li a:hover, .navbar ul li a:focus {
    color: #149059;
    text-decoration: none;
	border: #149059 2px dashed !important;
}

.navbar-nav .nav-link:hover, .navbar-nav .show > a { border: #FAF9E2 2px dashed !important; }

.navbar-btn {
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

.navbar-btn.btn-sm {
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

.navbar-btn.btn-xs {
    margin-top: 2.8em;
    margin-bottom: 2.8em
}

.navbar-text {
    margin-top: 2em;
    margin-bottom: 2em
}

.dropdown-menu>li>a {
    padding: .2em 1.5em;
}

/*下拉寬版選單*/
@media (min-width: 768px) {
	.main-menu { padding: .5em 0; }
	.navbar-nav .nav-item { position: static; }
	.navbar-nav .dropdown-menu {
		left:0; right: 0;
	}
	/*下拉第三層選單自動換行*/
	.navbar-nav .nav-item .dropdown-menu div a { padding: .1em .3em !important; white-space: normal; }
	
	.navbar-header { display: none; }
    .navbar-text {
        float:left;
        margin-left: 1.2em;
        margin-right: 1.2em
    }

    .navbar-text.navbar-right:last-child {
        margin-right: 0
    }
}

@media (min-width: 1170px) {
	.navbar-nav .nav-item .dropdown-menu { background-color:#fffee6; width: 1170px !important; margin: 0 auto; box-shadow: 0 5px 5px #bbb; }

}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header {
        padding:.2em 1.2em .2em 1.5em
    }
	.navbar-nav li.nav-item { padding-top: .5em !important; font-size: 1.2em !important;  }
	.navbar-nav .dropdown-menu .title { font-size: 1.2em !important; margin-bottom: .5em !important;  }
	/*
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 1.5em
    }
	*/
    .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none
    }
}