﻿html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span{padding:0;margin:0;}
#full-screen-slider { width:100%; min-height:520px; _height:auto; float:left; position:relative; }
#full-screen-slider img{ width:100%; _height:520px; max-width:1920px;}
#slides { display:block; width:100%; min-height:520px; _height:520px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; text-align:center; }
#slides li a { display:block; width:100%; height:100%;}
#pagination { display:block; list-style:none; position:absolute; left:28%; bottom:50px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}




@media only screen and (max-width: 1680px){
#full-screen-slider {min-height:455px;}
#slides { min-height:455px;}

}
@media only screen and (max-width: 1440px){
#full-screen-slider {min-height:390px;}
#slides { min-height:390px;}
#pagination {  left:20%; bottom:30px;}
}
@media only screen and (max-width: 1366px){
#full-screen-slider {min-height:370px;}
#slides { min-height:370px;}

}
@media only screen and (max-width: 1280px) {
#full-screen-slider {min-height:347px;}
#slides { min-height:347px;}
#pagination {  left:15%;}
}
@media only screen and (max-width: 1024px) {
#full-screen-slider {min-height:277px;}
#slides { min-height:277px;}
#pagination {  left:10%;}
}
@media only screen and (max-width: 800px) {
#full-screen-slider {min-height:217px;}
#slides { min-height:217px;}
#pagination {  left:-30px; bottom:30px;}
}

@media only screen and (max-width: 700px){	
#full-screen-slider {  min-height:190px; }
#slides {  min-height:190px; }
#pagination { left:-62px; }

}

@media only screen and (max-width: 640px){	
#full-screen-slider { width:100%; min-height:174px;}
#slides { min-height:174px;}
#pagination { left:-110px;  bottom:10px;}

}
@media only screen and (max-width: 600px){	
#full-screen-slider { width:100%; min-height:163px;}
#slides { min-height:163px;}
#pagination { left:-110px; }
}

@media only screen and (max-width: 480px) {
#full-screen-slider {  min-height:130px; }
#slides { min-height:130px; list-style:none; }
#pagination {  left:-195px;}
#pagination li { display:block; list-style:none; width:8px; height:8px; float:left; margin-left:8px; border-radius:5px; background:#FFF }

}

@media only screen and (max-width: 401px) {
#full-screen-slider {  min-height:109px; }
#slides { min-height:109px;  }
#pagination {  left:-230px;}

}

@media only screen and (max-width: 395px) {
#full-screen-slider {  min-height:107px; }
#slides { min-height:107px;  }
#pagination {  left:-230px;}

}

@media only screen and (max-width: 375px) {
#full-screen-slider {min-height:102px;}
#slides { min-height:102px;}
#pagination {  left:-240px; }	

	


}

@media only screen and (max-width: 360px) {
#full-screen-slider {min-height:97px;}
#slides { min-height:97px;}
#pagination {  left:-250px;}	

	


}
@media only screen and (max-width: 320px) {
#full-screen-slider {min-height:87px;}
#slides { min-height:87px;}
#pagination {  left:-270px;}	

	
}

@media only screen and (max-width: 240px) {
#full-screen-slider {min-height:65px;}
#slides { min-height:65px;}
#pagination {  left:-300px; }	

	
}