@charset "utf-8";

body{
	font-family:"微軟正黑體", "新細明體", "Arial Unicode MS";
	background-image:url(../images/body_bg.jpg);
	background-attachment:fixed;
	background-size:cover;
}

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

.footer{
	color:#fff;
	background-color:#c93800;
	text-align:center;
	padding:24px 0;
}
.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:48px;
	height:auto;
	margin-right:16px;
	margin-top:-90px;
}


.title_line{
	width:96px;
	height:1px;
	background-color:#fff;
	margin:12px auto;
}



.header_line{ background-color:#c93800; text-align:right; height:26px;}
.header_line a{ color:#fff; font-size:1.1em; padding:5px 18px; background-color:#F90;}
.header_line a:hover{ text-decoration:none; background-color:#C90;}

.navbar{
	margin:0;
	padding:0;
	border:none;			
	-webkit-box-shadow: 0 0 15px #777;
	-moz-box-shadow: 0 0 15px #777;
	box-shadow: 0 0 15px #777;
}


.navbar-brand{ padding:5px 0;}
.navbar-brand img{ width:auto; height:50px;}



#menu{border-color:#ccc; }

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

#menu .nav.navbar-nav.navbar-right li{ border-bottom:1px solid #ccc;}
#menu .nav.navbar-nav.navbar-right li a { padding-top:15px; padding-bottom:15px;-webkit-transition: background 0.5s, color 0.5s; /* Safari */ transition: background 0.5s, color 0.5s;}
#menu .nav.navbar-nav.navbar-right li a:hover { background-color:#c93800; color:#fff;}

@media (min-width:768px){
	#menu .nav.navbar-nav.navbar-right li{ border:none;}
	#menu .nav.navbar-nav.navbar-right li a { padding-top:24px; padding-bottom:24px;}
	.navbar-brand{ padding:5px 0;}
	.navbar-brand img{ width:auto; height:56px;}
}

@media (min-width:992px){
	#menu .nav.navbar-nav.navbar-right li a { padding-top:40px; padding-bottom:40px; font-size:1.1em;}
	.navbar-brand img{ height:80px;}

}

.navbar-toggle{ margin-top:15px; margin-bottom:15px; border:1px solid #796b5c;}


.top_blank{ height:90px; margin:0; padding:0;}
@media (min-width:768px){.top_blank{ height:94px;}}
@media (min-width:992px){.top_blank{ height:126px;}}


.scroll_down{ display:none; -webkit-transition: box-shadow 0.3s; /* Safari */ transition: box-shadow 0.3s;}
.scroll_down:hover{ box-shadow: 0px 0px 10px #333, 0px 0px 10px #333, 0px 0px 10px #333, 0px 0px 15px #555; }
@media (min-width:992px){.scroll_down{ position:absolute; top:100%; left:50%; z-index:1000; margin-left:-40px; margin-top:-150px; height:80px; width:80px; border:4px solid #fff; border-radius:50%; text-align:center; color:#fff; padding-top:16px; cursor:pointer; display:block;}}


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

.more{ margin:40px 0;}
.more a{ border:4px solid #c93800; color:#c93800; padding:8px 24px; border-radius:24px; font-size:1.2em; -webkit-transition: border 0.3s, color 0.3s; /* Safari */ transition: border 0.3s, color 0.3s;}
.more a:hover{ text-decoration:none; border-color:#600; color:#600;}

.top_block1{ padding:64px 0; text-align:center; background-image:url(../../images/top_bg1.jpg); background-position:center; background-size:cover;}

.top_block1 h1{ font-family:"Arial Black", Gadget, sans-serif; color:#c93800;}
.top_block1 p{ font-size:1.2em; color:#777; line-height:1.8em;}

.pattern {
    background-image:url(../../images/pattern.png);
    background-repeat: repeat;
    background-attachment:scroll;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}


.parallax,
.parallax .parallax_con{ position:relative;}

.parallax { 
    /* The image used */
    background-image: url(../../images/parallax1.jpg);

    /* Set a specific height */
    height: 1320px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (min-width:768px){.parallax{ height:640px;}}
@media (min-width:992px){.parallax{ height:600px;}}

.parallax_text{ position:absolute; width:100%; text-align:center; padding:64px 0}
.parallax_text h1{ font-family:"Arial Black", Gadget, sans-serif; color:#fff;}

.top_para_pic img{ border-radius:50%; border:2px solid #fff; padding:8px;}
.top_para_line{ background-image:url(../../images/top_para_line.png); background-position:center; height:32px; background-repeat:no-repeat;}
.top_para_con{ margin-bottom:15px;}
.top_para_con h3{font-family:"Arial Black", Gadget, sans-serif; color:#fff;}
.top_para_con p{ color:#fff; font-size:1.2em;}

.top_ser_pic{ height:320px; background-image:url(../../images/top_ser1.jpg); background-size:cover; background-position:center;}
.top_ser_text{ height:320px; padding:50px 20px 0 20px; background-image:url(../../images/top_ser_bg.jpg); background-repeat:repeat-x; text-align:center;}
@media (min-width:768px){.top_ser_text{ text-align:left; padding:80px 40px 0 40px;}}

.top_ser_text h1{ font-family:"Arial Black", Gadget, sans-serif; color:#fff;}
.top_ser_text p{font-size:1.2em; color:#fff; line-height:1.8em;}


.top_ser_pic2{ background-image:url(../../images/top_ser2.jpg);}
.top_ser_text2{ text-align:center;}
@media (min-width:768px){ .top_ser_text2{ text-align:right;}}

.top_ser_pic3{ background-image:url(../../images/top_ser3.jpg);}



.top_block3{ padding:64px 0; text-align:center;background-image:url(../../images/top_bg2.jpg); background-position:center; background-size:cover;}

.top_block3 h1{ font-family:"Arial Black", Gadget, sans-serif; color:#c93800;}
.top_block3 p{ font-size:1.2em; color:#777; line-height:1.8em;}

.top_news_con{ text-align:left;}
.top_news_date{ margin-bottom:15px;}
.top_news_date a{ width:128px; height:128px; border:2px solid #c93800; border-radius:50%; display:block; text-align:center; color:#c93800; padding-top:24px; margin-left:auto; margin-right:auto;}
.top_news_date a span{ font-size:2.4em;}
.top_news_date a:hover{ color:#600; border-color:#600; text-decoration:none;}


@media (min-width:768px){
	.top_news_date a{ float:left;}
	.top_news_con h4{ margin-left:170px;}
	.top_news_con p{ margin-left:170px;}
}

.top_news_con h4{ margin-top:0; line-height:1.4em; font-size:1.5em}
.top_news_con h4 a{ color:#c93800;}
.top_news_con p{ text-align:left; line-height:1.6em;}

/* set slider arrow color ! */
.slick-prev:before, .slick-next:before {
    color:#c93800 !important;
}
.single-item{
	margin:0 24px 0 24px;
}
.single-item div{
	margin:8px 16px 8px 8px;
}



.top_contact_block{ padding:64px 0; background-color:#ddd9d4; text-align:center;}
@media (min-width:992px){.top_contact_block{ text-align:left;}}
.top_contact_logo img{ width:100%; height:auto; max-width:360px;}
@media (min-width:768px){.top_contact_logo img{ width:auto;  height:78px;}}

@media (min-width:992px){.top_contact_share{ text-align:right;}}

.top_contact_text{ line-height:1.6em; font-size:1.1em; color:#555;}
.top_contact_text p{ margin-top:0;}


.guide { margin:20px 0 0 0;}
.guide a{ font-size:0.9em; color:#fff; background-color:#c93800; padding:8px 16px; -webkit-transition: background 0.3s; /* Safari */ transition: background 0.3s;}
.guide a:hover{ background-color:#600; text-decoration:none;}

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



.page_banner{ background-image:url(../images/page_banner1.jpg); background-position:center; background-size:cover; height:480px; background-attachment: fixed; position:absolute; width:100%; top:0; z-index:-1;}

.page_banner h1{ text-align:center; color:#fff; font-family:"Arial Black", Gadget, sans-serif; padding-top:160px; text-shadow: 0px 0px 10px #333, 0px 0px 10px #333, 0px 0px 10px #333, 0px 0px 15px #555;}

.bread{ background-color:#c93800; color:#fff; margin:0 -15px; padding:15px; text-align:right;}
.bread a{ color:#fff;}

.about_block{ padding-top:430px; text-align:center;}
.about_block .container-fluid{
	background-color:#fff;
	-webkit-box-shadow: 0 0 15px #333;
	-moz-box-shadow: 0 0 15px #333;
	box-shadow: 0 0 15px #333;
}

.about_block .fa-caret-down{ color:#c93800;}

.about_block h2{ 
	font-family:"Arial Black", Gadget, sans-serif;
	color:#c93800;
}
.about_block p{ font-size:1.2em; color:#777; line-height:1.8em; max-width:800px; margin-left:auto; margin-right:auto;}

.about_process img{ max-width:640px; width:100%; height:auto;}



.license_con{ text-align:left; padding:8px; border:1px solid #ccc; position:relative; margin:15px 0;}

.license_con a{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0; text-align:center; color:#fff; font-size:4em; padding-top:100px; -webkit-transition: opacity 0.3s; /* Safari */ transition: opacity 0.3s;}
.license_con a:hover{ opacity:0.8; text-decoration:none;}












.product_block{ padding-top:430px; text-align:center;}
.product_block .container-fluid{
	background-color:#fff;
	-webkit-box-shadow: 0 0 15px #333;
	-moz-box-shadow: 0 0 15px #333;
	box-shadow: 0 0 15px #333;
}
.product_block h2{ 
	font-family:"Arial Black", Gadget, sans-serif;
	color:#c93800;
}
.product_block .fa-caret-down{ color:#c93800;}
.product_block p{ font-size:1.2em; color:#777; line-height:1.8em;}



.product_cate{ margin:10px 0;}
.product_cate a{ background-color:#c93800; color:#fff; display:block; padding:12px 0; text-align:center;}
.product_cate a:hover,
.product_cate_active a{ background-color:#600; text-decoration:none;}






.product_con{ text-align:left; padding:8px; border:1px solid #ccc; position:relative; margin:15px 0;}

.product_con a{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0; text-align:center; color:#fff; font-size:4em; padding-top:150px; -webkit-transition: opacity 0.3s; /* Safari */ transition: opacity 0.3s;}
.product_con a:hover{ opacity:0.8; text-decoration:none;}
.product_text{ padding:8px 16px; background-color:#eee;}

.product_con h4{
	color:#c93800;
	padding-bottom:4px;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
}
.product_con p{
	font-size:1.1em;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
}


.modal-header,
.modal-footer{ background-color:#c93800; color:#fff;}

.modal-header .close{ color:#fff; opacity:1;}

.modal-body p{ font-size:1.2em; color:#777; line-height:1.8em;}





.equip_block{ padding-top:430px; text-align:center;}
.equip_block .container-fluid{
	background-color:#fff;
	-webkit-box-shadow: 0 0 15px #333;
	-moz-box-shadow: 0 0 15px #333;
	box-shadow: 0 0 15px #333;
}
.equip_block h2{ 
	font-family:"Arial Black", Gadget, sans-serif;
	color:#c93800;
}
.equip_block .fa-caret-down{ color:#c93800;}
.equip_block p{ font-size:1.2em; color:#777; line-height:1.6em;}

@media (min-width:992px){.equip_block .col-md-6:first-child{ border-right:1px solid #ccc;}}

@media (min-width:992px){
	.equip_wrapper{height:760px; padding:15px; margin-bottom:15px;}
	.equip_wrapper2{ padding:15px; margin-bottom:15px;}
}
@media (min-width:1200px){.equip_wrapper{height:640px;}}
.eq_table1 th{ background-color:#c93800; color:#fff; padding:8px;}
.eq_table1 td{ color:#777; text-align:left; padding:8px;}

.eq_table2 th{ background-color:#c93800; color:#fff; padding:8px; text-align:center;}
.eq_table2 td{ color:#777; padding:8px;}


.info_block{ padding-top:430px; text-align:center;}
.info_block .container-fluid{
	background-color:#fff;
	-webkit-box-shadow: 0 0 15px #333;
	-moz-box-shadow: 0 0 15px #333;
	box-shadow: 0 0 15px #333;
}

.info_block .fa-caret-down{ color:#c93800;}

.info_block h2{ 
	font-family:"Arial Black", Gadget, sans-serif;
	color:#c93800;
}
.info_block p{font-size:1.2em; color:#777; line-height:1.8em;}

.info_block .top_news_con{max-width:800px; margin-left:auto; margin-right:auto; margin-bottom:20px; border-bottom:1px dashed #ccc; padding-bottom:10px;}

.info_page_block h2,
.info_page_block p,
.info_page_block img{max-width:800px; margin-left:auto; margin-right:auto;}

.info_page_block img{ width:100%; height:auto; margin:15px 0;}

.info_line{ text-align:center; margin:24px 0;}
.info_line span{ background-color:#eee; padding:4px 24px;}
.info_line .news_span{ background-color:#c93800; color:#fff; padding:4px 38px;}


.pagination li a{ color:#c93800;}
.pagination li a:hover{ color:#600;}
.pagination .active a{ background-color:#c93800; border-color:#c93800; color:#fff;}
.pagination .active a:hover{ background-color:#600; border-color:#600;}


.contact_block .form-group{ font-size:1.1em; color:#777;  line-height:1.8em;}
.contact_block .form-group .btn{ background-color:#c93800; color:#fff;}
.contact_block .form-group .btn:hover{ background-color:#600;}

.contact_block h3{font-family:"Arial Black", Gadget, sans-serif; color:#c93800;}

@media (min-width:992px){.contact_block .col-md-6:last-child{ border-left:1px solid #ccc;}}


.inquiry_block{ padding-top:430px; text-align:center;}
.inquiry_block .container-fluid{
	background-color:#fff;
	-webkit-box-shadow: 0 0 15px #333;
	-moz-box-shadow: 0 0 15px #333;
	box-shadow: 0 0 15px #333;
}
.inquiry_block .fa-caret-down{ color:#c93800;}
.inquiry_block h2{ 
	font-family:"Arial Black", Gadget, sans-serif;
	color:#c93800;
}
.inquiry_block p{font-size:1.2em; color:#777; line-height:1.8em;}


.inquiry_block table{}
.inquiry_block table tr th{ background-color:#c93800; color:#fff; text-align:center;}

.inquiry_block table tr td{ padding:15px; font-size:1.2em; color:#777; line-height:1.8em; vertical-align:middle;}

.inquiry_block table tr td img{ max-width:160px;}

.inq_table_end .btn{ background-color:#c93800; color:#fff;}
.inq_table_end .btn:hover{ background-color:#600;}

.inq_form_row{ text-align:left;}
.inq_form_row .input-group{ margin:8px 0;}
.inq_form_row .form-group{ margin:8px 0;}
.inq_form_row .form-group .btn{ background-color:#c93800; color:#fff;}
.inq_form_row .form-group .btn:hover{ background-color:#600;}