@charset "utf-8";
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
	/*About intro*/
	div.aboutIntro>div {margin-bottom: 1.5rem}
	/*產品分類列表*/
	section.products {background: url(../images/bg-ind-01m.png) 50% top no-repeat}
	dl.products>dd>figure {height: 100%; max-height: 150px; background: #fff;margin: 0;}
    dl.products>dd>figure img {width: initial; height: 100%; max-height: 150px;}
	/*工程實績*/
	.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {top: 29%}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
	/*About intro*/
	div.aboutIntro>div {margin-bottom: 1.5rem}
	/*產品分類列表*/
	section.products {background: url(../images/bg-ind-01m.png) 50% top no-repeat}
	dl.products>dd>figure {height: 100%; max-height: 150px; background: #fff;margin: 0;}
    dl.products>dd>figure img {width: initial; height: 100%; max-height: 150px;}
	/*工程實績*/
	.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {top: 29%}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
	/*產品分類列表*/
	section.products {background: url(../images/bg-ind-01m.png) 50% top no-repeat}
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1263px) {
	dl.products>dd>figure {height: 100%; max-height: 138px; background: #fff;margin: 0;}
    dl.products>dd>figure img {width: initial; height: 100%; max-height: 138px;}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1263px) {
	dl.products>dd>figure {height: 100%; max-height: 155px; background: #fff;margin: 0;}
    dl.products>dd>figure img {width: initial; height: 100%; max-height: 155px;}
}

/*ios use*/
/*iPhone 4 only Portrait or Landscape 基本上不用太理這支*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:portrait) {}

/*iPhone 5 Portrait or Landscape*/
@media only screen (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait) {}
@media only screen (device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : landscape) {}

/*iPhone 6 Portrait or Landscape*/
@media only screen and (device-width : 375px) and (orientation : portrait) {}
@media only screen and (device-width : 667px) and (orientation : landscape) {}

/*iPhone plus 6 Portrait or Landscape*/
@media only screen and (device-width : 414px) and (orientation : portrait) {}
@media only screen and (device-width : 736px) and (orientation : landscape) {}

/*ipad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}