@charset "UTF-8";

html {
    margin: 0; 
    height: 100%;
    text-align:-moz-center;
    text-align:center;
}

body {
    margin: 0; 
    height: 100%!important;
    width: 100%!important;
    background-image: url(../images/main/back_ground_01.jpg);
    background-position:47% 0; 
    position:static; 
    background-size:cover!important;
    background-repeat:repeat,no-repeat;
    background-attachment: fixed;
    background-color: #000;
}

@media (max-width:599px) {
html{
        height: 100%!important;
        width: 100%!important;
}

body{
}

#wrap {background:none}
body::before {
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background-image: url(../images/main/back_ground_01.jpg);
  -webkit-background-size:cover;
  background-color: #000;
  }
}


html,body{
    height:100%;
}

footer,header,nav{
    display: block; 
}


/*********font*********/

@font-face{
    font-family:'MyriadPro';
    src:url('../font/MyriadPro.woff') format('woff'), /* Modern Browsers */
    url('MyriadPro.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face{
    font-family:'Imperial';
    src:url('../font/Imperial.woff') format('woff'), /* Modern Browsers */
    url('Imperial.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face{
    font-family:'Yugothic';
    src:url('../font/Yugothic.woff') format('woff'), /* Modern Browsers */
    url('Yugothic.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face{
    font-family:'Notera';
    src:url('../font/Notera.woff') format('woff'), /* Modern Browsers */
    url('Notera.ttf')  format('truetype'); /* Safari, Android, iOS */
}