/* slick slider .prod-list ======================================================== */
.main { padding: 30px 20px; }
.prod-item { padding:5px; text-align:center; }
.prod-item div { border:1px dotted #aaa; padding:5px; height: 100%; }
.prod-item a{ display: block; padding: 10px 0; }
.prod-item img { width:100%; height:auto; }
.word-area { display:block; width:100%; 
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.prod-list .slick-prev:before { content: ''; }
.prod-list .slick-next:before { content: ''; }
.prod-list .slick-prev, .prod-list .slick-next { 
  width: 50px; height: 100%; z-index: 9; opacity: 0.2;
  background: no-repeat center; }
.prod-list .slick-prev { left: -15px; background-image: url(../img_layout/prev.png); }
.prod-list .slick-next { right: -15px; background-image: url(../img_layout/next.png); }
.prod-list .slick-prev:hover, .prod-list .slick-prev:focus, 
.prod-list .slick-next:hover, .prod-list .slick-next:focus {
  background-repeat: no-repeat; background-position: center; opacity: 0.7; }
.prod-list .slick-prev:hover, .prod-list .slick-prev:focus { 
  background-image: url(../img_layout/prev.png); } 
.prod-list .slick-next:hover, .prod-list .slick-next:focus { 
  background-image: url(../img_layout/next.png); }

/* .news-list ====================================================================== */
.news-item { border-bottom: 1px dashed #999; padding-bottom: 10px; margin-bottom: 20px; position: relative; }
.news-item:last-child { border-bottom: none; }
.news-item>.w3-col.l2 { padding: 10px; }
.news-item>.w3-col.l2>a, .news-item img { 
  display: block; width: 100%; max-width: 160px; height: auto; margin: 0 auto; }
.news-item .w3-col.l10 { padding-left: 10px; }
.news-item h4 { color:#999; font-size: 14px; font-weight: normal; }