@charset "utf-8";
.btn { text-transform: capitalize;}

/*首頁*/

.product_grid .txt h2 { letter-spacing: 0px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}

/*footer*/
.add_icon i{float: left;margin: 5px 2px 1em;}

/*內頁banner*/
.banner .caption h2 {letter-spacing: 1px;}
.banner .caption { left: 10%; right: 10%; bottom: 15%;}

/*公司簡介*/
.aboutBox { padding-top: 0em;}

/*聯絡我們*/
.contact_txt:before { margin-bottom: 50px; }


/*---------------------------------*/
@media (max-width: 1500px) { 
.product_grid .txt { padding: 0 8px; }
}

@media (max-width: 1200px) { 
/*header*/
.top-menu { margin: 6px 0 0 2.5em;}
.navbar-custom .nav li > a { padding: 10px 14px;}

/*聯絡我們*/
.contact_left .mapBox { width: 42%; height: 125px;}
}

.banner .caption { bottom: 10%;}

@media (max-width: 991px) { 
/*header*/
.navbar-custom .nav li > a, .navbar-nav li .dropdown-menu li a:hover {padding: 10px 6px;}
.top-menu { margin: 6px 0 0 0em;}
}

@media (max-width: 768px) {
/*首頁*/
.product_grid .txt h2 { -webkit-line-clamp: 2; }
.product_grid .mosaic-overlay { top: 70%; }

/*內頁banner*/
.banner .caption {bottom: 0%;left: 3%; right: 3%;}
.banner .caption h2 {font-size: 22px;letter-spacing: 0px;}

/*聯絡我們*/
.contact_left .mapBox { width: 100%; height: 150px;}

}

@media (max-width: 640px) { 
/*首頁*/
.product_grid .mosaic-overlay { top: 80%;}

/*內頁banner*/
.banner .caption {bottom: auto;left: 0%; right: 0%;height: auto;}
.banner .caption h2 {font-size: 20px; margin: 0;}

/*footer*/
.add_icon i{margin-bottom: 10px;}
}

@media (max-width: 480px) { 


}

@media (max-width: 400px) { 
/*聯絡我們*/
.contact_txt:before { margin-bottom: 100px; }
}