/*proitem*/
.product{width:100%; float:left; }
.product a{color:#111!important;text-decoration: none;}
.product a:hover {color:#0b3a63!important;text-decoration: none;}
.productrow{width:1700px; margin:40px auto 60px;font-size:0;}
.proitem{width:27.333333%; margin:50px 3%; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;display: inline-block;vertical-align: top;}
.proitem{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.proitem.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.proitem:after{content: "";display: block;line-height: 0;clear: both;}
.itembox{width:100%; float:left; margin:0; padding:0;}
.itembox-img{width:90%; float:left; margin: 0 5% 30px; text-align: center;overflow: hidden;}
.itembox-img img {width: 100%;-moz-transition: all 1s;-o-transition: all 1s;-webkit-transition: all 1s;transition: all 1s; margin:0; padding:0;display:block}
.proitem a:hover .itembox-img img {-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.itemtitle{height:1.7em; font-family: 'Noto Sans TC', sans-serif; font-weight: 500; font-size:22px; color: #222; text-align: center; margin-bottom: 15px;}
.porinfo{ width: 100%; float: left; font-size:15px;text-align:justify; line-height: 1.7em;}

@media only screen and (max-width: 1600px) {
.productrow{width:90%;margin:30px auto 40px;}
.proitem{width:27.333333%; margin:35px 3%;}	
}

@media only screen and (max-width: 1280px) {
.productrow{width:95%;margin:20px auto 30px;}
.proitem{width:28.333333%; margin:30px 2.5%;}	
}
@media only screen and (max-width: 980px) {	
.productrow{width:96%;margin:15px auto 30px;}
.proitem{width:43%; margin:25px 3.5%;}
.itemtitle{font-size:20px; }
}
@media only screen and (max-width: 550px) {
.productrow{width:96%;margin:10px auto 20px;}
.proitem{width:44%; margin:15px 3%;}
.itemtitle{ font-size: 18px; margin-bottom: 10px;}
.itembox-img{margin: 0 5% 20px;}
}