@charset "utf-8";

html, body {
	position: relative;
	height: 100%;
}
body {
	background: #eee;
	font-family:"微軟正黑體", "新細明體", "Arial Unicode MS";
	font-size: 14px;
	color:#000;
	margin: 0;
	padding: 0;
}

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




.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color:#fff;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	color:#fff;
	
	background-position:center;
	background-size:cover;
	position:relative;
}

.swiper-slide .concept_text{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:100%;
	text-shadow: 0px 0px 5px #555, 0px 0px 10px #777;
	text-align:center;
}
.swiper-slide .concept_text h2{  margin-bottom:15px; padding:0 15px;}
.swiper-slide .concept_text p{ line-height:2rem; padding:0 15px;}

.swiper-slide .nav_down{ position:absolute; top:100%; left:50%; transform:translateX(-50%); margin-top:-60px; cursor:pointer; line-height:0rem; padding:0; list-style:none;}
.swiper-slide .nav_down li{ margin-top:-6px; margin-bottom:0; animation-duration:4s;}
.swiper-slide .nav_down li:nth-child(1){ animation-delay:0s;}
.swiper-slide .nav_down li:nth-child(2){ animation-delay:0.3s;}
.swiper-slide .nav_down li:nth-child(3){ animation-delay:0.6s;}


.swiper-slide .nav_link{ padding:0; list-style:none;}
.swiper-slide .nav_link li{ margin:15px 0;}
.swiper-slide .nav_link li a{ padding:10px 0; width:240px; font-size:0.9rem; margin:auto; background-color:#fff; background-position:20px 20px; background-size:24px auto; background-repeat:no-repeat; color:#555; display:block; text-shadow:none; border-radius:40px; -webkit-transition: all 0.3s; /* Safari */ transition: all 0.3s;}
.swiper-slide .nav_link li a:hover{ background-color:#09f; text-decoration:none; color:#fff;}

.swiper-slide .nav_link .nav_link_phone a{background-image:url(../../images/icon_phone.png)}
.swiper-slide .nav_link .nav_link_phone a:hover{background-image:url(../../images/icon_phone_w.png)}
.swiper-slide .nav_link .nav_link_map a{background-image:url(../../images/icon_map.png);}
.swiper-slide .nav_link .nav_link_map a:hover{background-image:url(../../images/icon_map_w.png);}
.swiper-slide .nav_link .nav_link_web a{background-image:url(../../images/icon_globe.png);}
.swiper-slide .nav_link .nav_link_web a:hover{background-image:url(../../images/icon_globe_w.png);}

.swiper-slide .nav_all{position:absolute; top:0; left:0; width:100%; height:100%;}