@charset "utf-8";

@media only screen and (max-width: 1200px) {
                #head, #foot, #main{
                width: 100%;
                }
            }
            @media only screen and (max-width: 980px) {
                .right{
                    display: none;
                }
                .left{
                    width: 30%;
                }
                .center{
                    width: 70%;
                    border-right: hidden;
                }
            }


@media only screen and (max-width: 640px) {
.mt30{margin-top:0px;
	width: 100%;
                    display: block;
                    height: 200px;
                    line-height: 200px;}
.mt40{margin-top:10px;width: 100%;
                    display: block;
                    height: 200px;
                    line-height: 200px;}	
}

.cate_3 .wpb_wrapper .banner-img{display: block;position: relative;z-index: 1;line-height: 1;width: 100% !important;height: auto !important;transition: all 500ms ease-out 0s;}
.cate_3 .wpb_wrapper:hover .banner-img{-moz-transform:scale(1.1);	-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.cate_3 .wpb_wrapper .ol {position: absolute;display: block;left: 0px;right: 0px;top: 0px;bottom: 0px;z-index: 2;}
.cate_3 .wpb_wrapper .banner-text-container {position: absolute;z-index: 3;top: 50%;left: 50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);moz-transform:translate(-50%, -50%));-webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.cate_3 .wpb_wrapper .banner-text-content {padding: 15px;text-transform: uppercase;font-size: 18px;font-weight: 300;white-space: nowrap;line-height: 1;text-align: center;
padding: 0px;}
.cate_3 .wpb_wrapper .banner-text-content span {border-width: 1px 0px;border-style: solid none;border-color: #FFF; -moz-use-text-color;-moz-border-top-colors: none;-moz-border-right-colors: none;
-moz-border-bottom-colors: none;-border-left-colors: none;border-image: none;display: block;margin: 5px 0px;padding: 10px; color:#fff;}
.cate_3 .wpb_wrapper a {display: block;position: relative;overflow: hidden;}

.product_4 a{display: block;position: relative;overflow: hidden;}

.rollover{transition: all 0.25s ease-out 0s;position: relative; background-color:#000;}
figure img {float: left;width: 100%;max-width: 100%;height: auto;}
.rollover img {transition: all 0.25s linear 0s;transform: translateZ(0px);}
.rollover:hover img {opacity: 0.7;}
.rollover .bt-url {display: block;position: absolute;top: 50%;left: 50%;width: 40px;height: 40px;margin: -21px 0px 0px -21px;border: 2px solid rgba(255, 255, 255, 0.75);border-radius: 50%;text-indent: -23em;overflow: hidden;}
.rollover.site .bt-url {visibility: hidden;opacity: 0;transition: all 0.25s ease-out 0s;}
.rollover.site:hover .bt-url { visibility:visible;opacity: 1;}


.rollover .rollover_title{position: absolute; top: 60%; width: 100%; margin: 0; font-size: 16px; color: #ececec;text-transform : uppercase; line-height:28px; text-align:center}
.rollover.site .rollover_title {visibility: hidden;opacity: 0;transition: all 1.4s ease-out 0s;}
.rollover.site  h3 {line-height: 80px; text-align: center;}
.rollover.site:hover .rollover_title{ visibility:visible;opacity: 1;}


.rollover .bt-url::before {content: "\f105";display: block;width: 38px;height: 38px;text-align: center;font-family:"FontAwesome";font-size: 22px;font-weight: normal;font-variant: normal;
text-indent: 0px;text-decoration: inherit;line-height: 38px;color: rgba(255, 255, 255, 0.75);transition: all 0.25s ease-out 0s;}