#header {
    padding-top: 85px;
}

.sidebar {
    position: fixed;
    top:50%;
    right:0px;
    cursor:pointer;
}

.navbar-nav {
  font-size: 25px;
}
.heading {
  font-size: 30px;
  color: white;
}
.navbar-brand {
  font-size: 30px;
}
#logo{
  float: left;
  padding: 15px 15px;
  font-size: 30px;
  line-height: 20px;
  height: 50px;
}
#col-md-1{
  position: relative;
  min-height: 5px;
  padding-left: 15px;
  padding-right: 15px;
}
#menu a, #menu a:visited {
  
  text-align:center;
  background-color:#dd9933;
  color:#fff;
  display: inherit-block;
  
  }
#menu a:hover {
  border-right:20px solid #dd9933;
  
  }
  
  
#menu a:hover span::after {
  position: relative;
  content: '>';
  left: 20%;
  font-size:15px;
  color: white;
}
.login_list
{
    width:20%; 
    background-color: #F6F6F6; 
    text-align:center;
    float:left;
}
.loginlist_img
{
          border-radius: 50%;
          border:5px solid #FFFFFF;
          width: auto;
          height : auto;
          max-height: 100%;
          max-width: 60%;
}
.login_button
{
    background:#F6F6F6;
    border-radius: 20px;  
    border: solid 1px #222222;
    padding: 5px 15px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    width: auto;
    height : auto;
         
}
.login_button:hover {
    background-color: #CCCCCC; 
    border: solid 1px #FFFFFF;
    color: #FFFFFF;
}

.login_button:focus
{
      outline:none;
}
.login_tab {position:relative; width:auto; font-size:18px;}
.login_tab dt {
    position:relative; 
    z-index:1; /*Z-index 可以用來設置元素的 Z 方向位置，z-index 數字越大的在越上面，反之則在越下面。*/
    float:left; 
    margin:0 4px;  /*設定各個元素之間的距離*/
    padding:0 12px; 
    border:2px solid  #B8BDBF; 
    background:#fff; 
    color:#000; 
    cursor:pointer;     /*游標*/
}
.login_tab .current {border-bottom:2px solid #B8BDBF; font-weight:bold; background:#969696; color:#fff;}
.login_tab dd {position:absolute; z-index:1; top:1.6em; left:0; width:100%; padding:1em; border:2px solid #B8BDBF; background:#fff;}

.profile-style{
  width:80%;
}


.other_button
{
    background:#F6F6F6;
    border: none;
    padding: 5% 18%;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    width: auto;
    height : auto;
         
}
.other_button:hover {
    background-color: #CCCCCC; 
    border: none;
    color: #FFFFFF;
}

.other_button:focus
{
      outline:none;
}
.backed_marks{
            margin:10px 5px; padding:10px 10px;border:2px solid #CCCECF;
            /*圓角*/
            -webkit-border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            z-index: 5;
            background-color: #CBD2D4 ; 
            position:relative;
}

.appstyleimg{
    max-width:250px;
/* 所有瀏覽器中圖片的大小為 500px */
    overflow:hidden;
    max-height: 300px;
}
.clearfix:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

 

.clearfix {

	display: inline-block;

}

 

html[xmlns] .clearfix {

	display: block;

}

 

* html .clearfix {

	height: 1%;

}
.line_ub
{
    border-style:solid;
    border-color:#D7DADB;
    border-width:2px;
    border-radius:5px;
}
.ub_content
{
    padding-top: 5%;
    padding-left: 8.5%;
    padding-right: 8.5%;
    padding-bottom: 5%;
}
@media (min-width: 768px)
{
.sa_lable
{
    padding:0;
}
}
@media (min-width:992px)
{
.sa_lable
{
    padding:0 5%;
}
}
@media (min-width: 1200px)
{
.sa_lable
{
    padding:0 8%;
}
}

.sidenav a, .sidenav a:hover 
{
    color:#5E5E5E;
}