@charset "UTF-8";
/* ------------------------------------------------------------------
author:        谷辰網路資訊
email:         service@gcii.tw
website:       http://www.gcii.tw
 -------------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/
@media (min-width: 1920px) {

}

@media (max-width: 1750px) {

}

@media (max-width: 1600px) {

}

@media (max-width: 1500px) {

}

@media (max-width: 1400px) {

}

@media (max-width: 1300px) {
	.page .main-page {padding: 80px 80px;}
	.footer {padding: 0 60px;}
	.footer-l {padding-top: 63px;}
	.footer-r hr {padding-top: 111px;}
}

@media (max-width: 1199px) {
	.header-logo {height: 229px;}
	.header-logo img {width: 400px;}
	.header-logo a {margin-top: 78px;margin-left: 90px;margin-bottom: 83px;}
	.header-menu-list ul li {margin-left: 80px;}
	.footer-l img {width: 240px;}

}

@media (max-width: 1025px) {

}

@media (max-width: 991px) {	
	.page .main-page {padding: 60px 30px;}
	.page.page-pro .main-page {padding: 60px 0px 60px 30px;}
	.button_container {display:block;}
	.header-top {height: auto;}
	.header-top {padding: 20px 20px;text-align: left;}
	.header-top a {font-size: 15px;}
	.header-menu {display:none;}
	.header-logo {height: auto;border-bottom: solid 1px #E0E0E0;}
	.header-logo img {width: 50%;}
	.header-logo a {margin-top: 58px;margin-left: 20px;margin-bottom: 63px;}
	.header-logo.header-logo-fixed a {margin-top: 50px;margin-bottom: 25px;}
	.mySwiper-banner .index-02 {padding: 0 30px;}
	.pro_desc {padding: 60px 30px 40px 30px;}
	.pro_desc .pro_desc_t {width:100%;padding-top: 30px;}
	.product-list-06 {display: inline-block;position: absolute;z-index: 10;top:123px;left:0;cursor: pointer;}
	.product-list-04 {position: absolute;z-index: 10;width:260px;min-height:300px;background-color: rgba(255, 255, 255, 0.9);padding: 10px 0px;left: -280px;margin-top:0px;top: 10px;overflow: scroll;}
	.filters {width: 100%;}
	.filters .filters_l {margin-bottom: 5px;}
	.filters .filters_top {margin-bottom: 5px;}	
	.filters .lefttitle2 img {max-width:50%;}
	.filters .item-tit {width: 18%;font-size: 15px;font-weight:600;margin-bottom:0px;}
	.filters .item-3 {width: calc((100% - 170px) / 3);/*padding: 15px 15px 20px 15px;*/}
	.filters .item-4 {width: calc((100% - 170px) / 4);/*padding: 15px 15px 20px 15px;*/}
	.filters .item-5 {width: calc((100% - 170px) / 5);/*padding: 15px 15px 20px 15px;*/}
	.filters .card-header {padding: 8px 10px;}
	.filters .card .card-h2 {font-size: 15px;}
	.filters .filter-items-qty {font-size: 16px;line-height: 20px;font-weight: 600;}
	.product-list-042 a .zzzz, .product-list-043 a .zzzz {font-size: 12px;line-height: 28px;}
	.product-list-042 {margin: 12px 0;min-height: 25px;}
	.pro_qtyinq {position: relative;bottom: 0px;}
	.filters .filters-grid {/*margin-top: 10px;margin-bottom: 10px;*/width: 100%;}
	/*.filters .lefttitle.lefttitle-top3 {margin-top: 120%;}
	.filters .lefttitle.lefttitle-top4 {margin-top: 30%;}
	.filters .lefttitle.lefttitle-top5 {margin-top: 10%;}*/
	.footer {padding: 0 30px;height: 100%;}	
	.footer-l {padding-top: 40px;}
	.footer-l img {width: 200px;}
	.footer-l p {padding-top: 40px;}
	.footer-r {width: 100%;}
	.footer-r hr {padding-top: 40px;margin: 0 0 40px 0;}
}

@media (min-width: 769px) and (max-width: 990px) {

}

@media (max-width: 768px) {
	.slick-prev {left: -30px;}
	.slick-next {right: -30px;}
	.footer {padding: 0 10px;}
}

@media (min-width: 480px) and (max-width: 767px) {

}

@media (max-width: 479px) {

}

@media (max-width: 320px) {

}

@media (max-width: 280px) {

}