@import url(https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,600,700,800,900);
@font-face { font-family: 'AdobeFanHeitiStd-Bold'; src: url("../font/AdobeFanHeitiStd-Bold.otf") format("opentype"); }
.center-section { top: 50%; left: 50%; transform: translate(-50%, -50%); }

.checkin-section { position: relative; margin: auto 30px; padding-bottom: 75px; padding-top: 75px; }
@media screen and (max-width: 996px) { .checkin-section { padding-top: 75px; } }
@media screen and (max-width: 475px) { .checkin-section { padding-top: 50px; } }
.checkin-section .m-tittle { height: 50px; line-height: 50px; font-size: 25px; }
.checkin-section img { width: 100%; padding: 15px 0; }
.checkin-section .checkin-tab { width: 200px; height: 30px; line-height: 30px; text-align: center; background-color: #C2132C; color: white; font-size: 19px; letter-spacing: 4px; font-weight: 300; }
.checkin-section iframe { width: 100%; height: auto; border: 0; margin-top: 15px; }