/*輪播----------------------------------------*/
.swiper {
	
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

.swdiv{width:100%; height:400px; overflow:hidden;flex-wrap:wrap;height:auto;}
:root {
    --swiper-theme-color: #ffffff;
	--swiper-navigation-size: 110px;
}
.swiper-pagination-bullet { background-color:#FFF; border:1px solid #1eaa39;opacity: 0.85;
width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,25px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,25px));
}

.swiper-pagination-bullet-active{ background-color:#1eaa39; border:1px solid #fff; }

.for_swiper_btu1 > .swiper-button-next{ right:6%;}
.for_swiper_btu1 > .swiper-button-prev{ left:6%;}

.for_swiper_btu2 > .swiper-button-next{ right:-10%;}
.for_swiper_btu2 > .swiper-button-prev{ left:-10%;}

.slide_p_name{align-self: flex-start; 
width:85%; height:60px; line-height:40px;
background-image:url('../image/Quality-Text_bg.svg'); background-repeat: no-repeat;background-size: 100%;
font-weight:bold;
}

.long_txt{ font-size:15px;}
/*輪播----------------------------------------*/

body{
	text-align:center;
	width:100%;
	background-color:#fff; margin:0px;
	image-rendering: -webkit-optimize-contrast;
	font-family: 'Noto Sans TC','Microsoft JhengHei' ,'Oswald';font-size: 22px;
	
}

img{ width:100%;}
.main_div{
	background-color:#fff;
	text-align:center; width:100%; max-width:1920px; position:relative;
	display:inline-block; /*for big screen*/
	overflow:hidden;
}


.area1{height:auto; width:100%; background-color:#fff; position:relative;}
.area2{height:auto; width:100%; background-color:#fff; position:relative;}
.area3{position:relative;width:100%; padding-top:40px; }

.a1txt{ /*font-size:32px; */
	font-size: calc(28px + (32 - 28) * ((100vw - 700px) / (1600 - 700)));
color:#006835; font-weight:bold;margin-top:30px; margin-bottom:30px;}
.a1txt2{ font-size:22px; color:#666; width:90%;}
.a1_1{display:inline-block; width:75%; background-color:#fff; text-align:left;}
.a1_1content{display:inline-block; width:60%; vertical-align:top;}
.a1_1img{display:inline-block; width:39%;}
.a1_1title{color:#006835; font-size:44px; text-align:left;}

.a2_title{font-size:32px; color:#006835; font-weight:bold; margin-top:30px; margin-bottom:30px;}
.a2_t2{display:inline-block; color:#006835; font-size:42px; font-weight:bold;}

.swi_area1{width:100%; height:auto; background-color:#fff; padding-bottom:50px; 
    background-image:url('../image/ISO-BG-01.jpg');background-repeat: no-repeat; background-position: center center; text-align:center;	
	}
	

.t144{
    width: 120px;
    height: 10px;
    -webkit-transform: skew(40deg);
       -moz-transform: skew(40deg);
         -o-transform: skew(40deg);
    background: #006835;
	margin-left:4px;
}
.t296{
    border-top: 10px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    height: 5px;
    width: 118px;
	display:inline-block;
}

.tree_img img{ width:30%;}
.w_title{padding-top:30px; width:70%; display:inline-block; line-height:60px;
        text-align:center; color:#FFF; font-size:32px;font-weight:bold;}

@media screen and (min-width: 1910px) { /* 大螢幕 */
	
	.a1_1title{ font-size:48px; font-weight:300;}
	.a1txt2{ width:80%;}
	.a1_1img{ width:33%;}
	.a2_title{ font-size:37px;}
	.a2_t2{ font-size:48px;}
	.swi_area1{background-size: cover;}
}


@media (min-width: 1081px) and (max-width: 1450px) { 
 
}


@media screen and (max-width: 1080px) { /* 小於1080進入 */
	
	
	
	.area1{ padding-bottom:20px;}
	.swi_area1{background-size: cover;}
	.slide_p_name{ height:40px;}
	
	
	
}


@media screen and (max-width: 700px) { 
	.a1_1{ width:95%; text-align:center;}
	.a1_1img{ width:80%; margin-top:30px;}
	.a1_1content{ width:80%; text-align:left;}
	.a1txt2{ width:100%;}
	
	.swiper-button-next::after{ font-size:36px; padding-left:20px; }
	.swiper-button-prev::after{ font-size:36px; padding-right:20px;}
	
	.tree_img img{ width:60%;}
	.slide_p_name{ width:95%;}
}