@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
	-webkit-font-smoothing: antialiased;
}

.pic {overflow:hidden;}
.mg0 {margin:0;}
a { color:black ;}
a:hover{ color: #9a1515; }
.bold {font-weight: bold; }
label.error{ color:#d60100; font-weight:inherit; }

iframe{ max-width:100%; }

.sb-site-container{ min-height:inherit !important; z-index:inherit !important; background-color:#f8f8f8 !important; }

.container_bg {background-color:#fff; /*padding:20px 25px;*/ padding-bottom: 30px; }

.cover_mask{
	position:absolute; bottom:0;
	/*background:#fff;
	opacity:0.95;*/
	width:100%;
}
.cover_mask .title{ padding:0 5px;
font-weight:100;
}
.cover_mask p{
	display:none;
	margin:0;
	height:2.8em;
	padding:0 5px;
	overflow:hidden;
}
/* ====================== TOP header ======================= */
.topheader {
	position:relative;
	z-index:1;
	border-bottom:2px solid #d20200;
	background:#fff;
	/*
	background-image: -webkit-gradient(linear, center top, center bottom, from(white 83%), to(#EDEDED));
	background-image: -webkit-linear-gradient(top, white 83%, #EDEDED);
	background-image: -moz-linear-gradient(top, white 83%, #EDEDED);
	background-image: -o-linear-gradient(top, white 83%, #EDEDED);
	background-image: -ms-linear-gradient(top, white 83%, #EDEDED);
	background-image: linear-gradient(to bottom, white 83%, #EDEDED);
	-webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.23);
	-moz-box-shadow:    0px 4px 6px 0px rgba(0, 0, 0, 0.23);
	box-shadow:         0px 4px 6px 0px rgba(0, 0, 0, 0.23);
	*/
}

.logo {
	position:absolute;
	left: 0;
	margin-top: 22px;
	margin-bottom: 20px;
	z-index:99;
	background: url(../images/logo＿new.png) #fff no-repeat center;
	background-size:contain;
	width:270px;
	height:48px;
	text-indent:-999em;
	overflow:hidden;
}

.navbar-default {
	
	background-color: transparent;
	border-color: transparent;
}
.navbar {
	border:hidden;
	min-height:inherit;
	border-top: 1px solid #e0e0e0;
}
.navbar-collapse {
	padding:0;
}

/* lang */
.lang{ margin:10px 0;}
.lang .btn{ padding:3px 6px;}
.lang .btn.active{ background:#fff; color:#d60100; border:1px solid #d60100; }


/*語言icon*/
/*.topheader .dropdown .btn {
	padding:6px 20px;
}*/
.language-drop {
	text-align: center;
	min-width: 100%;
}
#language-btn {
	font-weight: bold;
	color: #494949;
	background-color: transparent;
	border:none;
}
#language-btn .caret {
	margin-left:10px;
	margin-top: -5px;
	border-top: 5px solid #e50000;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
#language-btn:hover, #language-btn:focus, #language-btn.focus, #language-btn:active, #language-btn.active {
	color:#B5B5B5;
	background-color: transparent;
}

/* main_menu */
.main_menu>li.active>a{ position:relative;}
.main_menu>li.active>a:after{ position:absolute; left:50%; bottom:0; content:""; border-bottom:2px solid #D60000; width:50px; margin-left:-25px; }
.main_menu>li>a { font-size:1.2em; padding: 12px 15px; }

.main_menu>li>.dropdown-menu{ left:50%; margin-top:3px !important; margin-left:-60px; min-width:120px; padding:0; box-shadow:2px 2px 5px #888888; }
.main_menu>li>.dropdown-menu>li>a{ padding:8px 10px; text-align:center; position:relative; }
.main_menu>li>.dropdown-menu>li>a:after{ position:absolute; bottom:0; left:35%; width:20%; content:""; border-bottom:1px solid #d01000; opacity:0; }
.main_menu>li>.dropdown-menu>li>a:hover:after{ width:30%; opacity:0.6;
-webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}

.dropdown-submenu1, .dropdown-submenu2{ opacity:0; position:absolute; right:-118px; top:0; width:100%; list-style:none; padding:0; background:#fff; box-shadow: 2px 2px 5px #888888;}
.dropdown-submenu1>li, .dropdown-submenu2>li{ padding:8px 15px; text-align:center; }
.dropdown-submenu1>li{ position:relative;}
.dropdown-submenu1>li>a, .dropdown-submenu2>li>a{ display:block;}
.dropdown-submenu1>li:hover, .dropdown-submenu2>li:hover{ background:#f5f5f5; }
.main_menu>li>.dropdown-menu>li, .main_menu>li>.dropdown-menu>li>a .dropdown-submenu1{ position:relative;}
.main_menu>li>.dropdown-menu>li:hover .dropdown-submenu1, .main_menu>li .dropdown-submenu1>li:hover .dropdown-submenu2{ opacity:1;}


/*banner*/
.carousel-indicators li { float:left; border: 1px solid #d60100; }
.carousel-indicators li, .carousel-indicators li.active{ margin-right:5px;}

.arrow_control{ position:absolute; top:50%; padding:0px 12px; color:#f5f5f5; margin-top:-36px; font-size:51px;}
.arrow_control.left{ left:0;}
.arrow_control.right{ right:0;}


/* ====================== Footer =========================== */
.info_box .txt {
	margin:15px 0 20px;
	;
	line-height:1.5em;
}
.info_btn a {
	font-size:1.3em;
	margin-right:10px;
	display:inline-block;
}
.info_btn i {
	font-size:1.7em;
	margin-right:5px;
	color:#95161a;
}
.footer {
	background-color:#f4f4f4;
	padding:30px 0;
	min-height:200px;
}
.cpoyright{ padding:10px;}
.cpoyright .txt{ margin:0;}

.footer_menu{ width:100%;}
.footer_menu>li{ float:left; width:25%;}
.footer_menu .title{ position:relative; padding-bottom:8px; margin-bottom:12px;}
.footer_menu .title:after{ position:absolute; left:0; bottom:0; content:""; border-bottom:1px solid #BEBEBE; width:80px; }
.footer_submenu li{ padding:5px 0; }


/* 標題 */
/*.title, .heading {color:#030303;}*/
.heading {
	color:#030303;
	position:relative;
	text-transform:uppercase;
	margin-bottom:20px;
	padding-bottom:8px;
	border-bottom:1px solid #eee;
}
.heading:before{ position:absolute; left:0; bottom:-1px; content:""; border-bottom:2px solid #d60100; width:150px; }

.inner_content .heading{ margin-bottom:25px;}


/* 內頁 */
.inner_content { font-size:16px; line-height: 2em;}
.content_block p { }


/*  麵包屑 */
.breadcrumb { margin:0;}
.breadcrumb>li+li:before, .breadcrumb>.active { color: #922F23; }


/*  sub menu */
.sub_menu_block .title{ padding-bottom:14px; margin-bottom:0; border-bottom:3px solid #eee;}
.sub_menu>li>a {
	color:#000000;
	font-size:18px;
	padding:12px 8px;
	border-bottom:1px solid #e2e2e2;
	border-top:none;
	display:block;
	position:relative;
}

.sub_menu li.active>a{ color:#d01000;}
.sub_menu>li>a:after{ content:"\2b"; display:inline-block; position:absolute; right:15px; top:50%; margin-top:-16px; font-size:22px; color:#bcb0aa; }
.sub_menu>li>a:hover:after, .sub_menu>li.active>a:hover:after{ content:"\2212"; color:#fff; }
.sub_menu>li.active>a:after{ color:#d01000;}

.sub_menu>li:first-child>a {
	border-bottom:1px solid #e2e2e2;	
}
.sub_menu>li>a:hover {
	background-color:#d01000; color:#fff;
}
.sub_menu>li>ul>li>a {
	background:#f9f9f9;
	/*color:#9a1515;*/
	font-size:16px;
	padding:12px 30px;
	border-left: 1px solid rgba(0, 0, 0, 0);
	border-bottom:1px solid #e2e2e2;
	display:block;
	border-left:1px solid #f9f9f9;
	position:relative;
}
.sub_menu>li>ul>li>a:hover {
	border-left:2px solid #d60100;
	background-color: #FFFFFF;
	color:#333;
}
.icon_plus:after{ content:"\2b"; display:inline-block; position:absolute; right:15px; top:50%; margin-top:-16px; font-size:22px; color:#ddd; }
.sub_menu>li>ul>li>a:hover .icon_plus:after{ content:"\2212"; color:#ddd; }

.sub_menu>li>ul>li>ul>li>a {
	position:relative;
	/*color:#9a1515;*/
	font-size:14px;
	padding:12px 50px;
	border-bottom:1px solid #e2e2e2;
	display:block;
}
.sub_menu>li>ul>li>ul>li>a:hover {
	background: rgb(252, 252, 252);
	color:#333;
}
.sub_menu>li>ul>li>ul>li>a:hover:before {
	left: 35px;
	content: "";
	position: absolute;
	top: 20px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #d60100;
}
.dropdown>ul{ display:none;}
.dropdown.open>ul{ display:block;}
/* ===================== 首頁 ===================== */

.about_txt{ margin-bottom: 35px; min-height: 90px;}
/* video */
.video_block{ position:relative;}
.video_list{ }
.video_pager{ position:absolute; left:0; bottom:0;font-size:12px;  background: url(../images/bg_w90.png); width:213px; text-align:left; padding:10px 10px;}
.video_pager>a{ padding:1px 6px; margin-right:2px; border:1px solid #444; color:#444;}
.video_pager>a.active{ color:#d01000; border:1px solid #d01000;}
.video_pager .title{ display:none;}
.video_pager .active .title{ position:absolute; right:2px; top:9px; display:inline;}

.video_box .popup-youtube:before{ content:""; position:absolute; top:30%; left:50%; background:#f5f5f5;  border-radius:100px; width:39px;height:39px; margin-left:-20px; margin-top:-11px;opacity: 0.9; filter: alpha(opacity = 90);  }
.video_box .popup-youtube:after{ content:"\f144"; font-family:FontAwesome; width:100%; text-align:center; font-size:41px; color:#333;
 opacity: 0.9; filter: alpha(opacity = 90); position:absolute; top:30%; left:0; margin-top:-20px;}


/* product  */
.products_list{ position:relative; padding:0 25px; margin-bottom:30px;}
.prevControl, .nextControl{ position:absolute; top:50%; font-size:41px; margin-top:-29px; }
.prevControl>a, .nextControl>a{ color:#A2A2A2;}
.prevControl>a:hover, .nextControl>a:hover{ color:#ccc;}
.prevControl{ left:0;}
.nextControl{ right:0;}

/* 加號*/
.plus{ padding-right:8px; position:relative; display:inline-block;}
.plus:before{ content:"|"; display: inline-block; height:11px; overflow:hidden; color:#9a1515; width:3px; }
.plus:after{  position:absolute; top:1px; left:-2px; content:""; width:8px; height:10px; border-bottom:1px solid #9a1515; }

/* product_catalog_box */
.product_catalog_box{ padding:0 5px 0 5px;}


/* service box */
.service_box .title { position:relative; top:6px; }
.service_box small {
	position:absolute;
	bottom:-12px;
	left:35px;
	font-size:12px;
	/*display:block;*/
	text-transform:uppercase;
	color:#ccc;
	/*margin-bottom:8px;*/
}
.service_box i {
	margin-right: 10px;
	float: left;
	padding:5px;
	font-size:15px; /*font-size: 31px;*/
	color: white;
	background-color:#fba63f;
   	width:25px; /*width: 43px;*/
	height:25px; /*height: 43px;*/
	border-radius: 6px;
	text-align: center;
}
.service_box .text {
	/*margin-bottom:15px;*/
	padding-bottom:15px;
	/*border-bottom: 1px solid #dadada;*/
}
.service_box .txt{ line-height:1.5em; letter-spacing:1px;}



/* ===================== 產品 ============================= */

/* product box  */
.product_box { border:1px solid #e2e2e2; padding:10px; margin:5px; }
.product_box .title{ height:19px; overflow:hidden;}
.product_box .pic{ height:168px;}
.product_box .pic>img{ margin:auto; height:100%; }
.product_box .txt{ height:38px; margin-bottom:0; overflow:hidden; font-size:13px; line-height: initial; }

.products_tab { position: absolute;top: 25px;right: 15px;}
.products_tab>li{ margin:0 5px;}


.product_catalog_box .level_2{ padding-left:30px;}
.product_catalog_box .glyphicon-plus{ margin-right:5px; font-size:20px; font-family:Verdana, Geneva, sans-serif; }
/*
.products_box {
	border: 1px solid #e2e2e2;
	margin-bottom:20px;
}
.products_box .title {
	text-align:center;
	margin:0;
	padding:15px;
	border-top:1px solid #e2e2e2;
	background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#f0f0f0));
	background-image: -webkit-linear-gradient(top, white, #f0f0f0);
	background-image: -moz-linear-gradient(top, white, #f0f0f0);
	background-image: -o-linear-gradient(top, white, #f0f0f0);
	background-image: -ms-linear-gradient(top, white, #f0f0f0);
	background-image: linear-gradient(to bottom, white, #f0f0f0);
}
.products_box .pic{ height:287px; }
.products_box .pic>img { margin:auto; max-height:100%; }
*/
.product_info_box{ line-height: 2em; font-size: 16px; }
.product_img_box{ padding:15px;}
.product_img_box .pic img{ margin:0 auto;}

.view_title{
	margin-bottom: 15px;
	border-bottom: 1px solid #E2E2E2;
	padding-left: 15px;
	padding-bottom: 15px;
	color:#9a1515;
}

.info_context>.title{ color:#9a1515;margin: 30px 0; }


/* job */
#job_panel .panel-heading>a{ display:block; }

/* contact */
.form{ margin-top:25px;}
.map_link{ margin-left:5px; }
.contact_info .title>small{ display:block; }
.contact_info .txt{ margin-top:25px;}
#contact_form button{ width:100%;}
#contact_form textarea{ height:97px;}

/* bx slider */
.bx-wrapper{ margin-bottom:0px !important;}

/* ===================== 內頁banner============================= */
.bh{height: 200px;}

.banner_info{
margin-top: 100px;
font-family: arial;
text-transform: uppercase;
color: white;
font-size: 40px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}

.about_banner{
background: url(../images/demo/top_about.jpg) no-repeat  center;
background-size: cover;}

.product_banner{
background: url(../images/demo/top_product.jpg) no-repeat  center;
background-size: cover;}

.job_banner{
background: url(../images/demo/top_job.jpg) no-repeat  center;
background-size: cover;}

.carousel-indicators{
left:55%}