.page-intro {
  background-image: url("../images/bg_intro.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  position: relative;
}
.left-intro {
  height: 100vh;
  background-image: url("../images/left_intro-004.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.left-intro-text {
  height: 100vh;
  background-image: url("../images/left_intro_text-004.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.right-intro {
  width: 100%;
  height: 100vh;
  background-image: url("../images/right_intro-004.png");
  background-repeat: no-repeat;
  background-size: auto 100%; position: absolute; right: 0; top: 0;
}
.topicon { position: absolute;right: 30px; top: 30px; display: flex;}
.topicon a.icontop { display: block; width: 55px; height: 55px; margin: 10px; text-align: center; color: #666464;}
.topicon a.icontop span { display: block;}
.topicon a.icontop i { font-size: 25px;}
.topicon a.icontop.admin { background-image: url("../images/icon_nav_admin.png");background-repeat: no-repeat;background-size: auto 100%;}
.topicon a.icontop.mail { background-image: url("../images/icon_nav_call.png");background-repeat: no-repeat;background-size: auto 100%;}
.topicon a.icontop.call { background-image: url("../images/icon_nav_mail.png");background-repeat: no-repeat;background-size: auto 100%;}

a.btnlogin { display: block;position: absolute; bottom: 0; left: 50%; margin-left: -266px; width: 523px; height: 297px; background-image: url("../images/btn-intro-login.png");background-repeat: no-repeat;background-size: auto 100%;}