@font-face{font-family:'font';src:url('Font/font.ttf') format('truetype')}html{font-family:font;font-size:.95em;color:#fff}body{margin:0;padding:0}div,ul{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}ul{list-style:none;padding:10px;margin:0 0 15px 0}a{text-decoration:none;color:#fff}.container{width:860px;margin:0 auto}.row{float:left;width:100%;text-align:center}.row>div{display:table-cell;vertical-align:bottom;text-align:left}.row>div:last-child{margin-right:0}.vertical-align-wrap{position:absolute;height:100%;display:table}.vertical-align{display:table-cell}.vertical-align--middle{vertical-align:middle}.point,.point-body,.point-footer{width:198px;float:left;margin:0 20px 20px 0;position:relative}.point{min-height:198px}.point-qr,.point-logo{height:200px;min-width:200px;max-width:200px;background-repeat:no-repeat;background-size:200px 200px}.point-qr{background-image:url('qr.png')}.point-logo{background-image:url('logo.jpg')}.point-info{width:418px;font-size:1em}.point-body{width:858px;color:#1a2539;border:1px solid #fff;font-size:larger;font-weight:bolder}.point-body h1{text-align:center;font-size:1.2em}.point-content{margin:5px;position:absolute;bottom:0}.point-footer{width:858px;min-height:20px;color:#5a6579;background:#1a2539;border:1px solid #1a2539}.point-footer .point-content{font-family:Arial;font-size:xx-small;margin:0 4px 0 0;right:0}.color-2{background:#1a2539;border:1px solid #1a2539}.highlight{color:#02ace5}@media only screen and (max-width:900px){.container{width:420px}.point-footer,.point-body{width:418px}.point-info{font-size:1em}.point-info,.point:last-child{margin-right:0}ul{margin:0}}@media only screen and (max-width:460px){.container{width:200px}.vertical-align{padding-top:20px;vertical-align:top}.point-info,.point-footer,.point-body{margin:0 0 20px 0;width:198px}.point-info{font-size:1.05em}.point-body{border:1px solid #1a2539}div.container>div:last-child{margin-bottom:0}}