/*!
 * Start Bootstrap - Blog Home HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
            
html,body {
  height: 100%;
  margin: 0;
  padding: 0;                    
  font-size: 100%;          
  font-family: "Microsoft YaHei","微軟雅黑体","微軟雅黑體","Microsoft JhengHei","微軟正黑體",Arial,Helvetica,sans-serif;
  letter-spacing:.05em;   /* 字間距 */
  line-height: 1.7em;     /* 行高   */
}

a {
    color: #333;
}

#header {
  padding: 10px;
  height: 80px;
}
      
/* 輸入元件 */       
.form-control,.btn {
    font-size:.95em;
}

/* 外框 */       
#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;           
}       


/* 左側選單 */ 
.leftbar {
  float: left;
}

/* 首頁左側版面 */ 
.home-left-layout{
  line-height: 0.3em;     /* 行高   */
  text-align:center;
}
           
#footer {
  position: relative;
  margin-top: -40px;
  height: 40px;
  clear:both;
  background-color: #363b3f;  
  text-align: center;
  color:#FFF;   
}

/* 要將foot放在最底層，必須定義空的 div   
#page {
  margin-top: 15px;
  margin-left: 5%; 
  padding-bottom: 40px;
  
}                                       */
                 

/*搜尋框*/     
#searchtext {
    font-family: Arial,sans-serif;
    font-size: 100%;
    height: 30px;
    line-height: 28px;
    width:20%;
    vertical-align: middle;
    position:absolute;
    right:110px;
    top:2px;
}

/*放大鏡圖片*/
#search-submit{
    position:absolute;
    right:80px;
    top:0px;
    padding: 2px 0px;
}

/* Mobile 放大鏡*/
.msearch-icon{
    position:absolute;
    right:10px;
    top:5px;
    height:60px;
    width:50px;
    font-size: 1.5em;  
    //background-color: lightblue;   
}

.phone{
    position:absolute; 
    right:255px;
    color:#2B6BCD;
    top:2px;
    font-family;arial,sans-serif; 
    font-size:100%; 
}      

#logo{
    position:absolute;
    left:20px;
    float:left;
    top:12px;
}  
/* 行動裝置 logo 置中  以ipad min2 的直立模式為切換行動選單*/
@media only screen and (max-width:768px) {     
  #logo{
      left:6em;
      max-width:130px;
      top:10px;
  }
  
  #msearchtext {
     float:left;
     width:75%;
     margin-left:8%;
  }
  
  /*放大鏡圖片*/
  #msearch-submit {                  
     float:left;
     height:28px;
  }           

  /*行動裝置 寬度設為  100% */
  .width100 {                  
     width:100%;
  }           
}



/* 頁面導覽路徑 */
.breadcrumb {
    background-color: #fff;
    height:0em;  
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:.8em; 
}

.breadcrumb > li + li:before {
    color: DimGray ;
    content: ">";
    padding: 0 5px;
}



/* Imagebar 內的抬頭  */ 
.imagebar {
    background-color: #01557F;
    background-size: 100% 100%;  
    background-repeat:no-repeat; 
    height: 5em;  
    color:#0092ce;
}

.titlebar {
    font-size: 2em;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    color:#FFF;  //#0092ce;
    padding-top:0.7em;    
    padding-left:0.5em;    
}


/* 新聞  */ 
.title1 {
    font-size: 2em;
    font-weight: 500;
    line-height: 1;
    color:#0092ce;
}

/*最新消息*/
.title2{
    font-size: 1.5em;
    font-weight: 800;
    text-transform: capitalize;   
    line-height: 0;
    color:#333333;
}    
 /*header底色*/
 .menu-container {
    width: 100%;
    margin: 0 auto;
    background: -moz-linear-gradient(top,#fff 0,#fefefe 5%,#f2f2f2 60%,#e1e1e1 100%);/*漸層背景*/ 
    background:-webkit-linear-gradient(top,#fff 0,#fefefe 5%,#f2f2f2 60%,#e1e1e1 100%);/*goolge漸層背景*/
    background:-ms-linear-gradient(top,#fff 0,#fefefe 5%,#f2f2f2 60%,#e1e1e1 100%);/*goolge漸層背景*/        

 } 
 
/* ----------------------- 行動裝置 --------------------------------------- */
    
/* 隱藏元件請在 class="mobilehide" */
@media only screen and (max-width:990px) {     
   .mobilehide {
      display:none;  
   }
         
}

/* 在行動裝置才顯示的元素 */
@media only screen and (min-width:990px) {     
   #msearch-icon {
      display:none;  
   }
      
}