@charset "UTF-8";

.product-list {padding-bottom:4.9em;}
.product-list ul { margin:0px -11px; padding-bottom:3.8em; }
.product-list ul li { float:left; width:33.33%; *+margin-left:-1px; padding:33px 0px 7px; }
.product-list ul li .con { margin:0px 11px; border:2px solid #e8ebf0; }
.product-list .img { padding-bottom:104.8275%; background-size:contain; position:relative; cursor:pointer; }
.product-list .img  span { position:absolute; opacity:0; ilter:alpha(opacity=0); transition:0.5s all; -webkit-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; left:0px; top:0px; width:100%; height:100%; background:rgba(205,48,47,0.75) url(../images/magnifier.png) no-repeat center center; }
.product-list .text { background:#e8ebf0; padding:13px 50px 11px 15px; color:#868686;  }
.product-list h3 { color:#000; margin-bottom:2px;  }
.product-list ul li .con:hover .img span {opacity:1; ilter:alpha(opacity=100); }
.product-list ul li .con:hover h3,.product-list ul li .con:hover .text { color:#2465cd; }
.product-list .txt { height:3em; }

.product-content { padding:2.25em 0px 6.8em; }
.product-content .title { color:#000; margin-bottom:0.8em; }
.product-content .con { line-height:2.625; color:#424242; } 
.product-content .con img { max-width:100%; }




.machine-content {padding:0px 8px 4.9em;}
.machine-content .title { color:#000; padding:1.2em 0px 1.275em; }

.job_list { }
.job_list .ph_table { width: 100%;  text-align: center; border-left:1px solid #bfbfbf; border-top:1px solid #bfbfbf; }
.job_list .ph_table td { text-align: center;  border-right:1px solid #bfbfbf; word-break: break-all;  padding:7px 0px; border-bottom: 1px solid #bfbfbf; color:#4c4c4c; }
.job_list .ph_table thead td { background:#e8f3ff; color:#000;padding:0px 0px; line-height:41px;  }
.job_list .ph_table .t1 { width:16.6%;  }
.job_list .ph_table .t2 { width:10.6%; }
.job_list .ph_table .t3 { /*width:15.5%;*/ width:126px; }
.job_list .ph_table .t4 { width:14.3%; }
.job_list .ph_table .t5 {width:14.3%;  }
.job_list .ph_table .t6 {width:14.3%; }
.job_list .ph_table .t7 {  }

.job_list .ph_table a { width:24px; height:22px; position:relative; top:4px; display:inline-block; background:url(../images/down2.png) no-repeat center top; }
.job_list .ph_table a:hover { background-position:center bottom; }

.machine-content .page { margin-top:4.9em; }