body{
  background: url('/assets/images/support/contact/bg-w400.png') 0 0 no-repeat;
  background-size:100% auto;
}
main{
  /* padding-top:40px; */
  padding-bottom:60px;
  background-color:#fff;
}
.mobileBreadcrumb{
  color:#00000099;
  height:36px;
  line-height: 36px;
}

.mobileBreadcrumb a,.mobileBreadcrumb span{
  font-family: 'NunitoSans-Medium';
  font-size: 1rem;
  text-decoration: none;
  color:#00000099;
}
.mobileBreadcrumb span{
  color:#000000;
}
.downloadTopWrap{
  padding:60px 20px 110px 20px;
}
.downloadTopWrap a:first-child{
  margin-right:4px;
}
.downloadTopWrap a:nth-child(2){
  margin:0 4px 0 2px;
}
.downloadTopWrap span{
  margin-left:4px;
}



.companyInfoWrap .companyInfoFlexWrap{
  flex-wrap:wrap;
  width:100%;
}
.companyInfoFlexWrap .companyInfoItem{
  width:100%;
  border-radius:16px;
  border: 1px solid #D7D7D7;
  padding: 60px 36px 74px 36px;
  margin-top:24px;
}
.companyInfoItem .normalIcon{
  width:64px;
  height:64px;
}
.companyInfoItem h3{
  font-family: 'NunitoSans-SemiBold';
  color:#000000E5;
  font-size:1.5rem;
  line-height: 2.1rem;
  margin:20px 0 0 0;
}
.companyInfoItem p{
  font-family: 'NunitoSans-SemiBold';
  color:#000000E5;
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin:12px 0 0 0;
  text-align: center;
}

.threeItem h3{
  margin-top:0px;
  margin-bottom: 40px;
}
.threeItem .socialMediaWrap{
  gap:16px;
}
.threeItem .socialMediaWrap a{
  width:96px;
  height:94px;
  text-decoration: none;
}
.threeItem .socialMediaWrap a img{
  width:60px;
  height:60px;
}
.threeItem .socialMediaWrap a span{
  margin-top:12px;
  font-size: 1rem;
  color:#000000E5;
}
.companyInfoWrap .text{
  margin-top: 40px;
  font-size: 1.125rem;
  line-height: 1.4rem;
  color: #00000099;
  text-align: center;
}

.supportInfoWrap{
  padding-top:100px;
  margin-top: 50px;
  background: #F9F9F9;
}
.sectionTitle{
  font-family: 'NunitoSans-ExtraBold';
  font-size: 2rem;
  color: #000000E5;
  text-align: center;
}
.seationDesc{
  color:#00000099;
  font-size: 1rem;
  line-height: 1.4rem;
  text-align: center;
}

