@charset "utf-8";

html, body {
	font-size: 16px;
}

body {
    background-color:#ddd;
}

.event-cover::after  { max-width:290px; }

.phone-input-wrapper .phone-input .phone2{ width: 10.75em; }

.card-label-area .btm p:nth-child(1)  { max-width:13rem; }

.relate-links { margin-left:13.75rem; }



@media (orientation: landscape) {
    #wrapper .main-container,
    .simple-pay .service-layer,
    .modal-kiosk-btm .modal-dialog,
    .event-cover {
        max-width: 600px;
    }
}

@media screen and (max-width: 600px) {
    html, body {
        font-size: 12px;
    }
    #wrapper .main-container,
    .simple-pay .service-layer,
    .modal-kiosk-btm .modal-dialog,
    .event-cover {
        max-width: 100%;
    }
    .inform-top-box .user-opt li  { min-width:30%; }
    .inform-top-box .user-opt li > .icon  { width:2rem; height:2rem; }
    .inform-top-box .user-opt li > .icon > img  { max-width:1.5rem; }
}