.intro{position:relative;background-size:cover;height:100vh;overflow: hidden;}
.intro_img{background-size:cover; height:100vh;}
.intro .int_btn{position:absolute;}
.intro .int_btn a{display:block;}

.home{position:absolute;}
.skip{position:fixed;bottom: 5%;right: 2%;background-color:#ff661c;color:#fff;text-align:center;display:flex !important;justify-content: center;align-items: center;border-radius: 50%;z-index: 11;}
.video {position:absolute; top:0; left:0; width:100%; height:100%;}
.video::after{position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0; content:''}
.video iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

.intro img{display:none;}
@media (min-aspect-ratio: 16/9) {
  .video {
    height: 120% !important;
    top: -10% !important;
  }
}
@media (max-aspect-ratio: 16/9) {
  .video {
    width: 120% !important;
    left: -10% !important;
  }
}



@media (min-width: 1350px) {
	body{
    overflow: hidden;
}
	.intro{position:relative;/*background: url(/images/intro/pc/intro_bg.png) no-repeat 139% 50%; background-size:cover; margin: 0 auto;*/}
	.intro_img{position:relative;background: url(/images/intro/pc/intro_241128.png) no-repeat 100% 50%;background-size: auto 100%;margin: 0 auto;margin-right: -10vw;}
 

	
	.intro .int_btn h3{width: 37.9vw;}
	.intro .int_btn div{width: 7vw;padding-top: 2vw;}
	.intro .int_btn a{width: 7vw;margin-bottom:20px;}
	
	.home{top:2%; right:2%;}
	
	.skip{width:80px;height: 80px;font-size: 20px; }

}
@media (min-width:1800px) {
.intro .int_btn{left: 0;top: 16%;width: 41vw;display:flex;max-width: 800px;}
}
@media (min-width: 1700px) and (max-width: 1799px){
.intro .int_btn{left: 0vw;top: 16%;width: 39vw;display:flex;max-width: 800px;}	
}

@media (min-width: 1350px) and (max-width: 1700px){
.intro .int_btn{flex-direction: column;left: 0vw;top: 6%;width: 39vw;display:flex;max-width: 800px;}
    .intro .int_btn div {display:flex;align-items: flex-end;width: 100%;padding-left: 3vw;flex-direction: row-reverse;justify-content: flex-end;padding-top: 1vw !important;}
.intro{position:relative;/*background: url(/images/intro/pc/intro_bg.png) no-repeat 100% 50%;*/background-size: auto 100%; }	
.intro_img{margin-right: -1vw;/* background-position: 92% 0; */}
	.home{top:2%;right: 16vw;}
	.intro::after{background-size: 94% 1283vh;background-position: 662% 50%;}
	.intro .int_btn a{margin-right: 1vw;margin-bottom: 0;}
}

@media (min-width: 850px) and (max-width: 1350px){
	.intro{position:relative;/*background: url(/images/intro/tab/intro_241128.png) no-repeat 50%;*/ background-size: auto 100%; height:139.4vw}
	.intro .int_btn h3{display:none;}
	
	.intro .int_btn{bottom: 18vw;right: 7vw;}
	.intro .int_btn a{width: 12vw;margin-bottom: 2vw;}
	
	.home{top:2%;left:2%;width: 29.7vw;}
	
	
	.skip{width:8vw; height:8vw; font-size:2vw;}
}
	
	

@media (max-width:850px){
	.intro{position:relative; background: url(/images/mb_250109.jpg) no-repeat 50% ;background-size: 100% auto;height: 100vh; background-color:#000}
	.intro .int_btn h3{display:none;}
	
	.intro .int_btn{top: 46vw;right: 11vw;}
	.intro .int_btn div{display:flex;justify-content: flex-start;flex-direction: row;}
	.intro .int_btn a{width: 14vw;margin-right: 2vw;}
	
	.home{top:2%;left: 3%;width: 34.7vw;}
	
	.skip{width:12vw; height:12vw; font-size:4vw;}
	
	 .video {
    width:100% !important;
    left: 0% !important;
	height:56vw;
  }
  
  .intro img{display:block;}
  
}