@charset "utf-8";

body{
	font-family:"微軟正黑體", "新細明體", "Arial Unicode MS";
	font-size:1.8em;
}

body h4{font-size:1.3em;}

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

.footer{
	color:#fff;
	background-color:#000;
	text-align:center;
	padding:24px 0;
}

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

.share{margin:8px 0;}
.share img{margin:0 2px;}

.backtop{
	position:fixed;
	z-index:12;
	width:100%;
	height:auto;
	text-align:right;
	top:100%;
}
.backtop img{
	cursor:pointer;
	width:64px;
	height:auto;
	margin-right:16px;
	margin-top:-120px;
	border-radius:8px;
}

.lang_fixed{
	position:fixed;
	z-index:11;
	width:100%;
	height:auto;
	text-align:left;
	top:100%;
}
.lang_bg{ height:84px; margin-top:-84px; margin-left:15px;}

.lang_fixed a{ border-radius:50%; padding:18px 4px; background: rgba(0%,0%,0%,0.4);}

.lang_fixed img{
	cursor:pointer;
	width:36px;
	height:auto;
	margin:24px 8px;
}

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


.logo_ab{ display:block;}
.logo_ab img{ width:auto; height:72px; margin-left:12px;}
@media (min-width:768px){
	.logo_ab{ display:block;}
	.logo_ab img{ width:auto; height:72px;margin-top:0;}
}

@media (min-width:768px){#menu .nav.navbar-nav.navbar-right li{ background-image:url(images/test.png); background-position:right; background-repeat:no-repeat;}}

#menu .nav.navbar-nav.navbar-right li a { font-size:1em; color:#333;}
#menu .nav.navbar-nav.navbar-right li a:hover {color:#e6212a;}

@media (min-width:768px){#menu .nav.navbar-nav.navbar-right li a { font-size:0.9em;}}
@media (min-width:992px){#menu .nav.navbar-nav.navbar-right li a { font-size:1.1em;}}

.lang{ display:none;}

#lang_s{ display:inline-block;}
#lang_s a{ float:left; padding:0 4px;}
#lang_s a:first-child{ padding-left:15px;}

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


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

.top_title{ border-bottom:2px solid #e6212a; padding-bottom:8px; color:#e6212a; font-family:"微軟正黑體", "新細明體", "Arial Unicode MS"}
.top_title span{ color:#333; font-size:0.6em;font-family:"微軟正黑體", "新細明體", "Arial Unicode MS"}


.top_news_con h4{ border-bottom:1px dashed #999; padding-bottom:8px; font-size:1.1em;}


.top_pro_con h4 a{ color:#e6212a;}

@media (min-width:992px){
	.top_pro_con p{ height:80px;}
	.top_pro_con h4{	
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
	color:#e6212a;
	}
}


.top_pro_con img{ width:100%; height:auto;}
@media (min-width:768px){
	.top_pro_con img{ width:100%; height:200px;}
	.page_block .top_pro_con img{ width:100%; height:auto;}
}
@media (min-width:992px){
	.top_pro_con img{ width:100%; height:160px;}
	.page_block .top_pro_con img{ width:100%; height:160px;}
}



.more{margin:12px 0;}
.more a{
	background-color:#b70500;
	color:#fff;
	padding:8px 12px;
}
.more a:hover{background-color:#e6212a; color:#fff; text-decoration:none;}

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




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

.banner_bg{background-position:center; background-size:cover; height:320px; margin-top:96px; text-align:center; color:#fff;}

.banner_bg p{padding-top:100px;font-family:"Futura Md BT","Arial Unicode MS";text-shadow:3px 3px 3px #333;}
.banner_bg h4{text-shadow:3px 3px 3px #333; font-size:1.6em;}
.banner_bg h5{text-shadow:3px 3px 3px #333; padding-top:8px;}
@media (min-width:768px){
	.banner_bg p{ font-size:1.4em;}
	.banner_bg h4{ font-size:2.0em;}
	.banner_bg h5{ font-size:1.2em;}
}

.page_bread{}

@media (min-width:768px){.side_bar{ margin-top:22px;}}

.side_title{ background-image:url(../images/st_bg.jpg); background-position:center; background-size:cover; color:#fff; padding:8px 8px 16px 16px; border-top-left-radius:2em; border-top-right-radius:2em;}

.side_bar ul{list-style:none;padding:0; margin:0;}

.side_bar ul li{border-bottom:#ccc solid 1px; margin:0;}

.side_bar ul li span{ float:right; padding-right:12px;}

.side_bar ul li a{ display:block; color:#e60012; padding:16px 0; background-color:#eee;}

.side_bar ul li a:hover, .side_bar ul li a:focus{background-color:#e60012; text-decoration:none; color:#fff;}


.pro_list img{ margin-bottom:8px;}

.pro_list_title{ margin:16px 0;}

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

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

.page_news_con{ border-bottom:1px dashed #999; padding-bottom:8px; margin:24px 15px 16px 15px;}

.page_news_con h5 { margin-top:0; color:#777;}

.page_news_con .news_pic {display:none;}

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

.pagination li a{ color:#e60012;}
.pagination li a:hover, .pagination li a:focus{ color:#600;}

.pagination .active a{ background-color:#e60012; border-color:#600;}
.pagination .active a:hover, .pagination .active a:focus{ background-color:#600; border-color:#600;}


 .pro_list .more{ text-align:center;}
@media (min-width:992px){ .pro_list .more{ text-align:left;}}


.pro_award{ padding:12px; border:2px solid #ccc; border-radius:4px; margin:12px 0;}
@media (min-width:992px){.pro_award img{ height:240px;}}

.pro_ps{ cursor:pointer;}

.pro_pic p{ margin-top:8px;}

@media (min-width:992px){.download_br{ display:none;}}



.keyword-list a{
	color:#FFF;
	}
.keyword-list h1, .keyword-list h2, .keyword-list h3, .keyword-list p{
	font-size:18px;
	margin: 0;
	display: inline;
	text-align:left;
}
@media (min-width:992px){.keyword-list{ text-align:left;}}

.breadcrumb{ font-size:0.8em; text-align:right; background:none;}
@media (min-width:768px){.breadcrumb{margin-top:-10px;}}