/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);

body {	-webkit-text-size-adjust:100%; font-family:"微軟正黑體"; background-color: #f2f2f2; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; 
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
a:hover { text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.top-Box, .content-Box, .footer-Box, .copyright-Box { max-width:1002px; margin:0 auto; text-align:left; position:relative; clear:both;}

.banner-Bg{ background-color: #000; }
.banner-Box{
  display: flex;
  flex-direction: row;
  max-width:1002px;
  margin:0 auto;
  height: 366px;
}
.banner_left{}
.banner_right{ width: 100%; max-width: 611px; }


.content-Bg{ background:url(../images/content_bg.png) center -20px no-repeat }
.content-Box{ padding-top: 40px; }
.bottom-Box{ margin-top: 77px; padding-bottom: 20px; }





.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}






.slider a:before { content:""; display:block; position:absolute; width:100%; height:100%; z-index:1;}


.single-item .slick-slide { position:relative;}
.single-item .slick-dots { text-align:center; display:none !important;}
.single-item .slick-dots li { width:auto; height:3px; overflow:hidden;}
.single-item .slick-dots li button { width:30px; height:3px; background:#595656; margin:0 2px;}
.single-item .slick-dots li button::before { content:""; display:none; }
.single-item .slick-dots li.slick-active button  { background:#de4609;}
/*.single-item .slick-prev, .single-item .slick-next { display:none !important;}*/
.single-item .slick-prev, .single-item .slick-next { width:auto; height:auto; top:45%;}
.single-item .slick-prev { left:40px;}
.single-item .slick-prev::before { font-family:'FontAwesome'; content:"\f104"; font-size:70px; color:#fff;}
.single-item .slick-next { right:40px;}
.single-item .slick-next::before { font-family:'FontAwesome'; content:"\f105"; font-size:70px; color:#fff;}



.pro_list { margin:0 10px;}

.responsive .slick-next{ right:20px; top:43%;}
.responsive .slick-next:before{ font-family:'FontAwesome'; content:"\f105"; font-size:70px; }

.responsive .slick-prev{ left:20px; top:43%;}
.responsive .slick-prev:before{ font-family:'FontAwesome'; content:"\f104"; font-size:70px; }


/*About Us*/

h1{ font-size: 15px; margin-bottom: 10px; }
.about_title{ font-size: 20px; font-weight: bold; }
.about_title span{ color: #14a73b; }
.about_txt{ font-size: 15px; line-height: 25px; }
.about_zone01{
  max-width: 380px;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.about_zone02{
  display: inline-block;
  vertical-align: top;
  background: url(../images/service_bg.png) no-repeat left top;
  margin-left: 10px;
}
.service{
  width: 593px;
  height: 215px;
  position: relative;
}
.txt01 {
    color: #14a53a;
    font-size: 20px;
    padding: 30px 0 0 24px;
}
.txt02 {
    color: #fff;
    max-width: 180px;
    font-size: 14px;
    line-height: 27px;
    padding: 10px 0 0 24px;    
}
.more {
    background: url(../images/btn_more.png) no-repeat right top;
    position: absolute;
    left: 104px;
    bottom: 9px;
    color: #fff;
    width: 98px;
    height: 23px;
    font-size: 14px;
    text-align: center;
}











@media only screen and (max-width: 1013px) {
  .service{ width: 202px; }
}

@media only screen and (max-width: 1002px) {
  .banner_left{ display: none; }
  .banner_right{ margin: 0 auto; }
  .banner-Box{ height: auto; }
}

@media only screen and (max-width: 680px) {
	.single-item .slick-prev, .single-item .slick-next { top:40%;}
  .single-item .slick-prev { left:10px;}
  .single-item .slick-next { right:10px;}

}

@media only screen and (max-width: 622px) {
  .about_zone01 { max-width: 100%; padding-right: 10px;}
  .about_zone02{ display: none; }
  .bottom-Box { margin-top: 20px; }
}


@media only screen and (max-width: 320px) {

}