@charset "utf-8";

@media(min-width:1024px) {
#container ol, #container ul { list-style: none; }
#container { width: 100%; height: 470px; margin: auto; position: relative; z-index: 0; overflow: hidden; }
#slides { /*position:absolute;*/
position: relative; z-index: 100; margin: auto; height: 470px; overflow: hidden; width: 100%; }
.slides_container { width: 100%; width: -moz-calc(100% + 960px - 50%); width: -webkit-calc(100% + 960px - 50%); width: calc(100% + 960px - 50%); height: 600px; position: absolute; overflow: hidden; margin-left: calc(50% - 960px);/*left:50%;
	left:calc(100% - 960px);top:0;*/
}
.slides_container img { border: 0; }
.pagination { margin: -40px auto 0 auto; width: 80px; z-index: 99; position: relative; }
.pagination li { float: left; margin: 0 1px; }
.pagination li a { display: block; width: 12px; height: 0; padding-top: 12px; background-image: url(../img/pagination.png); background-position: 0 0; float: left; overflow: hidden; z-index: 98; }
.pagination li.current a { background-position: 0 -12px; }
}

@media(max-width:1024px) {
#container ol, #container ul { list-style: none; }
#container { width: 100%; height: auto; margin: 60px auto auto auto; z-index: 0;clear: both; }
#slides { /*position:absolute;position:relative;*/	
z-index: 100; margin: auto; height: auto; width: 100%; }
.slides_container { width: 100%; height: 135px; }
.slides_container img { border: 0; width: 71%; height: auto; }
.pagination { margin: -60px auto auto auto; width: 80px; z-index: 99; position: relative; }
.pagination li { float: left; margin: 0 1px; }
.pagination li a { display: block; width: 12px; height: 0; padding-top: 12px; background-image: url(../img/pagination.png); background-position: 0 0; float: left; overflow: hidden; z-index: 98; }
.pagination li.current a { background-position: 0 -12px; }
}