﻿/*上方選單*/
.topbar { 
    position: relative;
    top: 0;
    text-align: right;
}
.topbar ul.toplist {
	padding:0; 
	margin:0;
	margin-top:5px;
}
.topbar ul.toplist > li {
	display: inline;
	list-style: none;
	position: relative;
	border-right:1px solid #717071;
}
.topbar ul.toplist > li:last-child{
	border-right:0px;
}
.topbar ul.toplist > li > a{
	/*color:#717071;*/
    color:#6c6c6c;
	font-size:80%;
	padding:0px 3px;
	line-height:16px;
}

/*全站搜尋*/
.search {
	position: absolute;
    top: 35px;
    right: 0px;
	border:1px solid #9e9e9f;
	background:url(../images/icon_04.png) left #f7f7f7 no-repeat;
	background-position:15px 8px;
	border-radius:3px;
	padding:5px 10px 5px 42px;
	font-size:90%;
}
.search_input{
	border:1px solid #c6c6c6;
	background-color:#fff;
	padding:5px;
	height:25px;
}

.search_input:focus{
	border:1px solid #c6c6c6;
	background-color:#fff;
	padding:5px;
	height:25px;
}

.search_btn{
	border:1px solid #c6c6c6;
	background-color:#dcdcdc;
	color:#3e3a39;
	border:0;
}

.search_btn:focus{	
	background-color:#dcdcdc;
	color:#3e3a39;	
}

@media (max-width: 767px) {
.search {
	display:none;
}
}

/*主選單*/
.navbar-default {
    background-color: #fff;
    border-color: #fff;
}
.navbar {
    position: relative;
    min-height: 80px;
    margin-bottom: 0px;
    border: 0px;
	border-radius: 0px;
}
.navbar-header {
	background-color:#fff;
	width: 100%;
	float:none;
	clear:both;
}
.navbar-brand {
    height: 80px;
    padding:10px;
}
.navbar-collapse {
	width:100%;
	/*background-color:#008e98;*/
    background-color:#007981;
	padding-right: 0px;
    padding-left: 0px;
	border-top:0px;
	margin-top: 20px;
}
.navbar-nav {
    float: none;
	width:100%;
	max-width: 1024px;
    margin: auto
}
.navbar-nav>li{
	width:12.5%;
	border-right:1px solid #fff;
	text-align:center;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;

}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover{
	color:#fff;
	background-color:#92bebd;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    /*color: #fff;*/
    color: #000;
    background-color: #92bebd;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
	color:#595757;
	background-color:#92bebd;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{
	color:#595757;
	background-color:#92bebd;
}

/*滑到第3層，第2層選單的顏色*/
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{
	background-color:#92bebd;
}

/*2.3層選單*/
.dropdown-menu {
    padding: 0;
    margin:0;
	font-size:100%;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
    box-shadow: 0 0px 0px rgba(0,0,0,0);
}
.dropdown-menu>li>a {
	width:100%;
    padding:8px 15px;
    line-height: 21px;
    color: #595757;
	border:1px solid #000;
}

.dropdown-menu>li>a:focus{
border: #4987EC solid 2px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover{
	color:#595757;
	text-decoration:none;
	background-color:#92bebd;
}

/*箭頭*/
.caret{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-left: 4px dashed;
    border-left: 4px solid\9;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

/*第3層*/
.dropdown-submenu{position:relative;}
.dropdown-submenu .dropdown-menu{top:0;left:100%;margin-top:-1px;}

@media (max-width: 767px) {
.navbar {
    min-height: 112px;
}
.navbar-header {
	width:100%;
    text-align:left;
}
.navbar-brand {
    padding:0px;
	margin-top:30px;
	height:112px;
}
.navbar_btn{
	position:absolute;
	display:block;
	width:100%;
	background: #008e98;
	margin-top:95px;
}
.navbar-nav {
    margin: 0;
}
.navbar-nav>li{
	width:100%;
	border-right:0px;
	text-align:left;
}
/*第2層*/
.navbar-nav .open .dropdown-menu>li>a {
    padding: 10px 15px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color:#595757;
	background-color:#fff;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, 
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #595757;
    background-color: #dcdcdc;
}
/*第3層*/
.navbar-nav .open .dropdown-menu>li .dropdown-menu>li>a {
    padding: 8px 30px;
	color: #595757;
    background-color: #d1f7f8;
}
.navbar-default .navbar-nav .open .dropdown-menu>li .dropdown-menu>li>a:focus, 
.navbar-default .navbar-nav .open .dropdown-menu>li .dropdown-menu>li>a:hover {
    color: #595757;
    background-color: #abe7ff;
}

/*手機版按鈕*/
.navbar-toggle {
    position: relative;
    float: right;
    padding: 12px 10px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    background-color: transparent;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 0px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 5px;
    border-radius: 0px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #717071;
}

.navbar-default .navbar-toggle:hover{
	background-color:transparent;
}
}
.maxwith1024{
	max-width:1024px;
	margin:auto;
}
.maxwith1000{
	max-width:1000px;
	margin:auto;
}