footer {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 0;
	background: #25A1CA;
   
}
.footer {
    color: rgb(255, 255, 255);
    background: #25A1CA;
    padding: 40px 0 20px;
    position: relative;
    /*overflow-x: hidden;*/
   }
   .footer p {
    color: rgb(255, 255, 255);
   }
   .footer a {
    color:  rgb(255, 255, 255);
    text-decoration: none;
   }
   .footer li a:hover {
    text-decoration: underline;
   }
   .footer .wrap {
    max-width: 1000px;
    width:94%;
    margin: 0 auto 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
   }
   .footer .wrap h3 {
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: 1px solid #f0f0f0;
   }

   .footer .wrap .box {
    width: 30%;
   }
   .footer .wrap .box ul {
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
   }
   .footer .wrap .box ul li {
      margin-bottom: 5px;
   }
 .copyright {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 0 0;

    text-align: center;
    font-size: 12px;
   }
   
   @media only screen and (max-width: 599px) {
   .footer .wrap {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
   }
   .footer .wrap h3 {
    border: none;
   }
   .footer .wrap .box {
    width: 100%;
   }
   .footer .wrap .box ul {
    border-top: 1px #f0f0f0 solid;
   }
   .footer .wrap .box ul li a {
    display: block;
    padding: 5px 15px;
    border-bottom: 1px #f0f0f0 solid;
   }
   }


#page_top{
 width: 100px;
 height: 50px;
 position: fixed;
 right: 0;
 bottom: -100px;
 opacity: 0.9;
}
#page_top a::after{
   display: inline-block;
   vertical-align: middle;
   /*color: #999;*/
   line-height: 1;
   position: relative;
   width: 0.1em;
   height: 1.5em;
}
#page_top a{
padding:10px;
color: #5e5e5e;

}
#page_top a::before{
   content: '';
   width: 0.65em;
   height: 0.65em;
   border: 0.1em solid currentColor;
   border-left: 0;
   border-bottom: 0;
   transform: rotate(-45deg);
   transform-origin: top right;
   position: absolute;
   top: -1em;
   right: 55%;
   box-sizing: border-box;
}
/*#page_top a::after{
 content: '';
 font-size: 13px;
 color: #fff;
 position: absolute;
 top: 45px;
 bottom: 0;
 right: 0;
 left: 0;
 margin: auto;
 text-align: center;
 color: #3f98ef;
}*/


.rotate_fig_wrap {
   width:100%;
   display:table;
   text-align:center;
   position: relative;

}  
.rotate_fig,
.island_fig {
   display:table-cell;
   vertical-align:middle;
   position:absolute;
   top:0%;
   left:50%;
   transform:translate(-50%,-50%);
 }
 .island_fig {
   z-index: 777;
 }
 img#enjoy{
   animation:18s linear infinite rotation2;
   width: 100%;
   height: auto;
 }
 img#island {
   width: 100%;
   height: auto;
   
 }
 @media only screen and (max-width: 599px) {
   .footer {
      padding: 100px 0 20px;
   }
   img#island {
      width: 100%;
      height: auto;
      max-width: 100%;
    }
   img#enjoy {
      width: 120%;
      max-width: 120%;
    }
    .rotate_fig {
      display:table-cell;
      vertical-align:middle;
      position:absolute;
      top:0%;
      left:45%;
      transform:translate(-50%,-50%);
    }
   .island_fig {
      display:table-cell;
      vertical-align:middle;
      position:absolute;
      top:0%;
      left:50%;
      transform:translate(-50%,-50%);
   }
 }
 @keyframes rotation2 {
   0%{ transform:rotate(0);}
   100%{ transform:rotate(-360deg); }
 }