@charset "utf-8";
/*選單*/
.navbar-custom .container{ background:none; padding:0px 15px 10px 15px; }
.navbar{ position:inherit; background:#FFF;margin-bottom:0;  }
.navbar-custom .navbar-nav > li > a { color:#000; }
.navbar-custom .nav > li > a:hover {  color:#108ccc;}
/*----banner---*/
.banner { position:relative; height:300px; /*margin-top:125px;*/ background-size:cover;}
.banner_title{ position:absolute; left:20%; top:50%;  width:360px;  font-size:60px; color:#FFF;   font-family: 'Oswald', '微軟正黑體', sans-serif;}
.banner_title:after{ display:block; content:''; height:2px; background:#FFF;}

@media (max-width: 768px) {
.banner{ height:250px; /*margin-top:100px;*/ background-position:left top !important;}
.banner_title{ left:50%; margin-left:-150px; margin-top:-46px;}
.navbar-custom .navbar-nav > li > a, .navbar-custom .navbar-nav > li > a:hover{ color:#FFF;}
.navbar-custom .nav li.active > a{ color:#FFF; background: #333;}
}

@media (max-width: 460px) {
.banner{ height:200px;}
.banner_title{ margin-left:-100px; width:200px; font-size:40px; text-align:center;}

}