/* 一般設定
    =Header      頭部設定
-------------------------------------------------------------- */
/* 一般設定  Header      頭部設定   */
ul, li {list-style: none;
}
header {
  /*background: url(images/backgrounds/wild_oliva_light_head.png);
  border-bottom: solid 1px #cccccc; */  /*頭部底下線條*/
}
header .container {
  position: relative;
}
.logo_title h1 {  /*這個加上去*/
  margin:5px 0 5px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
  font-size:24px;
}
/*頭部logo處 目前沒反應*/
.navbar .navbar-header {/*本身就有置左float:none;margin:0px auto !important;*/
   
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  padding: 0px;
    }

/*頭部logo跟主標次標的設定*/
.navbar .navbar-header a.navbar-brand {
  margin: 10px 0;
  padding: 0px;
  /*overflow: hidden;*/
  width: 100%;    /*logo區域寬度*/
}
/*logo圖片大小*/
.navbar .navbar-header a.navbar-brand img {   
  float: left;
  margin: 0 6px 0 0;
  width:210px;
  
  
}
.navbar .navbar-header a.navbar-brand span.logo_title {  /*logo圖片旁邊文字*/
  font-size: 32px;
  font-weight: 700;
  color:#FFFFFF;
  display: block;
  padding: 10px 0 0px 10px;
  line-height: 36px;
  /*text-shadow: 2px 5px 1px rgba(0, 0, 0, 0.5);*/
}
.navbar .navbar-header a.navbar-brand span.logo_subtitle {   /*logo圖片旁邊文字2*/
  font-size: 14px;
  font-weight: 700;
  color:#FFFFFF;
  display: block;
  /*text-shadow: 2px 5px 1px rgba(0, 0, 0, 0.5);*/
}
@media only screen and (max-width: 479px) {
   
    .navbar .navbar-inner a.brand img {
        width: 180px;
    }
    /*手機版logo寬度大小*/
    /*有問題  title要改成title1 才會有作用*/
    .navbar .navbar-header a.navbar-brand span.logo_title {
        font-size: 22px;
        font-weight: 300;
        color: #FFFFFF;
        display: block;
        padding: 10px 0 0px 0;
        line-height: 26px;
        /*text-shadow: 2px 5px 1px rgba(0, 0, 0, 0.5);*/
    }

    .navbar .navbar-header a.navbar-brand span.logo_subtitle {
        font-size: 16px;
    }

    .navbar .navbar-toggle {
        padding: 10px;
        margin-top: 0px;
        margin-right: 10px;
        margin-bottom: 0px;
        margin-top: -50px;
        position: relative;
        top: -10px;
        clear: both;
    }
}





/* 一般設定  選單區menu    全部設定都在這裡 開始  */
/*下拉那個三角形那邊設定*/
.navbar .nav > li > .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
.navbar .nav > li > .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 10px;
}

