@charset "utf-8";
.navbar{
	font-family:"微軟正黑體", "新細明體", "Arial Unicode MS";
	font-size:1.1em;
	margin:0;
	padding:0;
}
.navbar.navbar-inverse.navbar-static-top {
	margin:0;
	padding:0;
}
.navbar.navbar-inverse.navbar-static-top .container .navbar-header{
	margin:0;
	padding:8px 0 8px 0;
}
.navbar.navbar-inverse.navbar-static-top .container .navbar-header .navbar-brand {
	margin:0;
	padding:0;
}

.navbar.navbar-inverse.navbar-static-top .container #bs-example-navbar-collapse-1 .nav.navbar-nav.navbar-right{
	margin:0 -15px 0 -15px;
}

.navbar.navbar-inverse.navbar-static-top .container #bs-example-navbar-collapse-1 .nav.navbar-nav.navbar-right li {
	margin:0;
	padding:8px 0 8px 0;
	border-top:1px solid #555;
}
@media (min-width:768px){
	.navbar.navbar-inverse.navbar-static-top .container #bs-example-navbar-collapse-1 .nav.navbar-nav.navbar-right li {
		border-top:none;
	}	
}


.carousel slide{
	margin:0;
	padding:0;
}

.banner_small{display:block;}
@media (min-width:768px){
	.banner_small{display:none;}	
}
.banner_big{display:none;}
@media (min-width:768px){
	.banner_big{display:block;}	
}



.top_con{
	margin:0;
	padding:0;
	background-image:url(../images/bg1.png);
	background-size:cover;
	font-family:"微軟正黑體", "新細明體", "Arial Unicode MS";
}

.top_con .container .row .col-xs-12.col-sm-4,
.top_con .container .row .col-xs-6.col-sm-3{
	text-align:center;
}
.top_con .container .row .col-xs-12.col-sm-4 img {
	margin:10px 0 10px 0;
	max-width:280px;
}


.top_con .container .row .col-xs-6.col-sm-3 img {
	margin:8px 0 8px 0;
	max-width:280px;
}
.top_con .container .row .col-xs-12.col-sm-6 ul{
	margin:4px 0 4px 0;
	padding:0 0 0 20px;
}



.row  p {
	font-family:"微軟正黑體", "新細明體", "Arial Unicode MS";
	margin:8px 0 8px 0;
}
.top_con .container .row .col-xs-12.col-sm-8 h5 {
	font-family:"微軟正黑體", "新細明體", "Arial Unicode MS";
	text-align:center;
}
@media (min-width:768px){
	.top_con .container .row .col-xs-12.col-sm-8 h5 {
		text-align:left;
	}
}


.top_con .container h2{
	font-weight:bold;
	font-family:"Futura Md BT", "Arial Unicode MS";
	text-align:center;
	border-bottom:2px #E60 solid;
	padding-bottom:10px;
	color:#E60;
}


.top_con .container h2 span{
	font-family:"微軟正黑體", "新細明體", "Arial Unicode MS";
	font-size:0.7em;
}



/*.top_con .container .row .col-xs-12.col-sm-8.col-sm-pull-4 h4, 
.top_con .container .row .col-xs-12.col-sm-8.col-sm-pull-4 ol li, 
.top_con .container .row .col-xs-12.col-sm-8 h4, 
.top_con .container .row .col-xs-12.col-sm-8 ul li,
.top_con .container .row .col-xs-12 ol li {
	font-family:"微軟正黑體", "新細明體", "Arial Unicode MS";
}
*/

.thumbnail .caption h4{
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
	font-size:1.1em;
}
.thumbnail .caption h5{
	font-size:0.9em;
	color:#999;
}




.process_media{
	padding:8px;
	background-color:#e82;
	color:#fff;
}

.media{}

.media h4{
	font-size:1.1em;
	font-weight:bold;
}

.media h4 a{
	font-size:1.1em;
	line-height:1.3em;
	color:#555;
}
.media h5 {
	color:#999;
	font-weight:bold;
	margin:0 0 8px 0;
}


.media span{
	text-align:center;
}


.panel.panel-default .panel-heading{
	background-color:#e82;
}

.panel.panel-default .panel-title a h3{
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
	margin:8px 0 8px 0;
}
.panel.panel-default .panel-title a:hover,
.panel.panel-default .panel-title a:focus {
	text-decoration:none;
}

.panel.panel-default .panel-body ol li,
.row ol li,
.row ul li {
	margin:8px 0 8px 0;
}


#info1, #info2{
	text-align:left;
}

.guide{
	text-align:center;	
}
@media (min-width:768px){
	.guide{
		display:none;
	}
}


.news_con{
	padding:24px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:4px;
}
.news_con h4{
	margin:0;
	font-size:1.1em;
	color:#777;
}
.news_con h3{
	margin:16px 0 16px 0;
	color:#e60;
}
.news_con img{
	width:100%; 
	height:auto;
}
.news_con p{
	margin:16px auto 16px auto;
	font-size:1.1em;
}


.example .pagination>li>a,
.example .pagination>li>span {
  border: 1px solid #e60;
  color: #e60;
}
.pagination>li.active>a {
  background: #e60;
  color: #fff;
}

.example .pagination>li>a:hover,
.example .pagination>li>span:hover,
.example .pagination>li>a:focus,
.example .pagination>li>span:focus {
  border: 1px solid #e60;
  color: #e60;
}
.pagination>li.active>a:hover,
.pagination>li.active>a:focus {
  background: #f30;
  color: #fff;
}



.footer{
	font-family:"微軟正黑體", "新細明體", "Arial Unicode MS";
	background-color:#111;
	color:#FFF;
	padding:20px 0 20px 0;
}


.footer p{
	margin:0 0 8px 0;
	padding:0;
	text-align:center;
}

@media (min-width:768px){
	.footer p{
		text-align:left;
	}
}

.footer img{
	max-width:120px;
	margin-bottom:16px;
}