@charset "utf-8";


html,
body {
    height: 100%;
}

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

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

.footer{
	color:#fff;
	background-color:#ba322c;
	text-align:center;
	padding:24px 0;
}
.footer a {
	color:#fff;
}
.share{margin:10px 0;}
.share img{ margin-left:8px;}

.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;
}

.more{ padding:24px 0;}
.more a{ background-color:#ba322c; border-radius:20px; padding:6px 64px; color:#fff; font-size:1.1em; -webkit-transition: background 0.3s; /* Safari */ transition: background 0.3s;}
.more a:hover{ text-decoration:none; background-color:#600;}

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

.navbar-brand{ padding-top:15px; }
.navbar-brand img{ width:auto; height:32px;}

@media (min-width:768px){
	.navbar-brand{ padding-top:15px; }
	.navbar-brand img{ width:auto; height:40px;}	
}

@media (min-width:992px){
	.navbar-brand{ padding-top:15px; }
	.navbar-brand img{ width:auto; height:48px;}	
}

.navbar-toggle{ margin-top:15px; margin-bottom:15px;}

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

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

@media (min-width:768px){
	#menu .nav.navbar-nav.navbar-right li a { padding-top:24px; padding-bottom:24px; border:none;}
}
@media (min-width:992px){
	#menu .nav.navbar-nav.navbar-right li a { padding-top:28px; padding-bottom:28px; font-size:1.1em;}	
}

.title_line{
	width:64px;
	height:2px;
	background-color:#ba322c;
	margin:16px auto;
}


.carousel,
.item,
.active {
    height: 560px;
}

.carousel-inner {
    height: 560px;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 560px;
	
	background-attachment: fixed;
	
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;	
}

@media (min-width:768px){
	.carousel,
	.item,
	.active {height: 800px;}
	.carousel-inner {height: 800px;}
	.fill {height: 800px;}
}


.carousel-caption h2{ margin:-300px auto 0 auto; max-width:480px; line-height:1.4em; font-size:2em; font-family:"Bernard MT Condensed", Georgia, "Times New Roman";}

@media (min-width:768px){
	.carousel-caption h2{ margin:-440px auto 0 auto; max-width:480px; line-height:1.4em; font-size:3em; font-family:"Bernard MT Condensed", Georgia, "Times New Roman";}
}


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


.scroll_down{ 
	display:none; 
	-webkit-transition: box-shadow 0.3s, text-shadow 0.3s; /* Safari */ 
	transition: box-shadow 0.3s, text-shadow 0.3s; 
	text-shadow: 0px 0px 10px #777, 0px 0px 10px #777, 0px 0px 10px #777, 0px 0px 15px #999; 
	box-shadow: 0px 0px 10px #777, 0px 0px 10px #777, 0px 0px 10px #777, 0px 0px 15px #999;
}
.scroll_down:hover{ 
	box-shadow: 0px 0px 10px #600, 0px 0px 15px #900, 0px 0px 20px #c00, 0px 0px 25px #F36; 
	text-shadow: 0px 0px 10px #600, 0px 0px 15px #900, 0px 0px 20px #c00, 0px 0px 25px #F36;
}

@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;}}