.navbar-toggle .icon-bar {
position: relative;
transition: all 500ms ease-in-out;
}
/*第一條旋轉45度*/
.navbar-toggle.active .icon-bar:nth-of-type(1) {
top: 6px;
transform: rotate(45deg);
}
/*第二條向左飛出*/
.navbar-toggle.active .icon-bar:nth-of-type(2) {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
/*第三條反轉45度*/
.navbar-toggle.active .icon-bar:nth-of-type(3) {
top: -6px;
transform: rotate(-45deg);
}


/*這裡很奇怪..使用手機版的設定 現在沒用*/
.in .nav li {width:100%;
  text-align: center;
}
.in .nav li a {
  margin: 0 0 6px 0px;
 /*手機板選單背景 background-color: #E8E8E8 !important;*/
 /* background: url(images/backgrounds/wild_oliva_light.png);*/
}
.in .nav li a:hover,
.in .nav li a:active {
  /*background: url(images/backgrounds/wild_oliva_blue_light.png);*/
  color: #ffffff;
  text-shadow: 0px 0px 0 transparent;
  border-bottom: solid 0px #0088cc;      /*出現menu底線大小*/
}
.in .nav li.active a,
.in .nav li.active a:hover {
  /*background: url(images/backgrounds/wild_oliva_dark.png);*/
  color: #ffffff;
  text-shadow: 0px 0px 0 transparent;
  border-bottom: solid 0px #0088cc;
}

.navbar { /*導覽列 上距  需要在外方使用 .navbar*/
    margin: 5px 0px;
    border:0px solid #fff;
}
.navbar .navbar-nav { /*選單ul*/
margin-right:0px !important;
    }
.navbar .navbar-collapse {/*選單整個DIVbackground:#000;*/
float:right;
    padding:0px !important;}
.navbar .nav {/*上選單相對位置   nav pull-right  可以不用理空格後面的 另外設定的時候需要*/
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
.navbar .nav .pull-right {/*整個選單靠右  目前沒反應*/
  float: right;
  margin-right: 0;
}
.navbar .nav > li {/*選單大類靠左*/
  float: left;
}



.navbar .nav li a:hover,/*選單大類小類文字設定 移過去的效果*/
.navbar .nav li a:active {
  background-color: transparent;transition: all 500ms ease-in-out;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.067);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.067);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.067);
  /*border-bottom: solid 5px #0088cc;*/
  box-shadow:inset 0px -3px 0px 0px #0088cc; 
}
.navbar .nav li.active a,   /*選單大類li設定 目前沒用到 因為沒用active設定*/
.navbar .nav li.active a:hover {
  background-color: transparent;
  -webkit-box-shadow: 0 px 0px rgba(0, 0, 0, 0.067);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067);
  border-bottom: solid 1px #0088cc;    /*預設當前頁底線*/
}
/*這個設定目前沒用*/
.lt-ie9 .navbar .nav li a {
  margin: 0px;
  padding: 10px;
  font-size: 14px;
}
.lt-ie9 .navbar .nav .dropdown-menu > li > a {
  padding: 3px 20px;
}
@media (min-width: 1200px) { /*選單文字的設定 跟上面有一樣  區分螢幕大小而已*/
   .navbar .nav li a {
    margin: 0px;
    padding: 10px;
    font-size: 16px;
  }
}
@media (min-width: 980px) {  /*選單靠上的設定*/
  .navbar-collapse.collapse {
    height: auto;
    overflow: visible !important;

  }
}
@media (min-width: 980px) and (max-width: 1199px) {
    .navbar .nav li a {/*選單文字的設定 跟上面有一樣  區分螢幕大小而已*/
        margin: 0px;
        padding: 6px;
        font-size: 14px;
    }

    .navbar .nav .dropdown-menu > li > a {/*下拉選單文字的邊距設定 區分螢幕大小而已*/
        padding: 3px 20px;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .navbar .nav li a {/*選單文字的設定 跟上面有一樣  區分螢幕大小而已*/
        margin: 0px;
        padding: 5px;
        font-size: 9px !important;
    }
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 479px) {
    .navbar { /*選單的手機大小設定 區分螢幕大小而已*/
        margin-bottom: 0;height:60px !important;
    }

        .navbar .navbar-header a.navbar-brand img {
            width: 180px;
            margin: 5px;
        }

        .navbar .navbar-header a.navbar-brand {
            width: 100%;
            margin-top: 0px;
            height: 60px;
            overflow:visible;
        }

        .navbar .navbar-nav .dropdown-menu li {
            text-align: left;
        }

            .navbar .navbar-nav .dropdown-menu li a { /*手機版小類文字*/
                font-size: 13pt;
                font-weight: 600;
                line-height: 160%;
            }
    /*這裡蠻奇怪的  就是手機版選單的設定*/
    .in .nav li {
        width: 100%;
        text-align: left;
    }

        .in .nav li a {
            margin: 0 0 1px 0px;
        }

            .in .nav li a:hover,
            .in .nav li a:active {
               /*background: url(images/backgrounds/wild_oliva_blue_light.png) !important;
                color: #ffffff;*/ 
                text-shadow: 5px 5px 0 transparent;
                border-bottom: solid 3px #0088cc; /*出現menu底線大小*/
            }

        .in .nav li.active a,
        .in .nav li.active a:hover {
            background: url(images/backgrounds/wild_oliva_dark.png);
            color: #ffffff;
            text-shadow: 5px 5px 0 transparent;
            border-bottom: solid 3px #0088cc;
        }
}
/* 一般設定  選單區menu    全部設定都在這裡  結束 */