@charset "utf-8";
/* CSS Document */
/*.banner0,*/ .banner1, .banner2{background-size:cover; background-repeat:no-repeat; background-position:center center;}
/*.banner0, .banner1{ background-image:url(../img/index/banner.jpg);	}
.banner2{ background-image:url(../img/index/banner2.jpg);}
	.banner0 .wrap, .banner1 .wrap, .banner2 .wrap{ height:420px; display:table;}
	.banner-img{ display:table-cell; vertical-align:middle; text-align:right; padding:0px 30px; }
	.banner-img img{ width:100%;}
	.banner-w{ display:table-cell; vertical-align:middle; width:50%; padding-right:24px;}
		.banner2 .banner-w{padding-bottom:5em;}
		.banner-w h2{ font-size:55px; font-family:Impact, Charcoal, sans-serif; }
		.banner-w span{display:block; padding-left:40px;font-family:Impact, Charcoal, sans-serif;  }
		.banner-w p{font-size:12px; padding-left:40px; text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);}*/
		.swiper-pagination{display:none;}
	
#index-banner .banner-txt{ /*box-shadow: 0px 5px 20px #D6D6D6;*/ margin:20px auto; position:relative; z-index:999; background-image:url(../img/index/map.png); background-repeat:no-repeat; background-position:center center; min-height:250px;}
	.banner-txt p{font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold; /*background:#00858c; color:#fff;*/ color:#333; line-height:1em; padding:30px 0; text-align:center; margin:0;}
	.lan-T .banner-txt p{font-family: 'Microsoft JhengHei'; font-weight:normal; text-shadow:1px 0 1px;}
	.banner-txt ul{ list-style:none;}
	.banner-txt ul li{ float:left; width:14%; margin:0 1.33%; /*border-right: 1px solid #00858c; padding:20px 0;*/ text-align:center; }
	/*.banner-txt ul li:nth-child(6){ border-right:none;}*/

#index-content{ min-height:305px;}
	#index-content h2{font-family: 'Roboto Condensed', sans-serif; font-size:25px; margin:0;text-align: center; border-bottom: none; padding-bottom: 8px;color: #324283;}
	.lan-T #index-content h2{font-family: 'Microsoft JhengHei';}
	#index-content p{font-size:13px; }
	#index-content p span{ font-size:14px;font-family: 'Roboto Condensed', sans-serif;}
	.lan-T #index-content p span{font-family: 'Microsoft JhengHei';}
	#index-content .news-wrap a{ text-align:right; display:inline-block; background:#00858c; color:#fff; padding:0.2em 0.6em;
	-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;	}
	#index-content .news-wrap{border-bottom:1px dashed #ccc; padding: 4px 0; margin: 0 10px;}
	#index-content .news-wrap img{float:right;}
	#index-content .news-wrap p{font-size:17px;}
	#index-content .news-wrap span{color:#00acb5; font-size:15px;}
	#index-content .wrap>div{padding:0;}

.sidemenu{margin:20px 0; padding:0;}
.sidemenu li{float:left; width:25%; margin:10px auto; padding:0 5px; box-sizing:border-box;}
.sidemenu li:nth-child(4n+4){padding-right:0;}
.sidemenu li img{width:100%;}

.fb-iframe iframe{width:100%; height:600px; border:none; overflow:hidden; margin-bottom:10px;}
.fb-phone{display:none}
.fb-iframe .news-iframe{width:100%; height:219px;}


.video-wrap{padding:17px 0;}
.video-wrap ul{padding-top: 30px;}
/* .video-wrap ul li{width:30%; margin:10px 1.5%; float:left; font-size:15px; text-align:center;} */
.video-wrap ul li{width:25%; padding:10px 1.5%; float:left; font-size:15px; text-align:center;}
.video-wrap ul li img{width:100%; margin-bottom:10px;}
.video-wrap ul li a{color:#333;}
.special{background: url("../images/bg-02.jpg") center center no-repeat;background-size: cover;}
.special li{width: 50%;float: left;padding: 6% 2% 6% 2%;}
	
@media (max-width : 1199px) {
	.banner0 .wrap, .banner1 .wrap, .banner2 .wrap{ height:0; padding-bottom:35%; display:block; }
	.banner-w h2{ font-size:40px;}
	.banner2 .banner-w{padding-bottom:1em;}
	
	
	.news-iframe{height:240px;}
	
	.wrap{padding:0 15px;}
	#index-content .wrap{padding:0 30px;}
	#header .wrap{padding:0;}
	
	#index-banner{display: block; width: 160%; margin: 0 -30%; position: relative;}
	#index-banner .banner-txt { margin: 10px 18.7% 30px 18.7%; width: 62.5%;}
}
@media (max-width : 1000px) {
	
}
@media (max-width : 999px) {	
	.banner-txt ul li{width:14%;}
}
@media (max-width : 991px) {
	.fb-iframe{text-align:center; margin-top:30px; padding:30px 0 !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+5,ffffff+5,cccccc+50,ffffff+95,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 5%, #ffffff 5%, #cccccc 50%, #ffffff 95%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 5%,#ffffff 5%,#cccccc 50%,#ffffff 95%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#ffffff 5%,#ffffff 5%,#cccccc 50%,#ffffff 95%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}
	.fb-iframe iframe{width:390px; height:350px;}
}
@media (max-width : 800px) {
	.banner-w h2{ font-size:32px;}
	.banner-w p{ padding-left:0px;}
}
@media (max-width : 767px) {
	.sidemenu li{width:50%; padding:0 10px;}
	.sidemenu li:nth-child(4n+4){padding-right:auto;}
	.sidemenu li img{width:auto;}
	.banner-txt ul li {width: 33.33%; padding:10px 0;margin: 0;}
	.banner-txt p{padding: 20px 0;}
}
@media (max-width : 615px) {
	.video-wrap ul li{width:100%;}
	.video-wrap ul li img{width:auto;}
	.special li {width: 100%;}
}
@media (max-width : 600px) {
	.banner0 .wrap, .banner1 .wrap, .banner2 .wrap{padding-bottom:72%;}
	.banner-img, .banner-w{display:block; text-align:center; padding-bottom:0; width:auto;}
	.banner-img img{max-width:70%;}
	.banner-w{padding:0 12px;}
	.banner-w h2{ font-size:36px; margin:0.2em 0;}
	.banner2 .banner-w{padding-top:15%;}
	.banner2 .banner-w p{width:50%; margin:0 auto;}
	.special li {width: 100%;}
	
}
@media (max-width : 480px) {
	.banner0 .wrap, .banner1 .wrap, .banner2 .wrap{  padding-bottom:78%;  }
	.banner-w h2{ font-size:32px; }
	.banner2 .banner-w{padding-top:3%;}
	.banner2 .banner-w p{width:70%; }
	.special li {width: 100%;}
	.sidemenu li{width:100%; padding:0; text-align:center;}
}
@media (max-width : 414px) {
	.special li {width: 100%;}
}
@media (max-width :390px) {
	.fb-phone{display:block; }
	.fb-iframe iframe{width:300px; margin:0 auto;}
	.fb-pc{display:none}
	.video-wrap ul li {width: 100%;}
}
@media (max-width :360px) {
	.banner0 .wrap, .banner1 .wrap, .banner2 .wrap{  padding-bottom:78%;  }
	.banner-w h2{ font-size:28px; }
	.video-wrap ul li {width: 100%;}
	
}