body{ background:#333333; color:#fff; font-family:'微軟正黑體'Arial}
.header_box{ margin-top:25px;}
.header_box .pull-left{ margin-left:10px;}
.header_box .pull-right{ margin-right:10px;}
.w_line{background:#FFF; border-top:1px solid #FFF;}
.b_line{border-bottom:1px solid #333;}
.container { max-width: 1000px; padding:0;}
.container-fluid{ padding:0;}
.navbar-collapse{ padding:0;}

.nav_box{ background:#DBDCDC; display:block; padding:10px 0; border-top:1px solid #333; border-bottom:4px solid #E50012;}


.bg-white{ background:#FFF; color:#000;}
.bg-left{ background: url(../images/bg-left.jpg) repeat-y left top;}
.bg-right{ background: url(../images/bg-right.jpg) repeat-y right top;}

.img-responsive{ width:100%;}
#index .container{ max-width:1000px; padding:0;}

.carousel-control.left{ background:none; left:-143px;}
.carousel-control.right{ background:none; right:-143px;}
.carousel-control{ opacity:0.2}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{
	width:auto; height:auto; margin-top:-30px;
}
.navbar{ margin-bottom:0; min-height:54px;}
.navbar-nav>li>a{ line-height:15px;}
.navbar-default .navbar-nav > li > a {
  color: #333;
  font-size:18px;
  letter-spacing:0.1em;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #E50012;
}
.navbar-default{ background:transparent;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #E50012;
  background-color: transparent;
}
.navbar-header{ display:none;}
.navbar-nav > li{border-right:1px solid #595757; border-left:1px solid #FFF;}
.navbar-nav > li:first-child{ border-left:0px;}
.navbar-nav > li:last-child{ border-right:0px;}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:#333}
.navbar-default .navbar-toggle{ border-color:#333}

.copyright .pull-left p{ margin-bottom:5.5px;}
.copyright .pull-right{ text-align:right;}
.copyright .pull-right a{ margin-left:10px; margin-top:6px; display:inline-block;}
.copyright { position:relative;}
.copyright .pull-right .copy{ margin-top:30px;}
/**/
@media (max-width: 479px){	
	
}
@media (max-width: 767px) {

.navbar-header{ display:block;}
.nav_box{ padding:0}
.navbar{ margin-bottom:0;}
.pull-left{float:none !important;}
.pull-right{float:none !important;}
.header_box .pull-left{ float:none; margin:0; padding:10px; text-align:center;}
.header_box .pull-left img{ width:90%; max-width:350px;}
.header_box .pull-right{ float:none; margin:0;}

.navbar-default{ background:#333;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #000;
}
.copyright{ text-align:center;}
.copyright .pull-right{ text-align:center;}
.copyright .pull-left span{ display:block; margin-top:5.5px;}

.container-fluid{ padding:0 15px;}
.navbar-collapse{ padding:0 15px;}
.navbar-nav > li{border:0;}

.navbar-default .navbar-nav > li > a {
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  background:#222;
}
.copyright .pull-right .copy{ position:static; left:auto; top:auto; margin-left:auto; margin-top:auto;}
}
@media (max-width: 868px) {
.bg-left{ background: none!important;}
.bg-right{ background: none!important;}

.header_box .pull-left img{ width:100%; max-width:230px; /*margin-top:12px;*/}
.header_box .pull-left{ width:auto;}
}

@media (max-width: 1199px){
.carousel-control.left{ background:none; left:0;}
.carousel-control.right{ background:none; right:0;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{ right:14%;}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{ left:14%;}
}

footer{ background:#333; border-top:1px solid #FFF; display:block; font-size:12px; letter-spacing:0.1em;}
footer .container{ padding:15px 25px 5px;}