@media screen and (min-width: 1025px) { 
.container {
    padding: 0 !important;
}
h2{
font-size: 40px;
}
.funfo{
width:100%;
max-width:1400px;
margin: 0 auto;
}
.funfo-1{
width:7%;
border-radius:1px;
margin:0 auto;
padding: 2px;
background:#FFB03B;
}
.funfo-title1{
text-align:center;
font-size: 40px;
font-weight:bold;
color:#333333;
margin: 0px 0px 40px 0px;
}
.funfo-title2{
width:80%;
text-align:center;
font-size: 32px;
font-weight:bold;
color:#333333;
margin: 30px 10% 40px 10%;
float:left;
}
.funfo-title3{
width:70%;
text-align:center;
font-weight:normal;
font-size: 16px;
color:#333333;
margin: 0px 15% 10px 15%;
float:left;
}
.funfo-form{
width:40%;
margin: 0 auto;
}
.funfo-window {
  text-align:left;
  position: fixed;
  color:#333333;
  background-color: rgba(255, 255, 255, 0.25);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.6s;
}
.funfo-window:target {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.funfo-window > div {
  width: 700px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -45%);
          transform: translate(-50%, -45%);
  padding: 2em;
  background: #ffffff;
  box-shadow: 0px 0px 10px #D3D3D3;
}
.funfo-window header {
  font-weight: bold;
}
.download-box{
width:26%;
height:200px;
text-align:center;
float:left;
margin: 150px 37% 0px 37%;
}
.download-box-0{
width:20%;
height:200px;
text-align:center;
float:left;
margin: 30px 40% 0px 40%;
}
.download-box-1{
width:200px;
font-size: 16px;
border-radius:5px;
margin:0 auto;
padding: 10px;
background:#FFB03B;
transition-duration: 0.4s;
font-weight:bold;
color:#FFFFFF;
text-align:center;
text-decoration:none;
}
.download-box-2{
width:100%;
font-size: 16px;
color:#333333;
text-align:center;
margin-top:30px;
font-weight:bold;
}
.download-box-1:hover{
background:#ff9800;
}
.download-font1{
transition-duration: 0.4s;
color:#FFB03B;
}
.download-font1:hover{
color:#ff9800;
text-decoration:none;
}
.funfo-home-form{
text-align: center; 
margin: 3px 0 0 33px; 
padding: 7px 16px 10px 16px; 
color: #ffffff; 
border-radius: 7px; 
background-color: #ffb03b;
transition-duration: 0.4s;
}
.funfo-home-form:hover{
background-color: #ff9800;
}
/*animation*/
.funfo-animation-0{
position:relative;
animation:up0 1s 1;
-webkit-animation:up0 1s 1; /*Safari and Chrome*/
}
.funfo-animation-1{
position:relative;
animation:up1 2s 1;
-webkit-animation:up1 2s 1; /*Safari and Chrome*/
}
.funfo-animation-2{
position:relative;
animation-delay:2s;
-webkit-animation-delay:2s; /* Safari 和 Chrome */
animation:up2 2s 1;
-webkit-animation:up2 2s 1; /*Safari and Chrome*/
}
@keyframes up0
{
0% {top:70px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
@-webkit-keyframes up0 /*Safari and Chrome*/
{
0% {top:70px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
@keyframes up1
{
0% {top:150px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
@-webkit-keyframes up1 /*Safari and Chrome*/
{
0% {top:150px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
@keyframes up2
{
0% {top:0px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
@-webkit-keyframes up2 /*Safari and Chrome*/
{
0% {top:0px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
}
@media screen and (max-width: 1025px) { 

}
@media screen and (min-width: 541px) and (max-width: 1024px) { 
.funfo{
width:100%;
}
.funfo-1{
width:7%;
border-radius:1px;
margin:0 auto;
padding: 2px;
background:#FFB03B;
}
.funfo-title1{
text-align:center;
font-size: 32px;
font-weight:bold;
color:#333333;
margin: 0px 0px 40px 0px;
}
.funfo-title2{
width:80%;
text-align:center;
font-size: 26px;
font-weight:bold;
color:#333333;
margin: 30px 10% 40px 10%;
float:left;
}
.funfo-title3{
width:100%;
text-align:center;
font-weight:normal;
font-size: 16px;
color:#333333;
margin: 0px 0% 10px 0%;
float:left;
}
.funfo-form{
width:70%;
margin: 0 auto;
}
.funfo-window {
  text-align:left;
  position: fixed;
  color:#333333;
  background-color: rgba(255, 255, 255, 0.25);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.6s;
}
.funfo-window:target {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.funfo-window > div {
  width: 700px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -45%);
          transform: translate(-50%, -45%);
  padding: 2em;
  background: #ffffff;
  box-shadow: 0px 0px 10px #D3D3D3;
}
.funfo-window header {
  font-weight: bold;
}
.download-box{
width:50%;
height:200px;
text-align:center;
float:left;
margin: 100px 25% 0px 25%;
}
.download-box-0{
width:50%;
height:150px;
text-align:center;
float:left;
margin: 50px 25% 0px 25%;
}
.download-box-1{
width:200px;
font-size: 16px;
border-radius:5px;
margin:0 auto;
padding: 10px;
background:#FFB03B;
transition-duration: 0.4s;
font-weight:bold;
color:#FFFFFF;
text-align:center;
text-decoration:none;
}
.download-box-2{
width:100%;
font-size: 16px;
color:#333333;
text-align:center;
margin-top:30px;
font-weight:bold;
}
.download-box-1:hover{
background:#ff9800;
}
.download-font1{
transition-duration: 0.4s;
color:#FFB03B;
}
.download-font1:hover{
color:#ff9800;
text-decoration:none;
}

/*animation*/
.funfo-animation-1{
position:relative;
animation:up1 2s 1;
-webkit-animation:up1 2s 1; /*Safari and Chrome*/
}
.funfo-animation-2{
position:relative;
animation:up2 2s 1;
-webkit-animation:up2 2s 1; /*Safari and Chrome*/
}
@keyframes up1
{
0% {top:150px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
@-webkit-keyframes up1 /*Safari and Chrome*/
{
0% {top:150px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
@keyframes up2
{
0% {top:0px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
@-webkit-keyframes up2 /*Safari and Chrome*/
{
0% {top:0px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
}
@media screen and (max-width: 540px) { 
    html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.funfo-1{
width:15%;
border-radius:1px;
margin:0 auto;
padding: 2px;
background:#FFB03B;
}
.funfo-title1{
text-align:center;
font-size: 30px;
font-weight:bold;
color:#333333;
margin: 0px 0px 30px 0px;
}
.funfo-title2{
width:90%;
text-align:center;
font-size: 24px;
font-weight:bold;
color:#333333;
margin: 30px 5% 10px 5%;
float:left;
}
.funfo-title3{
text-align:center;
font-size: 16px;
color:#333333;
font-weight:lighter;
float:left;
}
.funfo-form{
width:100%;
margin: 0 auto;
}
.funfo-window {
  text-align:left;
  position: fixed;
  color:#333333;
  background-color: rgba(255, 255, 255, 0.25);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.6s;
}
.funfo-window:target {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.funfo-window > div {
  width: 95%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -45%);
          transform: translate(-50%, -45%);
  padding: 2em;
  background: #ffffff;
  box-shadow: 0px 0px 10px #D3D3D3;
}
.funfo-window header {
  font-weight: bold;
}
.download-box{
width:100%;
text-align:center;
float:left;
margin: 80px 0px 50px 0px;
}
.download-box-0{
width:100%;
text-align:center;
float:left;
margin: 50px 0px 50px 0px;
}
.download-box-1{
width:54%;
font-size: 16px;
border-radius:5px;
margin:0 auto;
padding: 10px;
background:#FFB03B;
font-weight:bold;
color:#FFFFFF;
text-align:center;
margin: 0px 23% 0px 23%;
}
.download-box-2{
width:100%;
font-size: 16px;
color:#333333;
text-align:center;
margin-top:30px;
font-weight:bold;
}
.download-box-1:hover{
background:#ff9800;
}
.download-font1{
transition-duration: 0.4s;
color:#FFB03B;
}
.download-font1:hover{
color:#ff9800;
text-decoration:none;
}

/*animation*/
.funfo-animation-1{
position:relative;
animation:up1 2s 1;
-webkit-animation:up1 2s 1; /*Safari and Chrome*/
}
.funfo-animation-2{
position:relative;
animation:up2 2s 1;
-webkit-animation:up2 2s 1; /*Safari and Chrome*/
}
@keyframes up1
{
0% {top:150px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
@-webkit-keyframes up1 /*Safari and Chrome*/
{
0% {top:150px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
@keyframes up2
{
0% {top:0px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
@-webkit-keyframes up2 /*Safari and Chrome*/
{
0% {top:0px;opacity:0.1;}
100% {top:0px;opacity:1;}
}
}