@media screen and (min-width:1280px) and (max-width:1600px){
  .textStyle{height:412px}
  .changeWidth{width:1000px !important}
  .textStyle>div{left:74px;top:52.5px}
  .textStyle .posNum1{left:74px;top:93.5px}
  .textStyle .posNum2{left:74px;top:114px !important}
  .userStoryText{width:409px;font-size:45px;font-weight:600;border-bottom:6px solid #f9c700;right:60%}
  .userStoryImgContainer .userDetail h2{font-size:20px}
  .userStoryImgContainer .userDetail p{font-size:16px}
  .joinContainer h2{font-size:60px}
  .joincontainer2>div:first-child{margin:70px 0 70px 0;font-size:36px}
  .erCode{width:35%}
  .erCode>img{width:460px;height:246px}
}
@media screen and (min-width:851px) and (max-width:1279px){
  .textStyle{height:329px}
  .changeWidth{width:800px !important}
  .textStyle>div{left:62.5px;top:34.5px}
  .textStyle .posNum1{left:62.5px;top:70.5px}
  .textStyle .posNum2{left:62.5px;top:88.5px !important}
  .title{font-size:25px}
  .detail,.introduce>li{font-size:14.4px}
  .userStoryText{width:288px;line-height:60px;font-size:30px;border-bottom:5px solid #f9c700;right:62%}
  .userStoryImgContainer .userDetail h2{font-size:18px;margin-left:8%;margin-top:20px}
  .userStoryImgContainer .userDetail p{font-size:15px;margin-left:8%}
  .joinContainer h2{font-size:45px;font-weight:600}
  .joincontainer2>div:first-child{margin:70px 0 70px 0;font-size:36px}
  .erCode{width:45%}
  .erCode>img{width:460px;height:246px}
}
@media screen and (min-width:768px) and (max-width:850px){
  .textStyle{height:267.36px}
  .changeWidth{width:650px !important}
  .textStyle>div{width:225px;left:50px;top:18.575px}
  .textStyle .posNum1{left:50px;top:51.275px}
  .textStyle .posNum2{left:50px;top:71.375px !important}
  .title{font-size:20px}
  .detail{margin-top:15px}
  .introduce{margin-bottom:0}
  .detail,.introduce>li{font-size:13px}
  .userStoryText{width:288px;line-height:60px;font-size:30px;border-bottom:5px solid #f9c700;right:58%}
  .userStoryImgContainer .userDetail h2{font-size:18px;margin-left:6%;margin-top:15px}
  .userStoryImgContainer .userDetail p{font-size:14px;margin-left:6%}
  .joinContainer h2{font-size:40px;font-weight:500}
  .joincontainer2>div:first-child{margin:70px 0 70px 0;font-size:36px}
  .erCode{width:50%}
  .erCode>img{width:460px;height:246px}
}
@media screen and (max-width:767px){
  .foot{height:226px !important;padding:20px 0 !important;border-top:3px solid #f9c700}
  .footer_logo{width:56px !important;height:56px !important}
  .service,.service1{font-size:12px !important}
  .hideImg,.hideContainer,.threeCol,.aboutImg{display:none !important}
  .smallDiv{background-color:#fff}
  .title{font-size:22px}
  .detail{margin-top:16px;margin-bottom:0px;font-size:18px}
  .aboutText{margin:40px 0 30px 0}
  .aboutText>p:first-child{font-size:16px;line-height:45px}
  .aboutText>p:last-child{font-size:14px;line-height:50px;margin-top:10px}
  .userStoryText{width:155px;line-height:28px;font-weight:700;font-size:17px;border-bottom:3px solid #f9c700;right:5%;top:25%;padding-bottom:6px;letter-spacing:1px}
  .userStoryContainer>img:first-child{display:none}
  .userStoryImgContainer{display:block;padding:0 15px;margin:15px 0 15px 0}
  .userStoryImgContainer>div{margin:0 !important;}
  .userStoryImgContainer>div:first-child,.userStoryImgContainer>div:nth-child(2){margin-bottom:15px !important} 
  .userStoryImgContainer .userDetail{height:114px}
  .userStoryImgContainer .userDetail h2{font-size:18px;margin-left:6%;margin-top:15px}
  .userStoryImgContainer .userDetail p{font-size:14px;margin-left:6%}
  .joinContainer h2{font-size:21px;font-weight:400}
  .joincontainer2>div:first-child{margin:40px 0 40px 0;font-size:22px}
  .joincontainer2 .smallHidden{display:none}
  .imgContainer{display:block !important;margin-bottom:66px}
  .joinContainer3{padding:70px 0 40px 0}
  .joinContainer3 h3{font-size:30px;margin-bottom:30px}
}