.wow{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.5s;animation-duration:1.5s;}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/*scooter*/
#scooter:before{
    content: "";
    border-width: 200px 0 0 50vw;
    border-color: transparent transparent transparent #d7d7d8;
    position: absolute;
    border-style: solid;
    top: -200px;
z-index: -1;}
#scooter:after{
    content: "";
    border-width: 0 0 200px 50vw; 
    border-color: transparent transparent #d7d7d8;position: absolute;
    border-style: solid;
    top: -200px;
	right: 0;z-index: -1;
}
#scooter{position: relative;padding: 1vw 0 3vw;background: #d7d7d8;}
#scooter .ainfo{display: flex;align-items: center;}
#scooter .ainfo .intext{display: flex;width: 46%;padding: 20px;flex-direction: column;}
#scooter .ttile2{display:flex;margin-bottom: 0px;margin-top: 40px;}
#scooter .ainfo .intext .ttile2 font{font-size: 60px;color: #4d4e4e;position: relative;}
#scooter .ainfo .intext .ttile2 font:before{
    content:"";
    position: absolute;
    width: 200px;
    height: 1px;
    background: #4f535b;
    bottom: -8px;
    left: 0;
}
#scooter .ainfo .intext .box{display: flex;flex-direction: column;margin: 30px 0px 0px;background: #ededec;padding: 20px 20px;border-radius: 15px;position: relative;min-height: 120px;justify-content: center;width: 95%;}
#scooter .ainfo .intext .box:hover:before{background: #e9b772;}
#scooter .ainfo .intext .box:before{
  	content:"";
  	position:absolute;
	width: 20px;height: 20px;
	background: #4d4e4e;
	border-radius: 30px;
	right: 13px;
	top: 10px;
}
#scooter .ainfo .intext .cicee{display: flex;margin-top: 40px;}
#scooter .ainfo .intext .cicee .cide{width: 160px;position: relative;margin-right: 15px;}
#scooter .ainfo .intext .cicee .cide:before{
    content:"";
    width: calc(100% - -3px);height: 100%;position: absolute;top: 0;background-image: url(/userfiles/images/20220517003351471.png);background-size: cover;
animation: rotation 2s infinite linear;}
#scooter .ainfo .intext .cicee .cide:nth-child(2):before{animation: rotation 2.1s infinite linear;}
#scooter .ainfo .intext .cicee .cide:nth-child(3):before{animation: rotation 1.9s infinite linear;}


#scooter .ainfo .mana h2{font-size: 25px;color: #666767;position: relative;}
#scooter .ainfo .mana h2:before{
    content:"";
    
width: 60px;height: 1px;background: #4f535b;position: absolute;left: 105px;top: 20px;}
#scooter .ainfo .intext .box p{color: #8b8b8b;display: flex;align-items: center;font-size: 20px;flex-wrap: wrap;}
#scooter .ainfo .intext .box p b{font-size: 25px;color: #666767;margin-right: 5px;}
#scooter .ainfo .intext .ttile2 font:after{
    content:"";
    position: absolute;
    width: 50px;
    height: 5px;
    background: #4f535b;
    bottom: -9.5px;
    left: 16px;
}

#scooter .ainfo .immg{display: flex;flex-direction: column;width: 54%;align-items: flex-end;margin-left: 10px;}

#scooter_QA{margin: 3vw 0 200px;}
.box-triangle{width: 0;
    height: 0;
    margin: -1px auto 0;
    border-style: solid;
    z-index: 1;
    border-width: 2rem 3rem 0 3rem;
    border-color: #d7d7d8 transparent transparent transparent;
              }
.green .box-triangle{
	 border-color: #7e9081 transparent transparent transparent;
}
#wrap .m_title{margin-bottom: 60px;display: flex;flex-direction: column;align-items: center;}
#wrap .m_title h3 font{font-size: 40px;position: relative;color: #4d4d4d;}
#wrap #form1 .m_title h3 font{color: #f6f6f6;}
#wrap .m_title h3 font:before{
    content:"";
    position: absolute;
    width: 200px;
    height: 1px;
    background: #4f535b;
    bottom: -8px;
    left: calc(50% - 100px);
}
#wrap .m_title h3 font:after{
    content:"";
    position: absolute;
    width: 50px;
    height: 5px;
    background: #4f535b;
    bottom: -9.5px;
    left: calc(50% - 25px);
}


/*ccar*/
#ccar:before{
    content: "";
    border-width: 200px 0 0 50vw;
    border-color: transparent transparent transparent #7e9081;
    position: absolute;
    border-style: solid;
    top: -200px;
