<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

#slider {
    Z-INDEX: 1;
    POSITION: absolute;
    WIDTH:62.5%;
    HEIGHT: 500px;

    OVERFLOW: hidden;
    top: 100px;
	left: 18.75%;
  
}

#slider .slide {
    Z-INDEX: 10;
    POSITION: absolute;
    /*BORDER-LEFT: #EF8000 1px solid;*/
    WIDTH: 430px;
    BACKGROUND: #000;
    HEIGHT: 500px;
    OVERFLOW: hidden;
    TOP: 0px;
    CURSOR: default;
    LEFT: 0;
    text-align: left;
}

#slider .title {
    COLOR: #f80;
    FONT-SIZE: 1.2em;
    FONT-WEIGHT: bold;
    MARGIN-RIGHT: 1.5em;
    TEXT-DECORATION: none
}

#slider .text {
    POSITION: absolute;
    TEXT-ALIGN: justify;
    WIDTH: 470px;
    DISPLAY: none;
    FONT-FAMILY: verdana, arial, Helvetica, sans-serif;
    COLOR: #fff;
    FONT-SIZE: 0.9em;
    TOP: 100%;
    LEFT: 0
}

#slider .diapo {
    POSITION: absolute;
    FILTER: alpha(opacity=100);
    VISIBILITY: visible;
    opacity: 1
}

.pagenext {
    POSITION: relative;
    WIDTH: 820px;
    HEIGHT: 37px
}


@media (max-width:1450px) {
	
	
#slider {
	
	
	width: 75%;
	left: 12.5%;
	}
}

@media (max-width:800px) {
	
	
#slider {
	
	
	width: 85%;
	left: 7.5%;
	}
}
@media (max-width:600px) {
	
	
#slider {
	
	
	width: 95%;
	left: 2.5%;
	}
}


@media (max-width:430px) and (max-height:750px) {

	#slider{
		height: 350px;
		top: 80px;
	}#slider .slide{
		height: 300px;
		width: 305px;
	}.product4 .item .text p{
		height: 108px;
		overflow: hidden;
	}
	.lj{
		margin-top: 100px;
	}
}</pre></body></html>