@charset "utf-8";

/* CSS Document */

@import url("normalize.css");



body{

	background: #fff;

	font: 0.75em "Microsoft JhengHei",Verdana, Arial, Helvetica, sans-serif;

	line-height:1.8em;

	color: #555;

	overflow-x: hidden;

}





/*預設連結狀態*/

a:link , a:visited{ color: #555; text-decoration: none; }

a:hover, a:active { color: #fa901f; text-decoration: none;}

a:focus { text-decoration: none;}

a, a:before, a:after, button{ -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}

*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

/*--- Clear fix -----------*/

.clear:before, .clear:after{ content: ""; display: table;}

.clear:after{ clear: both;}

/* IE6/7 support */

.clear{ *zoom: 1;}

.left{ float:left;}

.right{ float:right;}

.no-space { margin: 0 !important; padding: 0 !important;}

.text-center{ text-align: center;}

select:focus,input:focus,button:focus,textarea:focus { outline: 0 none; border-color: #fa901f !important;}

::-moz-placeholder { color: #c9c9c9;}

::-webkit-input-placeholder { color:#c9c9c9;}

::-ms-input-placeholder { color:#c9c9c9;}

/*選取文字變色

::selection{ background: #7b8e00; color: #fff;}*/



/*版本更新---------------------------------------------------------------------*/

#update-browser { width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.9); position: fixed; top: 0; color: #fff; padding-top: 350px; font-size: 15px; letter-spacing: 1px; text-align: center; z-index: 9999;}

#update-browser span a{ margin-right: 10px;}

#update-browser span a img{ margin-top: 20px;}



/*回TOP*/

.gotop{ border-radius: 5px; padding: 10px 15px; background: #000; opacity: 0.7; cursor: pointer; position: fixed; right: 20px; bottom: 40px; z-index: 1000; display: none;}

.gotop:before{ content: ""; border-left: 16px solid transparent; border-bottom: 16px solid #fff; border-right: 16px solid transparent; display: inline-block;}

.gotop:after{ content: ""; border-left: 16px solid transparent; border-bottom: 16px solid #000; border-right: 16px solid transparent; position: absolute; top: 15px; left: 15px;}



/* 輸入框 */

input[type="text"],input[type="password"],input[type="email"] { width: 100%; height: 38px; padding: 10px; border-radius: 0px; background-color: #fff; border: 1px solid #a5a5a5; color: #333; font-size: 14px; margin-bottom: 5px;}

textarea { width: 100%; height: 80px; padding: 10px; border-radius: 0px; background-color: #fff; border: 1px solid #a5a5a5; color: #333; font-size: 14px; margin-bottom: 5px;}

select{ width: 20%; min-width: 85px; padding: 10px; border-radius: 0px; background-color: #fff; border: 1px solid #a5a5a5; color: #333; font-size: 14px; margin-bottom: 5px;}

input[readOnly] { background: #ebebe4; color: #7a7a7a;;}

input[readOnly]:focus { border-color: #ddd !important;}

[v-cloak] { display: none;}



/**********************************************整體版型***************************************************/

.container{ width: 1280px; margin: 0 auto;}



header{height:85px; width: 100%; background-color: rgba(0, 0, 0, 0.6); box-shadow: 0 0 10px rgba(255, 255, 255, 0.7); margin: 0; padding: 0; position: absolute; z-index: 100; top: 0;}

section.banner{ margin: 0; padding: 0;}

section.main-product{ width: 100%; min-height: 100px; margin: 0; padding: 0;}

section.main-Ecatalog{ width: 100%; min-height: 100px; margin: 0; padding: 80px 0 60px;}

section.main{ width: 100%; min-height: 100px; margin: 0; padding: 40px 0 60px;}

section.banner-crumbs{ width: 100%; height: 290px; margin: 0; padding: 0; overflow: hidden;}

section.tohead{ width: 100%; height: 50px; margin: 0; padding: 0;}



/* header區塊 */

.logo{ width: 145px; height: 85px; display: block; float: left; margin-left: 3%;}

.logo img{ width: auto; height: 100%;}



/*上方選單====================================*/

nav{ float: right; margin: 0 5% 0 0; padding: 0;}



/* footer 區塊 */

footer{ width: 100%; min-height: 150px; background: #5c5c5c; padding: 65px 0 50px;}

.footer-company{ width: 30%; min-height: 100px; float: left;}

.footer-company a.footer-logo{ display: table; margin: 0 auto;}

.footer-company .info{ color: #fff; display: table; margin: 0 auto;}

.footer-company .info h3{ font-size: 22px; font-weight: 300; margin: 0 0 20px 0;}

.footer-company .info ul{ list-style: none; margin: 0; padding: 0;}

.footer-company .info ul li{ font-size: 15px; color: #fff; display: block; margin-bottom: 5px;}

.footer-company .info ul li a{ color: #fff;}

.footer-company .info ul li a:hover{ color: #ddd; text-decoration: underline;}



.footer-menu{ width: 55%; min-height: 100px; float: left; padding: 60px 20px 0;}

.footer-menu ul{ list-style: none; margin: 0; padding: 0; float: left;}

.footer-menu ul li{ font-size: 15px; line-height: 30px; letter-spacing: 1px; display: block;}

.footer-menu ul li a{ color: #fff; display: block;}

.footer-menu ul li a:hover{ color: #fa901f; }

.footer-menu .main-nav { width: 25%; margin-left: 2%; float: left;}

.footer-menu .main-nav ul li{ font-size: 18px; font-weight: 600; line-height: 36px;}

.footer-menu .main-nav h4{ display: none;}

.footer-menu .sub-nav{ width: 36%; float: left;}

.footer-menu .sub-nav h4, .footer-menu .main-nav h4{ font-size: 18px; line-height: 36px; font-weight: 600; letter-spacing: 1px; margin: 0; padding: 0;}

.footer-menu .sub-nav h4 a, .footer-menu .main-nav h4 a{ color: #fff; cursor: default;}

.footer-menu .sub-nav h4 a i, .footer-menu .main-nav h4 i{ color: #999; float: right; margin-right: 15px; display: none;}

.footer-menu .sub-nav ul{ width: 100%; float: none;}



.footer-follow{ width: 15%; color: #fff; text-align: center; float: left; margin-top: 60px; padding-right: 20px;}

.footer-follow img.qrcode{ width: 100%; height: auto; margin-bottom: 30px;}

.footer-follow h5{ font-size: 16px; font-weight: normal; font-family: arial;}

.footer-follow span.social{ width: 70%; display: table; margin: 0 auto;}

.footer-follow ul{ width: 100%; list-style: none; margin: 0; padding: 0; display: flex;}

.footer-follow ul li{ flex-grow: 1;}



/* slider */

.slider-wrapper{ width:100%; height: auto; overflow: hidden; background-color: #fff;}



/* 首頁內容 */

.main-product-list{ width: 100%; height: 340px; overflow: hidden;}

span.bg-show{ float: left; overflow: hidden;}

span.show-small{ width: 40%; background: #000;}

span.show-bigger{ width: 60%; background: #999;}

.main-product-list h1{ font-size: 44px; color: #fcfbfb; display: table; margin: 0 auto; padding: 20px 80px; border-radius:5px; background-color: #000; position: relative; top: -200px;}

span.bg-show img{ transition: all 0.3s ease-in 0s;}

.main-product-list a:hover span.show-bigger img{ -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform-origin: center center;}



.main-Ecatalog img.title{ display: table; margin: 0 auto 50px;}

.main-Ecatalog-list{ width: 100%; min-height: 150px; margin: 0 auto; padding: 0 20px;}

.main-Ecatalog-list ul{ list-style: none; margin: 0; padding: 0;}

.main-Ecatalog-list ul li{ width: 250px; min-height: 250px; display: inline-block; margin-left: 10%;}

.main-Ecatalog-list ul li span.cover{ width: 100%; height: auto; display: block; box-shadow: -8px 1px 10px rgba(0, 0, 0, 0.6);}

.main-Ecatalog-list ul li span.cover img{ width: 100%; height: auto; display: block;}

.main-Ecatalog-list ul li span.control{ width: 100%; display: table; margin: 20px 0; text-align: center;}

.main-Ecatalog-list ul li span.control a{font-size: 16px;  color: #fa901f; display: inline-block; background-color: #f1f0ef; padding: 10px 10px; border-radius: 5px;}

.main-Ecatalog-list ul li span.control a:last-of-type{ margin-left: 3%;}

.main-Ecatalog-list ul li span.control a i{ font-size: 20px; margin-right: 5px;}

.main-Ecatalog-list ul li span.control a:hover{ color: #f1f0ef; background-color: #fa901f;}



/* 內容頁 */

.banner-bg{ width: 100%; height: 100%; max-height: 255px; display: table; background-repeat: no-repeat; background-position: top center; background-attachment: fixed;}



/* 麵包屑 */

.crumbs{ width: 90%; min-height: 35px; display: table; margin: 0 auto;}

.crumbs ul{ list-style: none; margin: 5px 0; padding: 0;}

.crumbs ul li{ font-size: 14px; color: #777; display: inline-block;}

.crumbs ul li:before{ content: "/"; font-size: 16px; color: #a6a6a6; margin: 0 10px;}

.crumbs ul li a{ color: #777;}

.crumbs ul li a:hover{ color: #fa901f;}



/* 關於我們 / 品牌故事  */

.content-pic{ width: 47%; max-width: 600px; height: auto; display: inline-block; position: relative;}

.content-pic img{ width: 100%; height: auto;}

.content-pic img.all-full{ width: 870px; height: auto; position: absolute; right: 36px;}

.content-pic h1{ font-size: 38px; color: #030303; text-align: right; padding-right: 40px;}

.content-info{ width: 50%; height: auto; color: #3b3a3a; vertical-align: top; display: inline-block; padding: 0 10px 0 30px;}

.content-info h1{ font-size: 38px; line-height: 38px; margin-bottom: 40px;}

.content-info p{ font-size: 16px; line-height: 32px;}

.content-info p span{ font-size: 22px; color: #fa901f; padding: 0; font-weight: bold;}

.content-info p span.focus-wd{ font-size: 22px; color: #6e6b6a;}



/* 品質檢驗 */

.quality-info{ width: 100%; height: auto; color: #3b3a3a; display: inline-block; padding: 0 10px 0 30px;}

.quality-info h1{ font-size: 38px; line-height: 38px; margin-bottom: 40px;}

.quality-info h1 span{ font-size: 28px; color: #fa901f; font-weight: normal;}

.over-img{ width: 100%; overflow-x: auto;}

 .quality-info h2{ font-size: 28px; color: #fa901f; font-weight: normal; margin-top: 30px;}

img.quality-1{ width: 990px; height: auto; display: table; margin: 0 auto;}

img.quality-2{ width: 845px; height: auto; display: table; margin: 0 auto;}



/* 聯絡我們 */

.contact{ width: 100%; min-height: 200px; margin: 0; padding: 0;}

.contact h2{ font-size: 28px; color: #757370; font-weight: normal; margin-left: 5%;}

.contact .map{ width: 80%; max-width: 990px; height: 260px; background-color: #ccc; border: 1px solid #a29c9e; margin: 25px auto 10px; overflow: hidden;}

.contact ul{ width: 90%; list-style: none; margin: 0 auto; padding: 0;}

.contact ul li{ width: 33%; text-align: center; line-height: 36px; display: inline-block;}

.contact ul li i{ font-size: 24px; color: #c2bfbb; display: table; margin: 0 auto;}

.contact ul li b{ font-size: 24px; color: #fa901f; letter-spacing: 2px; font-family: Tahoma; display: table; margin: 0 auto;}

.contact ul li span{ font-size: 16px; font-weight: bold; letter-spacing: -1px;}



.form-info{ width: 90%; height: auto; margin: 40px auto;}

.form-row{ width: 100%; margin-bottom: 15px;}

.form-group{ width: 100%; display: inline-block; vertical-align: top;margin-bottom:10px}

/* .form-row .form-group:nth-of-type(2){ margin-left: 5%;} */

label.control-label{ font-size: 18px; font-weight: normal; letter-spacing: 5px; color: #000; display: block; margin-bottom: 5px; padding-left: 20px;}

.form-input{ width: 100%; padding: 0 15px;}

.form-input img{ cursor: pointer;}

.contact-qa, .contact-name{ width: 100%; margin-bottom: 20px;}

.form-input b.wd{ font-size: 14px; color: #4e4d4b; margin-left: 10px;}



.submit-btn button{ width: 100%; height: 38px; background: #e3e0df; color: #000; font-size: 20px; line-height: 12px; border: none; font-family: "Microsoft JhengHei"; margin-top: 25px;}

.submit-btn button:hover{ color: #fff; background-color: #fa901f; cursor: pointer;}



/* 詢價車 */

.inquiry{ width: 100%; min-height: 200px; margin: 0; padding: 0;}

.inquiry h2{ font-size: 28px; color: #757370; font-weight: normal; margin-left: 5%;}



.table-body{ padding: 0 20px; overflow-x: auto;}

.inquiry table{ width: 80%; min-width: 800px; display: table; margin: 0 auto;}

.inquiry table thead tr{ color: #fff; font-size: 18px; letter-spacing: 5px; font-weight: bold; line-height: 36px; background: #fa901f;}

.inquiry table thead tr th{ text-align: center; border-right: 2px solid #fff;}

.inquiry table thead tr th:last-of-type{ border-right: none;}

.inquiry table:last-of-type{ margin-top: 5px;}

.inquiry table tbody tr td{ font-size: 18px; text-align: center; line-height: 55px; border: 1px solid #a5a5a5; vertical-align: middle;}

.inquiry table tbody tr td:first-of-type{ color: #bdbcbc;}

.inquiry table tbody tr td:nth-of-type(2) img{ width: auto; height: 50px; display: table; margin: 0 auto;}

.inquiry table tbody tr td:nth-of-type(3){ color: #333; text-align: left; padding-left: 5px;}

.inquiry table tbody tr td:last-of-type a{ color: #fa901f;}

.inquiry table tbody tr td:last-of-type a i{ font-size: 20px; margin-right: 5px;}

.inquiry table tbody tr td:last-of-type a:hover{ color: #000;}



/* 數量選擇 */

.Spinner{ padding: 0 5px; overflow: hidden;}

.Spinner .Amount{ width: 50px; padding: 10px 0; line-height: 12px; font-size: 14px; border-width: 1px 0; border-style: solid; border-color: #dfdfdf; text-align: center; color: #555; outline: 0;}

.Spinner a{ font-size: 12px; padding: 18px 15px; line-height: 0; display: inline-block; border: 1px solid #dfdfdf; background-color: #f7f7f7; cursor: pointer; outline: 0;}

.Spinner a i{display: none;}

.Spinner a.DisDe:after{ content: '\e82f'; font-family: fontello; color: #dedede;}

.Spinner a.DisIn:after{ content: '\e82d'; font-family: fontello; color: #dedede;}

.Spinner a.Decrease:after{ content: '\e82f'; font-family: fontello;}

.Spinner a.Increase:after{ content: '\e82d'; font-family: fontello;}



/* 線上型錄 */

.ecatalog{ width: 100%; min-height: 200px; margin: 0; padding: 0;}

.ecatalog h2{ font-size: 28px; color: #757370; font-weight: normal; margin-left: 5%;}



.ecatalog-list{ width: 100%; min-height: 150px; margin: 0 auto; padding: 0 20px;}

.ecatalog-list ul{ list-style: none; margin: 0; padding: 0;}

.ecatalog-list ul li{ width: 240px; min-height: 250px; display: inline-block; margin: 0 2.5% 40px;}

.ecatalog-list ul li span.cover{ width: 100%; height: auto; display: block; box-shadow: -8px 1px 10px rgba(0, 0, 0, 0.6);}

.ecatalog-list ul li span.cover img{ width: 100%; height: auto; display: block;}

.ecatalog-list ul li span.control{ width: 100%; display: table; margin: 20px 0; text-align: center;}

.ecatalog-list ul li span.control a{ font-size: 16px; color: #fa901f; display: inline-block; background-color: #f1f0ef; padding: 10px 10px; border-radius: 5px;}

.ecatalog-list ul li span.control a:last-of-type{ margin-left: 2%;}

.ecatalog-list ul li span.control a i{ font-size: 20px; margin-right: 5px;}

.ecatalog-list ul li span.control a:hover{ color: #f1f0ef; background-color: #fa901f;}

.ecatalog-list ul.loadData li{ width: 100%; min-height: 100px; line-height: 100px; text-align: center;}



/* 頁碼 */

.pages{ text-align: center; margin-bottom: 25px;}

.pagination{ display: inline-block; margin: 20px 0; padding: 0 10px;}

.pagination > li{ font-size: 14px; display: inline;}

.pagination > li > a{ float: left; padding: 10px 15px; margin-left: 10px; margin-bottom: 8px; color: #333; background-color: #fff; border: 1px solid #a5a5a5;}

.pagination > li:first-of-type > a{ margin-left: 0;}

.pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus, .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus{ color: #fff; background-color: #bdbdbd; border-color: #ababab; cursor: default;}

.pagination > li > a:hover{ color: #fff; background-color: #bdbdbd; border-color: #ababab; cursor: pointer;}



/* 產品系列 */

.product-nav{ width: 100%; min-height: 50px; margin: -20px auto 0; padding: 0;}

.product-nav-main{ width: 100%; margin: 0 auto; padding: 0 60px;}

.product-nav-main ul{ list-style: none; margin: 0; padding: 0; display: flex;}

.product-nav-main ul li{ width: 50%; height:85px; margin-left: 2%;}

.product-nav-main ul li:first-of-type{ margin-left: 0; }

.product-nav-main ul li a{ font-size: 40px; color: #fff; letter-spacing: 3px; line-height: 85px; background: #919191; border-radius: 7px; display: block;}

.product-nav-main ul li a img{ width: auto; height: 100%; max-height: 85px; float: left; margin: 0 20% 0 10%;}

.product-nav-main ul li a:hover, .product-nav-main ul li.current a{ background: #fa901f;}



ul.product-nav-sub{ width: 90%; list-style: none; margin: 40px auto 0; padding: 0;  display: flex; flex-wrap: wrap; align-items:center;}

ul.product-nav-sub li{ width: 210px; font-size: 18px; float: left; margin: 0 0 20px 1.5%;}

ul.product-nav-sub li img{ width: 45px; height: auto; float: left; margin-top: -10px; margin-right: -10px;}

ul.product-nav-sub li a{ text-align: center; line-height: 28px; padding: 10px 0; display: block; border: 1px solid #fff; border-bottom: 1px solid #dbdbdb;}

ul.product-nav-sub li a:hover, ul.product-nav-sub li.current a{ border-radius: 8px; border-color: #fa901f; color: #fa901f;}



.product{ width: 100%; min-height: 200px; margin: 0; padding: 0;}

.product-crumbs{ margin: 60px 0 40px 5%;}

.product-crumbs ul{ list-style: none; margin: 0; padding: 0;}

.product-crumbs ul li{ font-size: 18px; padding-left: 15px; display: inline-block; margin-right: 15px;}

.product-crumbs ul li.title{ font-size: 28px; color: #757370; font-weight: normal; float: left;}

.product-crumbs ul li.title img{ width: 65px; height: auto; float: left; margin-top: -30px;}



.product-crumbs ul li a{ color: #919191;}

.product-crumbs ul li a:before{ width: 5px; height: 40px ;content: "\f105"; font-family: fontello; font-size: 18px; margin-right: 10px; display: inline-block;}

.product-crumbs ul li a:hover:before{ width: 5px; height: 40px ;content: "\f101";  font-size: 18px; color: #fa901f; display: inline-block;}

.product-crumbs ul li a:hover{ border-bottom:5px double #fa901f;}

.product-crumbs ul li.current a:before{ width: 5px; height: 40px; content: "\f101"; font-family: fontello; font-size: 18px; color: #fa901f; display: inline-block;}

.product-crumbs ul li.current a{ border-bottom:5px double #fa901f;}



.product-list{ width: 100%; min-height: 150px; margin: 40px 0 0; padding: 0;}

.product-list > ul.item{ list-style: none; margin: 0; padding: 0;}

.product-list > ul.item > li{ width: 30%; min-height: 200px; display: inline-block; margin: 0 0 50px 10px; vertical-align: top;}

.product-list > ul.item > li span.photo{ width: 100%; height: 250px; display: block; text-align: center; vertical-align: middle;}

.product-list > ul.item > li > span.photo > a > img{ width: 55%; max-width: 384px; height: auto; max-height: 250px; display: table; margin: 0 auto;}

.products-list-info{ width: 50%; border-left: 2px solid #fa901f; padding: 12px 10px 4px; display: table; margin: 30px auto 0;}

.products-list-info h2{ font-size: 20px; color: #000; font-weight: normal; margin: 0 0 10px; padding: 0;}

.products-list-info b{ font-size: 22px; color: #fa901f; font-family: arial;}

.product-list a.btn{ font-size: 16px; color: #fa901f; font-weight: 600; background-color: #f1f0ef; padding: 8px 25px; border-radius: 5px; display: table; margin: 10px auto 0;}

.product-list a.btn i{ font-size: 18px;}

.product-list a.btn:hover{ background-color: #fa901f; color: #fff;}



.product-list ul.item li ul{ width: 70%; height: auto; list-style: none; margin: 20px auto 40px; padding: 0;}

.product-list ul.item li ul li{ font-size: 15px; font-weight: 600; line-height: 34px;}

.product-list ul.item li ul li a{ color: #7a7978;}

.product-list ul.item li ul li a:hover{ color: #fa901f;}



.product-list > ul.loadData{ list-style: none; margin: 0; padding: 0;}

.product-list > ul.loadData > li{ width: 100%; min-height: 100px; line-height: 100px; text-align: center;}

.product-list .pages{ margin-bottom: 0;}

.product-list .pages .pagination{ margin: 80px 0 0;}



/* 回頂端 */

.go-head{ width: 75px; height: 50px; display: table; margin: 0 auto;}



/* 產品內容 */

.product-info{ width: 80%; min-height: 250px; margin: 20px auto; padding-bottom: 50px; border-bottom: 1px solid #e9e9e9;}

.product-info-left{ width: 60%; height: auto; float: left; overflow: hidden; position: relative;}

.product-info-right{ width: 40%; height: auto; float: right;}



.product-info-left .product-pic{ width: 500px; height: auto; float: right;}

.product-info-left ul li.etalage_small_thumbs{ display: none;}

.pro-bigbtn{ width: 40px; height: 40px; border: 1px solid #ec6a0f; border-radius: 7px; position: absolute; bottom: 0; right: 50px; z-index: 50;}

.pro-bigbtn i{ font-size: 30px; color: #ec6a0f; padding: 5px 0; display: block;}



.product-info-right ul.item{ list-style: none; border-left: 2px solid #fa901f; margin: 120px 0 0; padding: 0 20px 0;}

.product-info-right ul.item li{ font-size: 18px; line-height: 26px; color: #252423; /*text-align: justify;*/ margin-bottom: 30px;}

.product-info-right ul.item li b{ color: #797979; font-weight: normal; margin-right: 5px;}

.product-info-right ul.item li span{ font-weight: bold;}

.product-info-right ul.item li span.unit{ font-size: 14px; color: #999; margin-left: 5px;}

.product-info-right ul.social{ text-align: center; list-style: none; margin: 40px auto 0; padding: 0;}

.product-info-right ul.social li{ width: 30px; height: 30px; margin: 3px; display: inline-block;}

.product-info-right ul.social li a{ color: #fff; font-size: 16px; line-height: 30px; background-color: #777; border-radius: 50%; display: block;}

.product-info-right ul.social li a:hover{ background-color: #fa901f;}



.product-btn{ width: 100%; margin: 20px 0 0; padding: 0;}

.product-btn a{ font-size: 18px; color: #fa901f; padding: 10px 45px; background-color: #e4e4e4; border-radius: 7px; display: table; margin: 0 auto 10px;}

.product-btn a:hover{ background-color: #fa901f; color: #fff;}



.product-recommend{ width: 80%; height: auto; display: table; margin: 40px auto;}

.product-recommend h5{ font-size: 18px; font-weight: normal; letter-spacing: 1px; color: #fa901f; border: 1px solid #fa901f; border-radius: 7px; padding: 10px 200px; display: table; margin: 0 auto;}

.product-recommend ul{ list-style: none; margin: 40px 0 0; padding: 0; display: flex; justify-content:space-around; }

.product-recommend ul li{ width: 33.33%; min-height: 100px; display: inline-block; margin: 0 5%; overflow: hidden;}

.product-recommend ul li img{ width: 100%; height: auto; display: table; transition: all 0.3s ease-in 0s;}

.product-recommend ul li h6{ text-align:center; font-size: 15px;}

.product-recommend ul li:hover img{  -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}





.etalage img{ background-color: #fff;}

.green{ color: #14ba1e !important;}

.orange{ color: #fa901f !important;}