@charset "utf-8";

/* CSS Document */



body,html,div,p,ul,li { margin:0; padding:0;-webkit-text-size-adjust: none;}

body { 

  -webkit-text-size-adjust:none; 

    background-color:#2e3235;

  font-size:1.1em;

  color: #fff;

  text-align: center; 

  overflow:hidden;

  height:100%;

  width: 100%;

}



#top{

height: 12%;

    font-size: 0;

    margin: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.center-middle{

    position: absolute;

    left:50%;

    top:50%;

     transform: translate(-50%,-50%);

   -ms-transform: translate(-50%,-50%);

   -moz-transform: translate(-50%,-50%);

   -webkit-transform: translate(-50%,-50%);

}

#container{

   position:absolute;

    background:transparent url(../images/bg.jpg) center center;

    background-size:cover;

    top:0px;

   left:0px;

  height:100%;

  width: 100%;

  overflow:hidden;

}

#main{display: initial;}

#main .title{height: 7%;

    font-size: 0;

    margin: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;}

#main .title img{height:100%}

.scan-info{

    display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;height: 18%;

    text-align: left;

    color: #231815;

    font-size: 1em;

}







#main>div{



}

.info{text-align:left



}

.info span{

  text-align: left;

  display: inline-block;

  width: 40%;

  margin-top:6px;

  margin-right:10px;

}

.info span.l{

  text-align: right;

}



.more a:active{

  opacity:0.6;

}

.scan-love-box{width: 72%;

    margin: 0 auto;

    font-size: 0;}

.scan-love-box img{width: 100%;}

.go-details{

    position: fixed;

    top: 10%;

    right: 0;

    padding: .5em;

    width: .8em;

    font-size: .8em;

    background-color: #fff1c6;

    color: #f36022;

    border-radius: 10px 0 0 10px;

}

.dianl{padding-top: 20%;}

.dianl img{width: 64%;}



#footer{

   z-index: 9;

   position:absolute;

   width:100%;

   bottom:0px;

   left:0px;

   height:12%;

   background:#10528a

}



#footer div{

  display: inline-block;

  position: relative;

   width:22%;

   height:100%;

}



#footer a:active img{

  opacity:0.6;

}











img { border:0}

* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  }







@media screen and (min-width:1000px){

  

   #main{

    width:40%;

    

  }

}