@charset "utf-8";
.onebyone-box{margin:80px 0 0 0;}
.oneByOne1,.oneByOne_item{width:100%;overflow:visible;}
#onebyone_slider{margin:0; position:relative;width:100%;height:850px;text-align:center;z-index:0}
.oneByOne1{top:0;left:0;position:relative}
.oneByOne_item{position:absolute;height:850px}
.oneByOne_item a{text-decoration:none}


/*按鈕置中*/
.but{text-align:center;cursor:pointer;}
.but{display:inline-block;position:relative;}
.but:after{position:absolute;box-sizing:content-box;}
.but:before{speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased;}


.buttonArea{left:0;position:relative;top:100%;margin-top:-55px}
.buttonCon{left:3%;bottom:30px;position:relative;z-index:2}
.buttonCon .theButton{display:block;background:url(circlebutton.png) no-repeat #1a56b5;border-radius:50%;width:10px;height:10px;float:left;text-indent:-9999px;border:0;margin:0 20px 0 0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.buttonArea a.active{background-position:0 -40px}










@media screen and (max-width:1681px){
#onebyone_slider,.oneByOne_item{height:700px}
	
	
	
}
@media screen and (max-width:1601px){}
@media screen and (max-width:1537px){}
@media screen and (max-width:1441px){
#onebyone_slider,.oneByOne_item{height:600px}	
	
}
@media screen and (max-width:1367px){}
@media screen and (max-width:1281px){
#onebyone_slider,.oneByOne_item{height:500px}		
	
}
@media screen and (max-width:1178px){
.onebyone-box{margin:70px 0 0 0;}
}
@media screen and (max-width:1098px){}
@media screen and (max-width:1025px){
#onebyone_slider,.oneByOne_item{height:550px}		
.header1{background:url("00-index-900-01.webp") center top no-repeat;background-size:100% auto}
.header2{background:url("00-index-900-02.webp") center top no-repeat;background-size:100% auto}
.header3{background:url("00-index-900-03.webp") center top no-repeat;background-size:100% auto}		
	
}
@media screen and (max-width:961px){#onebyone_slider,.oneByOne_item{height:500px}	}
@media screen and (max-width:901px){
.onebyone-box{margin:65px 0 0 0;}		
}
@media screen and (max-width:865px){
#onebyone_slider,.oneByOne_item{height:450px}	
}
@media screen and (max-width:801px){

}
@media screen and (max-width:769px){
#onebyone_slider,.oneByOne_item{height:400px}
}
@media screen and (max-width:757px){
.onebyone-box{margin:107px 0 0 0;}
#onebyone_slider,.oneByOne_item{height:350px}		
}
@media screen and (max-width:668px){}
@media screen and (max-width:641px){

.buttonCon{left:3%;bottom:0;position:relative;z-index:2}		
}
@media screen and (max-width:599px){}
@media screen and (max-width:569px){
#onebyone_slider,.oneByOne_item{height:450px}
.header1{background:url("00-index-640-01.webp") center top no-repeat;background-size:100% auto}
.header2{background:url("00-index-640-02.webp") center top no-repeat;background-size:100% auto}
.header3{background:url("00-index-640-03.webp") center top no-repeat;background-size:100% auto}				
}
@media screen and (max-width:481px){
#onebyone_slider,.oneByOne_item{height:420px}		

}
@media screen and (max-width:436px){
#onebyone_slider,.oneByOne_item{height:390px}
}
@media screen and (max-width:415px){
	
}
@media screen and (max-width:385px){
#onebyone_slider,.oneByOne_item{height:340px}	
}
@media screen and (max-width:361px){
#onebyone_slider,.oneByOne_item{height:320px}	
	
	
}
@media screen and (max-width:321px){}