/* Global *//* v1.1 */

@import url(http://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps:700);

#site-logo{
	margin-left:5px;
	margin-top:12px;
}
#header{
	background: #e4e4e4;
    position: fixed;
    top: 0
}
#header.active{
        top: 40px;
}
/*google translate 隱藏*/
.goog-te-banner-frame.skiptranslate {
    display: none !important;
    } 

@media screen and (max-width:768px){
body {
    top: 90px !important; 
    }
}

/*
.navbar {
	border: none;
}

.dropdown-menu {
	border: none;
	box-shadow: none;
}
*/
nva{
	opacity:0.3;
	z-index:3;

}
.dropdown-submenu{
	position: relative;
}

.dropdown-submenu .dropdown-menu {
	display: none;
	position: absolute;
	margin-left: 1px;
	top: -7px;
	left: 100%;
}

.dropdown-submenu .caret {
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	-webkit-transform: rotate(270deg);
	-moz-transform:		 rotate(270deg);
	-ms-transform:		 rotate(270deg);
	transform: 				 rotate(270deg);
}

.dropdown-submenu:hover .dropdown-menu {
	display: block;
}

/*
.navbar-form,
.input-group-addon,
.form-control {
	border: none;
	box-shadow: none;
}

.input-group {
	margin-bottom: 4px;
}
*/

/*
.btn {
	transition: border-color .5s, background .5s;
}

.btn,
.btn:hover {
	border-color: transparent;
}
*/

.center {
	text-align: center;
}

/* Default navigation bar */
.navbar-default,
.navbar-default .dropdown-menu {

	background-size: 100% 100%;
}

.navbar-default .navbar-right .dropdown-menu{
	/*background: #E4E4E8;*/
	background: #ffffff;
}

.navbar-default .navbar-brand {
	font-family: 'Oleo Script Swash Caps', cursive;
	color: #FFFFFF;
	transition: color .5s;
}

.navbar-default .navbar-brand:hover {
	color: #E0E0E0;
}
.navbar-default .navbar-nav>li>a{
	font-size:15px;
	line-height:70px;
	padding-top:0 !important;
	padding-bottom:0 !important;
	
}
@media screen and (max-width:1000px){
    .navbar-default .navbar-nav>li>a{
        line-height:45px;
    }
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav .dropdown-menu>li>a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color:black;
	transition: background .25s, color .5s;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	color: #4970B7;
}

/*
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.open>a {
	color: #FFFFFF;
	background-color: rgba(000, 000, 000, 0.5);
	transition: background .5s;
	height:74px;
	overflow:hidden;
}

.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
	color: #FFFFFF;
	background: #000;
}

.navbar-default .dropdown-header,
.navbar-default .navbar-nav .dropdown-menu>.disabled>a,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-default .navbar-nav .dropdown-menu>.disabled>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
	color: #E0E0E0;
}
*/

/*.manu-wrapper{
	margin-top:15px;
}*/
/*
.navbar-default .divider {
	background-color: #E0E0E0;
}

.navbar-default .btn {
	border-color: #00CFAF;
	background: #00CFAF;
	color: #FFFFFF;
}

.navbar-default .btn:hover {
	border-color: #00D9C0;
	background: #00D9C0;
	color: #FFFFFF;
}

.navbar-default .btn:focus {
	box-shadow: none;
	outline: none;
	border-color: #00B599;
	background: #00B599;
	color: #FFFFFF;
}
*/

.navbar-default .navbar-nav>.dropdown a .caret,
.navbar-default .navbar-nav>.open>a .caret {
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	transition: border-color .5s;
}

.navbar-default .navbar-nav>.dropdown>a:hover .caret,
.navbar-default .navbar-nav>.dropdown>a:focus .caret {
	border-top-color: #E0E0E0;
	border-bottom-color: #E0E0E0;
}

.navbar-default .navbar-nav>.open>a:hover .caret,
.navbar-default .navbar-nav>.open>a:focus .caret {
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

.navbar-default .badge{
	border-radius: 4px;
	background: #000;
}

/*
.navbar-default .input-group-addon {
	background: #FFFFFF;
	color: #00CFAF;
}
*/

.navbar-default .form-control:focus {
	border: 1px solid #00CFAF;
	box-shadow: none;
}
.navbar-toggle{
	margin-top:20px;
}

.navbar-default .navbar-toggle {
	outline: none;

	border-color: #67513a;
}


.navbar-default .navbar-toggle:hover,
 
.navbar-default .navbar-toggle:focus{

	background-color: #3a3d67;

}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #FFFFFF;
}

.navbar-default .navbar-collapse {
	border-color: #f3b573;
}

/* Inverse navigation bar */
.navbar-inverse,
.navbar-inverse .dropdown-menu {
	background: #34495E;
}

.navbar-inverse .navbar-right .dropdown-menu{
	/*background: #E4E4E8;*/
	background: #ffffff;
}

.navbar-inverse .navbar-brand {
	font-family: 'Oleo Script Swash Caps', cursive;
	color: #FFFFFF;
	transition: color .5s;
}

.navbar-inverse .navbar-brand:hover {
	color: #00CFAF;
}

.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-nav .dropdown-menu>li>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	color: #FFFFFF;
	transition: background .25s, color .5s;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
	color: #00CFAF;
}

.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.open>a {
	color: #FFFFFF;
	background: #00CFAF;
	transition: background .5s;
}

.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav .dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav .dropdown-menu>li>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
	color: #FFFFFF;
	background: #00CFAF;
}

.navbar-inverse .dropdown-header,
.navbar-inverse .navbar-nav .dropdown-menu>.disabled>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-inverse .navbar-nav .dropdown-menu>.disabled>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
	color: #6F7982;
}

.navbar-inverse .divider {
	background-color: #6F7982;
}

.navbar-inverse .btn {
	border-color: #00CFAF;
	background: #00CFAF;
	color: #FFFFFF;
}

.navbar-inverse .btn:hover {
	border-color: #00D9C0;
	background: #00D9C0;
	color: #FFFFFF;
}

.navbar-inverse .btn:focus {
	box-shadow: none;
	outline: none;
	border-color: #00B599;
	background: #00B599;
	color: #FFFFFF;
}

.navbar-inverse .navbar-nav>.dropdown a .caret,
.navbar-inverse .navbar-nav>.open>a .caret {
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	transition: border-color .5s;
}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret,
.navbar-inverse .navbar-nav>.dropdown>a:focus .caret {
	border-top-color: #00CFAF;
	border-bottom-color: #00CFAF;
}

.navbar-inverse .navbar-nav>.open>a:hover .caret,
.navbar-inverse .navbar-nav>.open>a:focus .caret {
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

.navbar-inverse .badge{
	border-radius: 4px;
	background: #00CFAF;
}

/*
.navbar-inverse .input-group-addon {
	background: #FFFFFF;
	color: #00CFAF;
}
*/

.navbar-inverse .form-control:focus {
	border: 1px solid #00CFAF;
	box-shadow: none;
}

.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-toggle:hover, 
.navbar-inverse .navbar-toggle:focus {
	outline: none;
	background-color: #00CFAF;
	border-color: #00CFAF;
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #FFFFFF;
}

.navbar-inverse .navbar-collapse {
	border-color: #00CFAF;
}

@media (max-width: 767px){
	.dropdown-submenu .dropdown-menu, 
	.dropdown-submenu:hover .dropdown-menu {
		display: block;
		position: static;
		padding: 5px 25px;
	}

	.navbar-form {
		margin: auto;
	}
}