/*Becky 新增*/
body {
  font-family: "微軟正黑體" ,"Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased !important;
  color: #133456;
}
/*Becky 新增*/

a{
  color:#123456;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
  background-image:url(/images/header.png)
}

.navbar .navbar-collapse {
  text-align: left;
}

.navbar-custom {
  background-color: #3868b2;
  border-color: #305999;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5482c9), to(#3868b2));
  background-image: -webkit-linear-gradient(top, #5482c9, 0%, #3868b2, 100%);
  background-image: -moz-linear-gradient(top, #5482c9 0%, #3868b2 100%);
  background-image: linear-gradient(to bottom, #5482c9 0%, #3868b2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5482c9', endColorstr='#ff3868b2', GradientType=0);
}
.navbar-custom .navbar-brand {
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li:last-child > a {
  border-right: 1px solid #305999;
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
  border-left: 1px solid #305999;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #c0c0c0;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #c0c0c0;
  background-color: #305999;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#305999), to(#3c70c0));
  background-image: -webkit-linear-gradient(top, #305999, 0%, #3c70c0, 100%);
  background-image: -moz-linear-gradient(top, #305999 0%, #3c70c0 100%);
  background-image: linear-gradient(to bottom, #305999 0%, #3c70c0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff305999', endColorstr='#ff3c70c0', GradientType=0);
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}

.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #2f5897;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #305999;
  color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 767px) {
  /*Becky 新增*/
  .navbar-custom .navbar-nav {
    width:100%;
  }
  .navbar-custom .navbar-nav > li > a {
    color: #ffffff;
    border-left: none;
  }
  /*Becky 新增*/

  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
    border-left: 0;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #c0c0c0;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c0c0c0;
    background-color: #305999;
    background-image:none;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #c0c0c0;
}

.header_bg{
  margin:0 auto;
  position: relative;
  top: -20px;
}
.index-main-title{
  margin: 10px;
  font-size: 16px;
  color:#305999;

}
.index-main-english-title{
  display: inline-block;
  margin-left: 10px;
  font-style: italic;
  color:#999;
}
.index-main-more{
  margin-right:10px;
  position: relative;
  top:10px;
}
.jumbotron{
  font-size:14px;
  line-height: 1.6;
}
.jumbotron .line{
  height:0px;
  background-color: #999;
  margin-bottom: 10px;
}
.jumbotron img{
  width:100%;
  margin-top: 25px;
  margin-bottom: 25px;
}
.container .jumbotron{
  padding-left: 20px;
  padding-right: 20px;
}
.jumbotron{
  padding-top: 42px;
  padding-bottom: 20px;
}
ul{
  list-style-type: none;
}

footer{
  padding: 15px 0;
  width:95%;
  margin:0 auto;
  text-align: center;
  color: #666;
}

footer table td{
  font-size: 12px;
  text-align: center;
}
footer table{
  width:100%;
  margin:0 auto;
}
footer table .ttitle{
  width:100%;
  margin:0 auto;
  text-align: left;
  padding:5px;
}

footer table ul{
  list-style-type: none;
  width:100%;
  margin:0 auto;
}
footer table ul li{
  position: relative;
  left:-20px;
  text-align: left;
}
footer p { margin-top:20px;}

/*for Google search width*/
.custom_search {
  width:1160px;
  margin:0 auto;
}


@media (min-width: 1200px) {
  footer {
    width: 1170px;
  }

}
@media screen and (max-width: 760px) {
  #introduction {
    visibility: hidden;
    display: none;
  }

  /*for Google search width*/
  .custom_search {
    display:none;
  }

}
@media screen and (max-width: 760px) {
  .dropdown-menu li a{
    color:#ffffff;
  }
}