@charset "utf-8";
/* CSS Document */

#slider1_container, .slides-cont{ width: 75%; height: 286px; position: relative;}
#slider1_container{margin:0 auto 50px auto; }
.slides-cont{ width:100%; cursor: move; position: absolute; left: 0px; top: 0px; border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;border:2px solid #fff }
.mkst01{  width:1000px; position:absolute; top:145px !important; height:0px}

#slider1_container .mkst01 .thumb-sml{ width:1000px; margin:0 auto; position:absolute;}
.thumb-sml img{overflow:hidden !important; border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;-webkit-border-radius:15px;-ms-border-radius:15px;-khtml-border-radius:15px; }

        /* mks slider thumbnail navigator skin 01 css */
                /*
                .mkst01 .p           (normal)
                .mkst01 .p:hover     (normal mouseover)
                .mkst01 .pav           (active)
                .mkst01 .pav:hover     (active mouseover)
                .mkst01 .pdn           (mousedown)
                */
				
				
				
                .mkst01 .p:hover .c, .mkst01 .pav:hover .c, .mkst01 .pav .c {
                    background: url(../images/t01.png) center center;}

                .mkst01 .p:hover .c, .mkst01 .pav:hover .c {}
				.mkst01 .pav .p, .mkst01 .pav .w{width:156px; height:91px; overflow:hidden !important; }
				.mkst01 .pav .c{ border:2px solid #fff; width:160px; height:95px; position:absolute; left:0; top:0 }
				
				.mkst01 .p, .mkst01 .w, .mkst01 .c{  overflow:hidden !important; left:0; top:0; position:absolute; width: 160px; height: 95px; border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;-webkit-border-radius:15px;-ms-border-radius:15px;-khtml-border-radius:15px; box-sizing:border-box; -moz-box-sizing:border-box;-o-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; }
				.mkst01 .p{ }
				<!-- Arrow Navigator Skin Begin -->
        		
       
				 /* mks slider arrow navigator skin 05 css */
            /*
            .mksa05l              (normal)
            .mksa05r              (normal)
            .mksa05l:hover        (normal mouseover)
            .mksa05r:hover        (normal mouseover)
            .mksa05ldn            (mousedown)
            .mksa05rdn            (mousedown)
            */
            .mksa05l, .mksa05r, .mksa05ldn, .mksa05rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../images/a17.html) no-repeat;
                
            }
          
			 <!-- Arrow Left -->

@media only screen and (max-width: 1100px) { }
@media only screen and (max-width: 1024px) { #slider1_container, .slides-cont{ width: 99%; height:286px }}
@media only screen and (max-width: 980px) {#slider1_container, .slides-cont{ width: 100%; height:286px }}
@media only screen and (max-width: 800px) {#slider1_container, .slides-cont{ height:200px; margin:10px auto; }.mkst01{ display:none; top:0 ;}}
@media only screen and (max-width: 480px) {#slider1_container, .slides-cont{ height:150px }}
@media only screen and (max-width: 360px) {#slider1_container, .slides-cont{ height:120px }}