html,body{margin:0;padding:0;}
#opening{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;
-webkit-display:flex;-webkit-align-items:center;-webkit-justify-content:center;
-ms-display:flex;-ms-align-items:center;-ms-justify-content:center;
display:flex;align-items:center;justify-content:center;}

#opening #svgArea{position:relative;width:240px;height:180px;}
#opening #svgArea img#mark{float:left;width:3000%;height:auto;margin-top:-1000%;margin-left:-1000%;animation:mk 0.5s ease-in 1 normal 0s forwards;}
#opening #svgArea img#logo{float:right;width:65%;height:auto;margin-right:-1000%;animation:lg 0.3s ease-out 1 normal 0.6s forwards;}
#opening #svgArea #txtArea{position:absolute;left:0;right:0;bottom:-20px;font-family:sans-serif;}
#opening #svgArea #txtArea #p1{opacity:0;margin:0;padding:0 0 0px;font-size:32px;font-weight:bold;text-align:center;animation:p1 0.8s linear 1 normal 1.2s forwards;}
#opening #svgArea #txtArea #p2{opacity:0;margin:0;padding:0 0 0px;font-size:18px;font-weight:bold;text-align:center;animation:p2 0.8s linear 1 normal 1.6s forwards;}


@keyframes mk{
  from{width:3000%;height:auto;margin-top:-1000%;margin-left:-1000%;}
  to{width:35%;height:auto;margin-top:0;margin-left:0;}
}

@keyframes lg{
  0％{margin-right:-1000%;}
  75%{margin-right:0px;}
  85%{margin-right:-50px;}
  92%{margin-right:0px;}
  96%{margin-right:-20px;}
  100%{margin-right:0;}
}

@keyframes p1{
  from{opacity:0;}
  to{opacity:1;}
}

@keyframes p2{
  from{opacity:0;}
  to{opacity:1;}
}

footer{position:absolute;bottom:5px;width:100%;height:auto;font-size:11px;text-align:center;}