@import "./../css/font.css";
html, body, div{ margin:0; padding:0; }
body{ 
  font-family: 'twcenmt_regular', Arial, Tahoma; font-size:18px; line-height:20px;  } 
  
#page{ display:block; position:relative; width:100%; height:100%; height:100vh; background: url(../img/bg-landing.jpg) top center no-repeat #fff; background-size:cover; }

.table{ display:table; width:100%; height:100%; margin:0; padding:0; position:relative; }
.table-row{ display:table-row; }
.table-cell{ display:table-cell; position:relative; text-align:center; vertical-align:middle; }

img{ border:none; max-width:100%; outline:0; vertical-align:middle;  }
:focus { outline:0; }
a:active { outline:none; }

a:link{ text-decoration:none; color:#000000; }
a:visited{ text-decoration:none; color:#000000; }
a:hover{ text-decoration:none; color:#eb212e; }


.box{ display:block; position:relative; width:434px; margin:0 auto; }
.boxlogo{ display:block; position:relative; padding:0; height:204px;  }
.boxlogo-name{ display:block; position:relative; padding:0 0 65px; }
.boxlogo-name img{ max-width:100%; }
.boxlink{ display:block; position:relative; text-align:center; letter-spacing:1px; }
.boxlink a{ margin:0 26px; transition:ease 0.5s; color:#000000; }
.boxlink a:hover{ color:#eb212e; }


.logo-landing-img{ display:block; position:relative; width:132px; height:204px; margin:0 auto; background: url(../img/logo-landing-img-AM.svg) no-repeat; }
.am-symbol{ display: none; }
.am-symbol [foo], .am-symbol {
  display: block; 
  position: absolute;
  top:0px; left:0; 
  display: inline-block;
  width: 132px;
  height: 204px; 
}
.am-symbol .am-circle {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%; 
  position: absolute;
  bottom: 0; top:0; 
  left: 0;  right:0;
 
  opacity: 0; 
  -o-animation: wifianimation 2s infinite;
  -moz-animation: wifianimation 2s infinite;
  -webkit-animation: wifianimation 2s infinite;
  animation: wifianimation 2s infinite; 
}
.am-symbol .am-circle.first {
  -o-animation-delay: 800ms;
  -moz-animation-delay: 800ms;
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
  background:url(../img/logo-landing-img-long-line.svg) center no-repeat;
}
.am-symbol .am-circle.second { 
  -o-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
  background:url(../img/logo-landing-img-short-line.svg) center no-repeat;
}
.am-symbol .am-circle.third { background:url(../img/logo-landing-img-dot.svg) center no-repeat;  }
 
@-o-keyframes wifianimation {
  0%{ opacity: 0.9; }
  5%{ opactiy: 1; }
  6%{ opactiy: 0.1; }
  100%{ opactiy: 0.1; }
}
@-moz-keyframes wifianimation {
  0%{ opacity: 0.9; }
  5%{ opactiy: 1; }
  6%{ opactiy: 0.1; }
  100%{ opactiy: 0.1; }
}
@-webkit-keyframes wifianimation {
  0%{ opacity: 0.9; }
  5%{ opactiy: 1; }
  6%{ opactiy: 0.1; }
  100%{ opactiy: 0.1; }
} 
 

@media screen and (max-width: 640px){
body{  font-size:14px; line-height:16px;  } 	
.box{ width:92%; margin:0 auto; }	

}