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

/* // Sudo Slider */
/* Numeric Navigation */
.banner .controls{position:absolute;width:100%;bottom:20px; text-align:center; left:0;}
ol.numericControls {margin:1em 0;padding:0;height:20px;font-size:0; position:relative; margin:0 auto; max-width:1204px;}
ol.numericControls li{margin:0 10px 0 0; padding:0;display:inline-block;list-style:none;height:28px;line-height:28px;}
ol.numericControls li a{display:inline-block;height:21px;line-height:21px;padding:0 12px;text-decoration:none;background:url(../images/bullet_nactive.jpg) no-repeat}
ol.numericControls li.current a{background:url(../images/bullet_active.jpg) no-repeat}
ol.numericControls li a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;margin-bottom:36px;}


.slider_2 .prevBtn{ bottom:0; width:49px;height:34px;float:left;margin:5px 5px 0 0;z-index:1000;background:url(../image/prev.png) no-repeat 0 0;cursor:pointer;}
.slider_2 .nextBtn { bottom:0; width:49px;height:34px;float:left;margin-top:5px;z-index:1000;background:url(../image/next.png) no-repeat;}

.slider_2 .controls {
    display: inline-block;
    float: right;
    padding: 0 0 0 6%;
    /* margin-top: 0px; */
    /* position: absolute; */
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    margin: auto;
    width: 57%;
}
.slider_3 .controls {
    display: inline-block;
    float: right;
    padding: 0 0 0 6%;
    /* margin-top: 0px; */
    /* position: absolute; */
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    margin: auto;
    width: 65%;
}
.slider_3 .prevBtn{ bottom:; width:104px;height:35px;float:left;margin:5px 5px 0 0;z-index:1000;background:url(../image/pr.png) no-repeat ;cursor:pointer;}
.slider_3 .nextBtn { bottom:0; width:104px;height:35px;float:left;margin-top:5px;z-index:1000;background:url(../image/ne.png);}
@media only screen and (min-width :320px) and (max-width : 359px){
	.slider_3 .controls {
   
    width: 90%;
}
}
@media only screen and (min-width :360px) and (max-width : 479px){
	.slider_3 .controls {
   
    width: 86%;
}
}
@media only screen and (min-width :480px) and (max-width : 639px){
	.slider_3 .controls {
   
    width: 80%;
}
}
@media only screen and (min-width : 640px) and (max-width : 767px){
	.slider_3 .controls {
   
    width: 73%;
}
}
@media only screen and (min-width : 768px) and (max-width : 799px){
	.slider_3 .controls {
   
    width: 74%;
}
}
@media only screen and (min-width : 800px) and (max-width : 979px){
	.slider_3 .controls {
   
    width: 72%;
}
}
@media only screen and (min-width : 980px) and (max-width : 1023px){
	.slider_3 .controls {
   
    width: 71%;
}
}