.supportInfoWrap .supportInfoFlexWrap{
  width:100%;
  flex-wrap: wrap;
}
.supportInfoFlexWrap .supportItem{
  width:100%;
  margin-top:40px;
  border-radius: 16px;
  padding:40px 20px 28px 20px;
  box-shadow: 0px 0px 8px 0px #00000033;
  background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(90deg, #E08349 0%, #E05149 100%) border-box;
  border: 1px solid #D7D7D7;
  text-decoration: none;
}
.supportInfoFlexWrap .supportItem:hover {
    border: 1px solid transparent;
}
.supportItem img{
  width:80px;
  height:80px;
}
.supportItem .title{
  font-size: 1.5rem;
  color:#000000E5;
  font-family: 'NunitoSans-SemiBold';
  margin-left:16px;
  margin-bottom:0px;
}
.supportItem .text{
  padding-left:96px;
  font-size: 1rem;
  color:#000000E5;
  margin-top:4px;
  margin-bottom: 0px;
}
.winBtn{
  display: block;
}
.macBtn{
  display: none;
}
*[data-sys="win"] .macBtn, *[data-sys="mac"] .winBtn{
  display: none;
}
*[data-sys="win"] .winBtn, *[data-sys="mac"] .macBtn{
  display: block;
}
.blackBgWrap{
  background: url('/assets/images/support/contact/cta-w400.png') 0 0 no-repeat;
  background-size: 100% 100%;
  padding:102px 32px;
  margin-top:117px;
}
.blackBgWrap .title{
  font-family: 'NunitoSans-ExtraBold';
  font-size: 2rem;
  line-height: 3rem;
  color: #ffffff;
  text-align: center;
  margin-bottom: 0px;
}
.blackBgWrap .text{
  font-size: 1rem;
  color:#FFFFFFB2;
  margin-top:24px;
  margin-bottom:58px;
  text-align: center;
}
.blackBgWrap .iconOrangeBtn{
  width: 254px;
}
.blackBgWrap .iconOrangeBtn img{
  margin-bottom: 4px;
}
.bottomFiveList{
  margin-top:20px;
}
.bottomFiveList .fiveListFlexWrap{
  flex-wrap: wrap;
  width:100%;
}
.fiveListItem{
  margin-top:40px;
  width:100%;
}
.fiveListItem h6{
  font-family: 'NunitoSans-ExtraBold';
  font-size: 1.75rem;
  color: #000000E5;
  text-align: center;
  margin: 0px;
}
.fiveListItem p{
  font-size: 1.25rem;
  color:#00000099;
  font-weight: 500;
  text-align: center;
  margin:8px 0 0 0;
}

@media (min-width: 768px) {
  body{
    background: url('/assets/images/support/contact/bg-w768.png') 0 0 no-repeat;
    background-size:100% auto;
  }
  .downloadTopWrap{
    padding:50px 20px 88px 20px;
  }
  .companyInfoWrap{
    padding:0 8px;
    padding-top:24px;
  }
  .companyInfoFlexWrap{
    gap:24px;
  }
  .companyInfoFlexWrap .companyInfoItem{
    width:340px;
    height:300px;
    margin-top:0px;
  }
  .threeItem .socialMediaWrap{
    gap:71px;
  }
  .companyInfoFlexWrap .threeItem{
    width:100%;
  }
  .blackBgWrap{
    background: url('/assets/images/support/contact/cta-w768.png') 0 0 no-repeat;
    background-size: 100% 100%;
  }
  .bottomFiveList .fiveListFlexWrap{
    gap:66px;
  }
  .fiveListItem:nth-child(1),.fiveListItem:nth-child(2),.fiveListItem:nth-child(3){
    width:calc(33% - 66px);
  }
  .fiveListItem:nth-child(4),.fiveListItem:nth-child(5){
    width:calc(40% - 66px);
    margin-top:0px;
  }
}
@media (min-width: 1024px) {
  body{
    background: url('/assets/images/support/contact/bg-w1024.png') 0 0 no-repeat;
    background-size:100% auto;
  }
  .sectionTitle{
    font-size: 2.5rem;
    line-height: 3rem;
  }
  .downloadTopWrap{
    padding:50px 20px 71px 20px;
  }
  .companyInfoFlexWrap{
    gap:24px;
  }
  .threeItem .socialMediaWrap{
    gap:0;
  }
  .companyInfoFlexWrap .companyInfoItem{
    padding:60px 0 72px 0;
    flex:0 0 calc(33% - 24px);
  }
  .supportInfoFlexWrap{
    gap:40px;
    margin-top:40px;
  }
  .supportInfoFlexWrap .supportItem{
    width:calc(50% - 20px);
    margin-top:0px;
  }
  .blackBgWrap .title{
    font-size: 2.5rem;
    line-height: 3rem;
  }
  .blackBgWrap{
    background: url('/assets/images/support/contact/cta-w1024.png') 0 0 no-repeat;
    background-size: 100% 100%;
  }
 .fiveListItem h6{
  font-size: 2rem;
}
}
@media (min-width: 1464px) {
  body{
    background: url('/assets/images/support/contact/bg-w1920.png') 0 0 no-repeat;
    background-size:100% auto;
  }
  .downloadTopWrap{
    padding:90px 20px 103px 20px;
  }
  .threeItem .socialMediaWrap{
    gap:40px;
  }
  .supportInfoFlexWrap .supportItem{
    padding: 40px;
  }
  .blackBgWrap{
    background: url('/assets/images/support/contact/cta-w1920.png') 0 0 no-repeat;
    background-size: 100% 100%;
  }
  .bottomFiveList .fiveListFlexWrap{
    gap:108px;
    margin-top:60px;
  }
  .fiveListFlexWrap .fiveListItem{
    width:auto;
    margin-top:0px;
  }
}