.top_about_block{ padding:64px 0; text-align:center; background-image:url(../images/top_about_bg.png); background-position:bottom center; background-repeat:no-repeat;}
.top_about_block h1{ font-size:2.8em; color:#ba322c; margin-top:0;}
.top_about_block p{ font-size:1.2em; line-height:2em; color:#777;}


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

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

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.top_process_block{ padding:64px 0; text-align:center; background-image:url(../images/top_process_bg.png); background-position:bottom center; background-repeat:no-repeat;}
.top_process_block h1{ font-size:2.8em; color:#ba322c; margin-top:0;}
.top_process_block p{ font-size:1.2em; line-height:1.8em; color:#777;}

.top_process_con ul{ text-align:left; font-size:1.2em; margin:12px auto; max-width:240px; color:#777;  line-height:2em;}

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


.mobile_down{ text-align:center; margin:15px 0; font-size:1.6em; color:#ba322c;}
@media (min-width:768px){.mobile_down{ display:none;}}



.top_equipment_block{ padding:64px 0; text-align:center; background-image:url(../images/top_equip_bg.png); background-position:bottom center; background-repeat:no-repeat;}
.top_equipment_block h1{ font-size:2.8em; color:#ba322c; margin-top:0;}
.top_equipment_block p{ font-size:1.2em; line-height:1.8em; color:#777;}



.top_equip_con{ -webkit-transition: width 0.3s; /* Safari */ transition: width 0.3s; margin-bottom:48px;}

@media (min-width:768px){
	.top_equip_con{ width:33%; margin-left:0.5%; float:left;}
	.top_equip_con_first, .top_equip_con_fourth{ margin-left:0;}
}

@media (min-width:992px){
	.top_equip_con{ width:19.6%; margin-left:0.5%; float:left;}
	.top_equip_con_first{ margin-left:0;}
	.top_equip_con_fourth{ margin-left:0.5%;}
}

.top_equip_text{
	background-color:#e7d3ba;
	height:360px;
	text-align:left;
	-webkit-box-reflect: below 4px -webkit-linear-gradient(transparent,transparent 80%,rgba(77,77,77,0.7));
	box-reflect: below 4px gradient(transparent,transparent 80%,rgba(77,77,77,0.7));}

.top_equip_text h3{ margin:0; padding:12px 12px; color:#555;}

.top_equip_text ul{ padding-left:32px; font-size:1.2em; color:#555; line-height:2em;}





.top_news_block{ padding:64px 0; text-align:center; background-image:url(../images/top_news_bg.png); background-position:bottom center; background-repeat:no-repeat;}
.top_news_block h1{ font-size:2.8em; color:#ba322c; margin-top:0;}
.top_news_block p{ font-size:1.2em; line-height:1.8em; color:#777;}


.top_news_con{ text-align:left; background-color:#eee; margin:12px 0; padding:8px 15px; display:block;}
.top_news_con:hover{ background-color:#bbb; text-decoration:none;}


.top_news_con h5{ border-bottom:1px solid #999; padding-bottom:8px; margin:8px 48px 8px 0; color:#777;}
.top_news_con h5 span{ background-color:#ba322c; color:#fff; font-size:0.8em; padding:1px 24px; margin-right:12px;}

.top_news_con h4{
	color:#555;
	margin-right:48px;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
}

.top_news_arrow{ float:right; padding:22px 4px;}



.top_contact_block{ padding:64px 0; background-color:#e7d3ba;}

.top_contact_logo img{ width:100%; height:auto; max-width:320px;}
@media (min-width:768px){.top_contact_logo img{ width:auto;  height:48px;}}

@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:34px 0 0 0;}
.guide a{ font-size:0.9em; color:#fff; background-color:#ba322c; 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_title_line{ background-image:url(../images/title_line.jpg); background-position:center left; height:2px; margin:12px 0;}

.page_wrapper{ background-size:cover; background-position:center; background-attachment:fixed;}


.page_banner{ background-position:top center; background-size:cover; height:480px; margin-top:80px; position:relative;}

.page_banner_text{ position:absolute; top:160px; left:60px; z-index:99;}

.page_banner_text h1{ color:#fff;  font-size:3em; font-family:"Bernard MT Condensed", Georgia, "Times New Roman"; border-bottom:2px solid #fff; padding-bottom:8px;}
@media (min-width:768px){.page_banner_text h1{font-size:4em;}}

.page_banner_text h3{ color:#fff;}

.bread{ margin:8px; color:#fff; font-size:1.1em; text-align:right;}
.bread a{ color:#fff;}

.page_content{ padding:15px 30px;}

.about_block1{ background-color:rgba(255,255,255,0.9);}
.about_block1 h1{ color:#555;}
.about_block1 p{ font-size:1.2em; color:#777; line-height:1.8em;}


.equip_con{ height:360px; margin-bottom:30px; background-position:center; background-size:cover; position:relative;}
.equip_con a{ width:100%; height:100%; top:0; left:0; padding-top:150px; color:#fff; font-size:4em; text-align:center; background-color:#000; opacity:0; position:absolute; z-index:98;}
.equip_con a:hover{ opacity:0.8; text-decoration:none; border:none;}


.equip_text{ background-color:rgba(255,255,255,0.9); padding:15px; height:360px;margin-bottom:30px;}

.equip_text h3{ margin:0; padding:12px 8px; color:#555;}

.equip_text ul{ padding-left:32px; font-size:1.2em; color:#555; line-height:2em;}

.equip_con .pano_text{ color:#fff; text-align:center; position:absolute; z-index:55; width:100%; top:120px;}
.equip_con .pano_text h1{ text-align:center;text-shadow: 0px 0px 10px #333, 0px 0px 10px #333, 0px 0px 10px #333, 0px 0px 15px #555; line-height:1.6em;}


.service_con{ height:480px; background-position:center; background-size:cover; margin-bottom:30px; position:relative;}
.service_con a{ width:100%; height:100%; top:0; left:0; padding-top:120px; color:#fff; font-size:3em; text-align:center; background-color:#000; opacity:0; position:absolute;}
.service_con a:hover{ opacity:0.8; text-decoration:none;}


.service_text{ background-color:rgba(255,255,255,0.9); padding:15px; height:auto;margin-bottom:30px;}
@media (min-width:768px){.service_text{height:480px;}}

.service_text h3{ margin:0; padding:12px 8px; color:#555; text-align:center;}

.service_text ul{ padding-left:36px; font-size:1.2em; color:#555; line-height:2em;}
.service_text img{ margin:15px 0;}



.news_block{ background-color:rgba(255,255,255,0.9);}
.news_block h1{ color:#555;}
.news_block p{ font-size:1.2em; color:#777; line-height:1.8em;}

.page_news_con{ border-bottom:1px dashed #999; padding-bottom:6px;}

.page_news_date{ background-color:#ba322c; color:#fff; display:block; float:left; text-align:center; padding:12px 26px;}

.page_news_date:hover{ color:#fff; background-color:#600; text-decoration:none;}

.page_news_date h5{ border-bottom:1px solid #fff; padding-bottom:8px; font-size:1.1em;}
.page_news_date h6{ font-size:1em;}

.page_news_text{ margin-left:100px;}

.page_news_text h3 a{ color:#ba322c;}
.page_news_text p{ min-height:56px;}



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


.news_page_block{ background-color:rgba(255,255,255,0.9);}
.news_page_block h1{ color:#555;}
.news_page_block h5{ color:#555;}
.news_page_block p{ font-size:1.2em; color:#777; line-height:1.8em;}
.news_page_block .more{ text-align:center;}

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

.contact_block{ background-color:rgba(255,255,255,0.9);}
.contact_block h1{ color:#555;}
.contact_block p{ font-size:1.2em; color:#777; line-height:1.8em;}
.contact_block .form-group{ font-size:1.1em; color:#777;  line-height:1.8em;}
.contact_block .form-group .btn{ background-color:#ba322c; color:#fff;}
.contact_block .form-group .btn:hover{ background-color:#600;}