z-index: -1;}
#ccar:after{
    content: "";
    border-width: 0 0 200px 50vw; 
    border-color: transparent transparent #7e9081;position: absolute;
    border-style: solid;
    top: -200px;
	right: 0;z-index: -1;
}
#ccar{position: relative;padding: 1vw 0 3vw;background: #7e9081;}
#ccar .ainfo{display: flex;align-items: center;}
#ccar .ainfo .intext{display: flex;width: 46%;padding: 20px;flex-direction: column;}
#ccar .ttile2{display:flex;margin-bottom: 0px;}
#ccar .ainfo .intext .ttile2 font{font-size: 60px;color: #ffffff;position: relative;}
#ccar .ainfo .intext .ttile2 font:before{
    content:"";
    position: absolute;
    width: 200px;
    height: 1px;
    background: #e9e9e9;
    bottom: -8px;
    left: 0;
}
#ccar .ainfo .intext .box{display: flex;flex-direction: column;margin: 30px 0px 0px;background: #ededec;padding: 20px 20px;border-radius: 15px;position: relative;min-height: 120px;justify-content: center;}
#ccar .ainfo .intext .box:hover:before{background: #e9b772;}
#ccar .ainfo .intext .box:before{
  	content:"";
  	position:absolute;
	width: 20px;height: 20px;
	background: #4d4e4e;
	border-radius: 30px;
	right: 13px;
	top: 10px;
}
#ccar .ainfo .intext .cicee{display: flex;margin-top: 40px;}
#ccar .ainfo .intext .cicee .cide{width: 160px;position: relative;margin-right: 15px;}
#ccar .ainfo .intext .cicee .cide:before{
    content:"";
    width: calc(100% - -3px);height: 100%;position: absolute;top: 0;background-image: url(/userfiles/images/20220517013935650.png);background-size: cover;
animation: rotation 2s infinite linear;}
#ccar .ainfo .intext .cicee .cide:nth-child(2):before{animation: rotation 2.1s infinite linear;}
#ccar .ainfo .intext .cicee .cide:nth-child(3):before{animation: rotation 1.9s infinite linear;}


#ccar .ainfo .mana h2{font-size: 25px;color: #666767;position: relative;}
#ccar .ainfo .mana h2:before{
    content:"";
    
width: 60px;height: 1px;background: #4f535b;position: absolute;left: 105px;top: 20px;}
#ccar .ainfo .intext .box p{color: #727272;display: flex;align-items: center;font-size: 21px;flex-wrap: wrap;}
#ccar .ainfo .intext .box p b{font-size: 25px;color: #666767;margin-right: 5px;}
#ccar .ainfo .intext .ttile2 font:after{
    content:"";
    position: absolute;
    width: 50px;
    height: 5px;
    background: #e9e9e9;
    bottom: -9.5px;
    left: 16px;
}

#ccar .ainfo .immg{display: flex;flex-direction: column;width: 54%;align-items: flex-end;margin-right: 10px;}
#ccar_QA{margin: 3vw 0 50px;}

@media screen and (max-width: 1440px){
	#scooter .ainfo .intext .ttile2 font ,#ccar .ainfo .intext .ttile2 font{font-size: 50px;}
	#scooter .ainfo .intext .box p , #ccar .ainfo .intext .box p{font-size: 18px;}
	#ccar .ainfo .immg ,#scooter .ainfo .immg{width: 50%;}
	#ccar .ainfo .intext , #scooter .ainfo .intext{width: 50%;}
}
@media screen and (max-width: 640px) {
	#ccar .ainfo ,#scooter .ainfo{display: flex;flex-direction: column;}
    #ccar .ainfo .intext, #scooter .ainfo .intext{width: 100%;padding: 0;}
	#scooter .ttile h2{font-size: 26px;}
    #scooter .ttile p{font-size: 14px;text-align: center;margin-top: 15px;}
	#scooter:before ,#ccar:before{border-width: 50px 0 0 50vw;top: -50px;}
	#scooter:after ,#ccar:after{border-width: 0 0 50px 50vw;top: -50px;}
	#scooter .ainfo .intext .ttile2 font, #ccar .ainfo .intext .ttile2 font ,#wrap .m_title h3 font{font-size: 35px;}
	#scooter .ainfo .intext .box ,#ccar .ainfo .intext .box{width: calc(100% - 40px);}
	#scooter .ainfo .intext .box p, #ccar .ainfo .intext .box p{font-size: 16px;}
	#ccar .ainfo .intext .box p b, #scooter .ainfo .intext .box p b, #scooter .ainfo .mana h2 ,#ccar .ainfo .mana h2{font-size: 21px;}
	#scooter .ainfo .intext .cicee ,#ccar .ainfo .intext .cicee{display: flex;justify-content: center;margin-top: 30px;margin-bottom: 30px;}
	#ccar .ainfo .immg, #scooter .ainfo .immg ,#scooter .ainfo .immg a{width: 100%;margin: 0 auto;display: flex;flex-direction: column;align-items: center;}
	#ccar .ainfo .immg img, #scooter .ainfo .immg img{width: 300px;margin: 0 auto;}
	#scooter .ainfo .immg{order: 1;}
	#scooter .ainfo .intext{order:2;}
	#scooter_QA{margin: 3vw 0 100px;}
	#wrap #form1 .m_title h3 font{font-size: 36px;}
	
}
@media screen and (max-width: 480px) {


}