@charset "utf-8";
body{
	font-family:"微軟正黑體", "新細明體", "Arial Unicode MS";
}

.container-fluid{ max-width:1003px;}

#menu .nav.navbar-nav.navbar-right{ margin-top:0; margin-bottom:0;}

#menu .nav.navbar-nav.navbar-right li {
	padding:8px 0;
	margin:0;
	border-top:1px solid #ccc;
	font-size:1em;
	font-weight:bold;
	text-align:center;
}
#menu .nav.navbar-nav.navbar-right li a:hover{
	background-color:#ccc;
}

@media (min-width:768px){
	#menu .nav.navbar-nav.navbar-right li {border-top:none;}
}

@media (min-width:992px){
	#menu .nav.navbar-nav.navbar-right li {padding:24px 0;font-size:1.2em;}
}


.navbar-header {height:64px;}

.navbar-header .navbar-brand img{
	width:auto;
	height:64px;
}
@media (min-width:768px){.navbar-header .navbar-brand img{height:80px;}}

@media (min-width:992px){.navbar-header .navbar-brand img{height:112px;}}

.navbar-brand{
	margin:0;
	padding:0 0 0 12px;
}

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

.share{margin:12px 0 0 0;}
@media (min-width:768px){.share{margin:8px 0 0 0;}}

.share img {margin-right:4px;}

.scroll_0 img{
	cursor:pointer;
}
.carousel-caption h3, .carousel-caption p{}


#carousel-banner{ display:none;}

@media (min-width:768px){#carousel-banner{ display:block;}}

@media (min-width:768px){#carousel-banner2{ display:none;}}



/*@media (min-width:992px){.scroll_ab{ display:block;}}*/

.top_title h2{
	font-weight:bold;
	font-family:"Futura Md BT", "Arial Unicode MS";
	border-bottom:2px #349493 solid;
	padding:12px 0 12px 0;
	margin:0 0 16px 0;
	color:#fff;
	text-align:center;
	background-color:#349493;
	font-size:2.2em;
}
.top_title h2 span{
	font-family:"微軟正黑體", "新細明體", "Arial Unicode MS";
	font-size:0.6em;
}

.top_news{padding:0; margin:0 0 16px 0;}

.top_news_con{
	border-bottom:1px dotted #777;
	padding:8px;
	margin:0 0 8px 0;
}

.top_news_con h5{color:#777; margin:4px 0;}

.top_news_con h5 span{
	background-color:#C00; 
	color:#FFF; 
	padding:4px; 
	border-radius:4px; 
	font-size:0.8em;
}
.top_news_con p{
	color:#777;
	
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
}

.top_block1 .thumbnail p, .product_block1 .thumbnail p{
	color:#777;
	
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
}

.top_block1 .thumbnail, .product_block1 .thumbnail{ background:none; border:none;}

.top_product{padding:0;}
@media (min-width:768px){.top_product{padding:0 0 0 12px;}}


.top_pic{text-align:center;}

.top_block2 .row h3{
	font-size:2.4em;
}

.top_block2 .slider div img{
	width:96%;
	margin:auto;
	height:auto;
}

.read_more{
	background-color:#349493;
}
.read_more:hover{
	background-color:#0CC;
}

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


.about_side{
	 border:#349493 solid 2px; 
	 border-radius:4px; 
	 margin:0 0 16px 0;
	 padding:0;
}

.about_side h4{
	text-align:center;
	border-bottom:1px dashed #999;
	padding:16px 0;
	margin:0;
	font-size:1.1em;
}
.about_side h4 a{color:#777; text-decoration:none; cursor:pointer;}

.about_side h4 a:hover{color:#09F;}

.about_title h3{
	color:#349493;
	margin:0;
	padding:8px 0;
	border-bottom:2px solid #349493;
}




.news_side{
	 border:#349493 solid 2px; 
	 border-radius:4px; 
	 margin:0 0 16px 0;
	 padding:0;
	 display:none;
}
@media (min-width:768px){.news_side{ display:block;}}

.news_side p a{color:#777; text-decoration:none; cursor:pointer;}

.news_side p a:hover{color:#09F;}


/*.about_con{padding:0;}

@media (min-width:768px){.about_con{padding:0 0 0 12px;}}*/

.certificate_con{
	text-align:center;
	padding:8px 8px 4px 8px;
}
.certificate_con:hover{ background-color:#ccc}
.certificate_con h4{ font-size:0.9em;}
@media (min-width:768px){
	.certificate_con img{ height:360px; width:100%;}
	.certificate_con h4{ font-size:0.9em; height:48px;}
}
@media (min-width:992px){
	.certificate_con img{ height:300px; width:100%;}
	.certificate_con h4{ font-size:0.9em; height:48px;}
}

.top_news_con{
	border-bottom:1px dotted #777;
	padding-bottom:8px;
	margin-bottom:8px;
}

.top_news_con h5{color:#777;}

.top_news_con h5 span{
	background-color:#C00; 
	color:#FFF; 
	padding:4px; 
	border-radius:4px; 
	font-size:0.8em;
}

.table-responsive table{ background-color:#eee;}
.table-responsive table tr th{ color:#fff;}
.table-responsive table tr td{
	vertical-align:middle;
}


.news_content img{
	max-width:100%;
}


.row .news_pic {display:none;}


@media (min-width:768px){
	.row .news_pic {
		display:block;
	}
}

.row .news_pic img{
	margin:12px 0 0 0;
	max-width:240px;
}

.example .pagination>li>a,
.example .pagination>li>span {
  border: 1px solid #349493;
  color: #349493;
}
.pagination>li.active>a {
  background: #349493;
  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 #349493;
  color: #3494930;
}
.pagination>li.active>a:hover,
.pagination>li.active>a:focus {
  background: #066;
  color: #fff;
}

.backtop{
	position:fixed;
	z-index:12;
	width:100%;
	height:auto;
	text-align:right;
	top:100%;
}
.backtop img{
	cursor:pointer;
	width:48px;
	height:auto;
	margin-right:16px;
	margin-top:-90px;
}
.add{
	 padding: 0 0 5px 0;
	}
@media (min-width:768px){
.add{
	 padding: 0 5px 10px 0;
	}
}