body { overflow: hidden; } .welcome { position: absolute; top: 0px; left: 0px; width: 1920px; height: 1080px; padding: 0px; display: none; z-index: 1; } .startup { top: 0px; left: 0px; position: absolute; width: 100%; height: 100%; padding: 0px; background-image: url(./images/hoteltv_service_preparing.png); background-size: cover; background-repeat: no-repeat; } .welcome .frame { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0px; background-color: rgba(0, 0, 0, 1); background-image: none; background-size: cover; background-repeat: no-repeat; display: none; } .welcome .frame .msgwin { position: absolute; top: 98px; left: 519px; width: 884px; height: 648px; padding: 0px; /* background-image: url(./images/bg_language_welcome_box.png); background-size: cover; */ background-repeat: no-repeat; background: linear-gradient(rgba(45,45,45,0.6),rgba(16,16,16,0.7)); border-radius: 11px; filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.5)); } .welcome .frame .msgwin #hotellogo { position: absolute; top: 108px; left: 135px; width: 634px; height: 270px; padding: 0px; background-image: none; background-size: contain; background-repeat: no-repeat; /* background-position: center; */ background-position: top; } .welcome .frame .msgwin #guestname { position: absolute; top: 424px; left: 0px; width: 804px; height: 65px; padding: 0px 0px 5px 0px; margin: 0px 40px 0px 40px; background-image: none; background-size: contain; background-repeat: no-repeat; background-position: center; border-bottom: solid rgb(192,192,192) 3px; font-size: 65px; justify-content: center; text-align: center; color: rgb(235, 235, 235); line-height: 65px; max-width: 864px; display: none; } .welcome .frame .msgwin #welcomemsg { position: absolute; top: 516px; left: 0px; width: 804px; height: 44px; /* padding: 0px; */ margin: 0px 40px 0px 40px; background-image: none; background-size: contain; background-repeat: no-repeat; background-position: center; font-size: 33px; justify-content: center; text-align: center; color: rgb(235, 235, 235); line-height: 33px; max-width: 864px; display: none; } .welcome .frame .guide#langsel { position: absolute; top: 1037px; left: 0px; width: 1920px; height: 54px; background-color: rgba(0, 0, 0, 0.8); display: inline-block; color: rgba(200, 200, 200, 1); font-size: 32px; line-height: 43px; text-align: center; border-top: solid rgb(128, 128, 128); } .welcome #lst_langsel { position: absolute; top: 962px; left: 0; height: 76px; line-height: 76px; margin: 0; padding: 0; overflow: hidden; display: none; } .welcome #lst_langsel .item { color: rgba(200, 200, 200, 1); font-size: 44px; text-align: center; background-repeat: no-repeat; background-size: cover; } .welcome #lst_langsel .owl-item.active.center div { background-image: var(--btn_focus); } .welcome #lst_langsel .owl-item.active div { background-image: var(--btn_unfocus); } .control .skip_video { z-index: 10000; position: absolute; z-index: 10000; top: 927px; left: 1579px; width: 246px; height: 68px; padding: 0px; background-color: rgba(0, 0, 0, 0.0); background-image: none; background-size: contain; background-repeat: no-repeat; display: none; } #debugwin { z-index: 10000; position: absolute; top: 11px; bottom: 22px; right: 11px; font-size: 12px; background-color: rgba(18, 18, 18, 0.3); text-align: left; color: rgb(235, 235, 235); line-height: 24px; padding-left: 5px; padding-top: 5px; display: inline-flex; max-width: 500px; overflow-wrap: break-word; word-wrap: break-word; display: none; }