

/*update*/
.container{ width:100%}
/*setting menu center*/
.navbar .navbar-nav{ display:inline-block; float:none}
.navbar .navbar-collapse{ text-align:center}





.navbar-default{}
.navbar-brand{float: left; padding-top:28px; }
.navbar-default .navbar-nav>li>a{ font-size:1.2em; color:#ffffff; font-weight:bold}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{
	color: #ffffff;
	background-color: #30b5b4;font-weight:bold;	
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#30b5b4;color:#ffffff}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:1.1em;background-color:rgba(28, 118, 119, 0.9);border:1px solid #FFFFFF;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box; opacity:2;}
.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#ffffff;white-space:nowrap; font-size:1em;}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#ffffff;background-color:#186564;line-height:1.42857143;padding:3px 20px;}


/*topmenu */
.Topmenu{ z-index:12; position:absolute; right:10px; top:20px;}
.Topmenu li { display:block; float:right;margin-right:10px;}
.Topmenu li.FB{ margin-right:20px;}
.Topmenu li.Mlink{ margin-right:20px;}
.Topmenu li a{ color:#303030; font-size:1em; text-decoration:none; font-weight:400}
.Topmenu li a:hover{ color:#e50967;}



/*選單hidden*/
.navbar-collapse li.hi{ display:inline;}
/*Phone menu*/
.navbar-default .navbar-collapse{ border:none; background-color:#2d9ea0}
.navbar-default .navbar-toggle{ border:1px #2b9295 solid; background-color:#45bdbf}
.navbar-default .navbar-toggle .icon-bar{ background-color:#ffffff}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color:#389496}




@media only screen and (max-width: 990px) {
	/*header*/
	.navbar-brand{padding-top:10px;}
	

}

@media only screen and (max-width: 840px) {
.navbar-nav.navbar-right:last-child{ margin-top:-8px;}
}

@media only screen and (max-width: 767px) {
	/*setting menu center*/
	.navbar .navbar-nav{ display:block; float:left; width:100%}
	.navbar .navbar-collapse{ text-align:left}
	
	/*menu*/
	.navbar-nav{ margin-top:2px; background-color:rgba(28, 118, 119, 0.9);}
	.navbar-default .navbar-nav>li{ border-bottom:1px #FFF solid; padding:5px 0px; text-align:left}
	.navbar-default .navbar-nav>li>a{ color:#FFF; padding-left:30px; font-size:1.4em;margin-top:5px;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{ font-size:1.2em; padding-left:50px; margin-top:5px;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{ color:#fffe8c}
	/*header*/
	.navbar-brand img{ position:absolute; left:0; min-width:40%; position:absolute; left:-10px; top:15px;}
	.navbar-toggle{ margin-right:10px;} 
	.Topmenu{ display:none}
	.navbar-collapse{ margin-top:0px;}
	.navbar-collapse li.hi{ display:block;}
	
	/*手機選單調整*/
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{ margin-right:0px; margin-left:0px; position:absolute;right:0px; width:100%}
	.navbar-collapse{ padding-right:0px; padding-left:0px;}
	.navbar-nav { margin-right:0px; margin-left:0px;}
	.navbar-default .navbar-collapse{ background:none; z-index:9999; position:absolute; width:100%;top:58px;}
	
	
	}
@media only screen and (max-width: 480px) {	
.navbar-brand img{ min-width:50%; left:-10px; top:15px;}
.navbar-toggle{ margin-right:10px;}

	
}



@media only screen and (max-width: 320px) {
	.navbar-brand img{ width: 70%;top:20px;}
	
		}
		
	